Kurs Metodologia BEM - jak pisać dobry kod CSS - strefakursow.pl

..::(Info)::..

Wielkość: 465 MB
Język: PL
Format: MP4

..::(Opis)::..

Czego się nauczysz:
struktury i składni BEM CSS

pracy z SASS – popularnym preprocesorem CSS

budowania szablonów HTML zgodnie z najnowszymi trendami

dobrych praktyk tworzenia kodu

implementacji metodologii BEM w dowolnym projekcie

stosowania kolekcji znaków Unicode

tworzenia responsywnych interfejsów

korzystania z cenionego narzędzia projektowego Figma

Jeśli rozpoczynasz karierę frontendowca i chcesz szybciej tworzyć nowoczesne i świetnie wyglądające strony, to ten kurs online jest właśnie dla Ciebie. Dzięki niemu poznasz dobre praktyki kodowania i nauczysz się wdrażać interfejsy aplikacji webowych w oparciu o aktualne konwencje oraz niezwykle popularną metodologię BEM CSS. Pozwoli Ci ona zoptymalizować swoją pracę poprzez tworzenie niezależnych komponentów tak, aby nadawały się do ponownego wykorzystania.

W trakcie kursu dowiesz się jak wygląda składnia BEM CSS i poznasz praktyczne zastosowanie tej metodologii z wykorzystaniem najnowocześniejszych narzędzi. Dowiesz się jak krok po kroku zbudować szablon aplikacji, nadając jej responsywny charakter oraz nauczysz się pisać style za pomocą preprocesora SASS. W trakcie kursu wspólnie wykonamy projekt landing page, którym będziesz mógł pochwalić się w swoim portfolio.

Projekt strony zbudowanej zgodnie z metodologią BEM
Szybki start i konfiguracja
W początkowych rozdziałach szkolenia online pokażę Ci jak skonfigurować środowisko pracy, zaczynając od dokumentacji oraz instalacji Node.js. Nauczysz się również korzystać z podstawowych funkcjonalności narzędzia GULP do automatyzacji, co oszczędzi sporo Twojego czasu, który do tej pory mogłeś marnować na powtarzalne i żmudne zadania. Nauczysz się również w prawidłowy sposób tworzyć drzewa katalogów, tak by inni programiści mogli bez problemu odnaleźć się w Twoim projekcie. Dowiesz się też jak w prawidłowy sposób rozplanować architekturę aplikacji, tak aby nie mieć problemów w późniejszym zarządzaniu listą zawartych w projekcie plików.

Zobacz jak skonfigurować środowisko pracy i opanuj funkcjonalności narzędzia GULP
wykonaj landing page zgodnie z metodologią BEM
BEM w praktyce - kodowanie strony
W trakcie kursu dowiesz się czym jest metodologia BEM CSS oraz jak i kiedy ją stosować. Wspólnie przygotujemy landing page z wykorzystaniem niezwykle popularnego narzędzia do projektowania - Figma. Linia po linii razem zbudujemy szablon strony i nadamy mu style odwzorowując nasz projekt graficzny. Dzięki temu zdobędziesz umiejętności pozwalające na tworzenie kodu, który jest re-użyteczny i może być zastosowany niezależnie w wielu miejscach Twojego projektu. W tym kursie online pokażę Ci też jak zgodnie z najnowszymi trendami i technikami buduje się dziś szablony będące graficznym interfejsem aplikacji webowej.

Zadbaj o responsywność z Bootstrap
Budując naszą stronę, nauczysz się przygotowywać funkcjonalne layouty reagujące na zmianę rozdzielczości. Zrobimy to wykorzystując popularny framework CSS Bootstrap. Znajomość przynajmniej jego podstaw to w dzisiejszym front-endowym świecie w zasadzie obowiązek. Będzie to zatem miły dodatek podczas nauki samej metodologii BEM. Wykorzystując Bootstrapa nauczysz się stosować siatkę oraz poznasz kilka innych przydatnych funkcjonalności, które posiada w sobie ten framework.

Wykorzystaj Bootstrap i zadbaj o responsywność strony
Opanuj składnię SCSS i wykorzystaj zdobytą wiedzę w praktycznym projekcie
Efektywna praca z preprocesorem CSS
Podczas kursu pokażę Ci również jak wygląda składnia SCSS, kompatybilna ze składnią CSS. Dowiesz się jak definiować zmienne, dzielić główny arkusz na mniejsze części, a także jak zagnieżdżać w sobie i łączyć ze sobą selektory. Będzie to bardzo przydatne również w pracy nad projektami, w których nie używa się metodologii BEM. Ułatwi Ci to zarządzanie strukturą samego projektu oraz nauczy jak projektować architekturę drzewa plików i katalogów.

Co jeszcze powinieneś wiedzieć?
Aby w pełni wykorzystać wiedzę zawartą w tym szkoleniu online, nie musisz posiadać zaawansowanej wiedzy na temat wdrażania interfejsów aplikacji webowych – wystarczy Ci podstawowa wiedza z zakresu HTML i CSS. Brakujące umiejętności bez trudu uzupełnisz dzięki innym naszym szkoleniom.