Kurs Metodologia BEM - jak pisać dobry kod CSS
Opanuj metodologię BEM CSS i naucz się szybciej tworzyć nowoczesne, responsywne strony i aplikacje webowe.
Dostęp od razu po zakupie
Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.
Ten kurs jest częścią ścieżki
Web Designer
21578 kursantów
Opis szkolenia
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.
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.
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.
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.
Kup w pakiecie i oszczędź
Kurs Metodologia BEM - jak pisać dobry kod CSS
129 zł
Kurs Błyskawiczne tworzenie stron z Tailwind CSS
159 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 58 zł
Zyskujesz 23.04 zł w punktach na kolejne zakupy.
Fundamenty CSS - stylowanie stron od podstaw
159 zł
Kurs Metodologia BEM - jak pisać dobry kod CSS
129 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 58 zł
Zyskujesz 23.04 zł w punktach na kolejne zakupy.
Twój instruktor
Piotr Mariański
Senior Full-stack Webdeveloper
Opinie kursantów
„Bardzo dobry kurs z przedstawieniem praktycznych metod wydzielania i podziału interfejsu użytkownika na oddzielne niezależne komponenty, które jesteśmy wstanie wykorzystać wielokrotnie w innych miejscach bez potrzeby kopiowania i dublowania kodu. Ten sposób myślenia i działania przybliża nas do metody działania Tailwinda. Polecam kurs dla każdego frontendowca."
Czytaj więcej
Zwiń
„Ciekawy kurs pokazujacy jak zastosować technologię. Dobrze wyjaśnione jak zastosować w projekcie. "
Marcin Olesik
„Obowiązkowa pozycja dla każdego Web Designer'a. Polecam!!!"
Krzysztof Graca
„Super!"
Michał Hader
„teraz będzie mi się zdecydowanie efektywniej pracować, dziękuję ;) "
Kamil Świokło
„Konkretne, dobrze zorganizowane i pełne praktycznej wiedzy."
Mateusz Kiezik
„Świetny Kurs. Idealnie wpasowany w ścieżkę kariery "
Tomasz Garbacz
Zobacz też
Podobne kursy
Programowanie
Fundamenty CSS - stylowanie stron od podstaw
159 zł
Programowanie
Produktywne tworzenie stron z LESS & SASS
119 zł
Programowanie
Kurs Bootstrap 4 - praktyczny projekt
119 zł
Programowanie
Warsztaty tworzenia stron internetowych
119 zł
Programowanie
Flexbox & Grid - responsywne layouty od podstaw
119 zł
Programowanie
Fundamenty języka HTML - kodowanie stron od podstaw
159 zł
Programowanie
Kurs Bootstrap 4 - od podstaw
119 zł
Programowanie
Kurs HTML i JavaScript - praktyczne projekty
149 zł
Programowanie
Kurs Błyskawiczne tworzenie stron z Tailwind CSS
159 zł
Programowanie
Kurs Tworzenie stron internetowych - praktyczne projekty
159 zł
Ten kurs jest częścią ścieżki
Web Designer
Twórz atrakcyjne i funkcjonalne strony internetowe z użyciem nowoczesnych technik. Opanuj kluczowe podstawy, niezbędne narzędzia i zacznij tworzyć wspaniałe strony!
Dostęp od razu po zakupie
129 zł