✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

strefakursów.pl Programowanie

Kurs Metodologia BEM - jak pisać dobry kod CSS:Trailer

Opanuj metodologię BEM CSS i naucz się szybciej tworzyć nowoczesne, responsywne strony i aplikacje webowe.

Kurs Metodologia BEM - jak pisać dobry kod CSS:Importy

Opanuj metodologię BEM CSS i naucz się szybciej tworzyć nowoczesne, responsywne strony i aplikacje webowe.

Kurs Metodologia BEM - jak pisać dobry kod CSS:Stylowanie bloku "O nas"

Opanuj metodologię BEM CSS i naucz się szybciej tworzyć nowoczesne, responsywne strony i aplikacje webowe.

DARMOWE FRAGMENTY

Ten kurs jest częścią ścieżki:

Web Designer

19796 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.

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.

ZOBACZ WIĘCEJ

Kup w pakiecie i oszczędź

Kurs Metodologia BEM - jak pisać dobry kod CSS

27 recenzji

Poziom Średniozaawansowany

35 wykładów

5.0

99zł

Kurs Błyskawiczne tworzenie stron z Tailwind CSS

28 recenzji

Poziom Średniozaawansowany

35 wykładów

4.9

129zł

Razem do zapłaty

160 zł

-30% 228 zł

+1596 punktów premium

KUP W PAKIECIE

Fundamenty CSS - stylowanie stron od podstaw

Kurs Metodologia BEM - jak pisać dobry kod CSS

27 recenzji

Poziom Średniozaawansowany

35 wykładów

5.0

99zł

Razem do zapłaty

160 zł

-30% 228 zł

+1596 punktów premium

KUP W PAKIECIE

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz

Program nauczania

1 WSTĘP I KONFIGURACJA

Wstęp 02m 29s

Jak korzystać z materiałów? 01m 06s

Instalacja Node.js 01m 54s

Utworzenie projektu 09m 22s

Konfiguracja projektu 04m 37s

Gulp - konfiguracja 06m 18s

2 SASS

Wprowadzenie do SASS 01m 28s

Zmienne 05m 46s

Importy Podgląd 02m 12s

Zagnieżdżanie i łączenie selektorów 05m 15s

3 BEM CSS

Co to jest BEM CSS? 05m 15s

Konwencje nazewnicze 07m 54s

Zasoby 07m 12s

Zmienne projektowe 09m 47s

Nagłówek 20m 37s

Stylowanie nagłówka 15m 00s

Konfiguracja Gulp Watch 04m 57s

Reset CSS i elementy globalne 06m 42s

Stylowanie nagłówka cd. 15m 55s

Tworzenie bloku "O nas" 05m 33s

Stylowanie bloku "O nas" Podgląd 10m 17s

Tworzenie sekcji reklamowej 03m 38s

Stylowanie sekcji reklamowej 05m 27s

Tworzenie bloku głównej treści 08m 07s

Stylowanie bloku głównej treści 12m 47s

Stopka 12m 16s

Stylowanie stopki 12m 43s

Podsumowanie 01m 58s

4 Wersja mobilna

BEM & BOOTSTRAP 06m 14s

Nagłówek 12m 07s

Sekcja "O Nas" 07m 32s

Blok reklamowy 04m 13s

Blok głównej treści 04m 58s

Stopka 05m 47s

Zakończenie 00m 58s

Ocena uczestników

43758 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 2261 wszystkich opinii.

97%

Recenzje użytkowników (27)

Fabian Grikień

9 kwietnia 2024

5.0

Super kurs

Robert Sajdak

11 marca 2024

5.0

Rzetelnie przygotowany kurs o metodologii BEM. Czytelnie wyjaśnione przez prowadzącego zasady nazewnictwa klas poparte praktycznym zastosowaniem. Prosto i dobrze wyjaśnione zasady budowania nowego projektu z użyciem Gulp.

Kamil Zygarlicki

28 lutego 2024

5.0

Polecam.

Jakub Waśkiewicz

15 stycznia 2024

5.0

O wiele lepiej rozumiem metodologie BEM

Maciek Krzywoń

21 listopada 2023

5.0

Mega fajny kurs, nie było jak ja to mówię zbędnego gadania tylko same konkrety

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp pozwolą Ci rozwinąć się zawodowo i podnieść Twoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy w nauce możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie szkolenia wystawiamy imienny certyfikat. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i nazwa instytucji certyfikującej. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017).

Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych . Jak również dołączyć do swojego CV.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz dokumentu Proforma lub faktury odroczonej, złóż zamówienie, a w uwagach do zamówienia dodaj komentarz “Proforma” lub "Faktura z odroczonym terminem płatności", lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Piotr Mariański

Senior Full-stack Webdeveloper

5.0

(27 ocen)

Kurs Metodologia BEM - jak pisać dobry kod CSS

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów . Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl , możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz

Opanuj metodologię BEM CSS i naucz się szybciej tworzyć nowoczesne, responsywne strony i aplikacje webowe.

Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z lub – Jak to działa?

99zł

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp

4 godziny szkolenia

35 wykładów

20 pytań testowych

Napisy dostępne w językach:
polski, angielski, ukraiński

Dostęp w aplikacji mobilnej

Certyfikat ukończenia

Testy i zadania

Rekomendacje na LinkedIn

Poziom: Średniozaawansowany

Powiązane tematy:

Ten kurs jest częścią ścieżki

4.8

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!

754 wykładów

19796 uczestników

Dowiedz się więcej