Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM

Autor:: Maksymilian Olszewski

Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM Maksymilian Olszewski - okladka książki

Ocena:: 5.8/6 9 opinii
Wersja:: Online i ZIP (323.78 MB)
Czas trwania:: 02:36:39

SASS CSS BEM HTML CSS preprocesor frontend gulp strona internetowa web developer

Sass. Nowoczesne arkusze stylów

+ gratis

Promocja Pakiet Plus!

Kupując ten produkt dodatkowo otrzymasz:
Sass. Nowoczesne arkusze stylów ( ebook )

Online

~~49,00 zł~~ (-45%)
26,95 zł

Dodaj do koszyka lub Kup 1-kliknięciem Kup na prezent Za zakup otrzymasz 26Pomoc

19,90 zł najniższa cena z 30 dni

Do przechowalni

Do kursu dołączamy kod źródłowy

Zobacz trailer kursu video

Opis kursu video Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM

Obierz kurs na usprawnienie CSS

Zapotrzebowanie na specjalistów frontendowców rośnie z roku na rok, stale rozwijają się także technologie, z którymi pracują frontend developerzy. Wraz ze wzrostem popularności aplikacji internetowych, które stają się też coraz bardziej skomplikowane i wyrafinowane, wzrasta znaczenie posiadanych przez specjalistów umiejętności i wiedzy. Aktualnie frontend developer, który pracuje w CSS, a nie zna jego preprocesorów, nie będzie w stanie stworzyć schludnego, optymalnego i przede wszystkim funkcjonalnego kodu. Sass, jako jeden z preprocesorów CSS, wnosi ze sobą szereg nowych zagadnień, ułatwień i nawiązań do klasycznych języków programowania. Wśród nich należy wymienić zmienne, rozdzielanie kodu na mniejsze fragmenty, sprecyzowane komponenty, funkcje i logikę. Dlaczego trzeba je poznać? Z przyczyn praktycznych — ze względu na łatwość tworzenia i utrzymania kodu z zastosowaniem środowiska Sass; prawie każdy projekt komercyjny oparty jest na technologiach tego preprocesora.

Co Cię czeka podczas naszego profesjonalnego szkolenia?

W trakcie pracy z niniejszym kursem video:

Opanujesz teorię i praktykę rozdziału kodu na małe, schludne komponenty.
Zrozumiesz, na czym polega metoda zagnieżdżania.
Nauczysz się właściwego zapisywania zmiennych, mixinów oraz funkcji.
Poznasz logikę środowiska Sass, jego możliwości w zakresie rozszerzania klas o te już istniejące oraz działania matematyczne.
Dowiesz się, jak w praktyce stosować metodologię BEM — jedną z najczęściej stosowanych komercyjnie konwencji nazewnictwa klas.

Co więcej...

Zobaczysz na własne oczy, czym jest node.js oraz NPM, i przekonasz się, jak w prosty sposób można samodzielnie stworzyć środowisko Sass pod nowy projekt.

Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM kończy się na poziomie średnio zaawansowanym. By wziąć udział w kursie, należy znać HTML i CSS w stopniu podstawowym. Dla lepszego skorzystania z wiedzy dostępnej w ramach szkolenia dobrze jest rozumieć również podstawy języka JavaScript.

CSS z turbodoładowaniem

Preprocesory, do których — poza Sassem — zaliczają się między innymi Less i Stylus, mają za zadanie wzbogacić CSS o pewne mechanizmy znane z tradycyjnych języków programowania, których język CSS w swoim standardzie nie posiada. Innymi słowy, preprocesor przetwarza nową składnię i kompiluje napisany kod do formatu zgodnego ze standardem CSS. Dzięki temu produkt końcowy (aplikacja) będzie pracować pod wszystkimi przeglądarkami. Z dostępnych preprocesorów autor tego kursu zdecydował się wybrać Sass, jako najbardziej dojrzały (jego początki sięgają 2006 roku), dobry do pracy w metodologii BEM. Akronim ten pochodzi od angielskiego Block Element Modifier — kryje się za nim bardzo proste podejście do tworzenia modularnego kodu HTML. Opiera się on na podziale składowych strony na bloki (na przykład formularz lub menu), elementy (guzik formularza, link w menu) oraz modyfikatory (warianty elementów). Trzymanie się zasad metodologii i konsekwentnego nazewnictwa pozwala uzyskać funkcjonalny, przejrzysty kod.

Trzy godziny z Sassem

Kurs, dzięki któremu poznasz i opanujesz preprocesor Sass, trwa około trzech godzin; został podzielony na 20 lekcji. Jako że jest to szkolenie na poziomie podstawowym, tytułem wstępu zaczniemy od krótkiej lekcji teoretycznej, by szybko przejść do praktyki: zainstalujemy mianowicie środowisko pracy. Następnie przyjrzymy się metodyce BEM, w której będziemy działać dalej. Po tym, jak napiszemy pierwsze zmienne, zajmiemy się zagnieżdżaniem w Sassie, następnie poznamy mixiny i sposób funkcjonowania interpolacji. W ramach kolejnego bloku tematycznego skupimy się na działaniach matematycznych, logice, listach i mapach. Wreszcie, na sam koniec, przyjdzie czas na omówienie budowy footera z użyciem metod extend i funkcji.

Wybrane bestsellery

O autorze kursu video

Maksymilian Olszewski — front-end developer i nauczyciel. Na co dzień programista budujący aplikacje w oparciu o technologie webowe, prowadzi również zajęcia i warsztaty dla początkujących developerów. W pracy skupia się na rozwoju frontendowej warstwy aplikacji internetowych, korzystając przede wszystkim z frameworków i bibliotek JavaScriptu, tj. React .js oraz Meteor.js, a także preprocesorów Sass i Less połączonych z metodologią BEM.

Zaloguj się aby uzyskać dostęp do dodatkowych odkodowanych lekcji »

1. Wstęp 00:02:44
- 1.1. Wstęp 00:02:44
2. Instalacja środowiska 00:28:34
3. Partials i BEM 00:11:05
- 3.1. Rozbijanie kodu i wstęp do BEM 00:11:05
4. Zmienne 00:14:59
- 4.1. Pisanie pierwszych zmiennych 00:03:57
- 4.2. Rozwój headera 00:11:02
5. Zagnieżdżanie 00:15:28
- 5.1. Zagnieżdżanie w Sassie z użyciem BEM 00:10:54
- 5.2. Style responsywne sekcji introduction 00:04:34
6. Mixiny i interpolacja 00:26:07
7. Działania matematyczne, logika, listy i mapy 00:45:31
8. Funkcje i extend 00:10:36
- 8.1. Budowa footera z użyciem metody extend i funkcji 00:10:36
9. Podsumowanie 00:01:35
- 9.1. Podsumowanie 00:01:35

Kurs Video zobaczysz:

Oceny i opinie klientów: Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM Maksymilian Olszewski (9)

6
(8)
5
(0)
4
(1)
3
(0)
2
(0)
1
(0)

5.8

Data dodania: 2018-10-04 Ocena: 6 Opinia niepotwierdzona zakupem

Polecam ten kurs w zestawie z kursem p. Grząśko. Oba nagrania są bardzo profesjonalne, choć autorzy mają zupełnie różne podejścia do tematu. Tworzymy dwa osobne projekty przez co uczymy się podwójnie :)
Data dodania: 2018-10-02 Ocena: 6 Opinia niepotwierdzona zakupem

Jeśli ktoś chce się nauczyć podstaw SASSa w szybki sposób to ten kurs będzie idealny. 2,5 godziny nagrania, w zasadzie brak uwag. Autor bez zbędnych dygresji przeprowadza nas przez podstawy tego preprocesora CSS.
Data dodania: 2018-09-26 Ocena: 6 Opinia niepotwierdzona zakupem

Bardzo dobre wprowadzenie do tematu. Polecam szczególnie dla początkujących.
Paulina, Data dodania: 2018-08-08 Ocena: 6 Opinia niepotwierdzona zakupem

Bardzo się cieszę, że ten kurs powstał. Czysty CSS nie pozwala na tak szybkie pisanie kodu jak SASS. Autor w jasny i przystępny sposób wprowadza nas w tajniki tego preprocesora dzięki czemu i ja mogłam zwiększyć wydajność swojej pracy z arkuszami stylów. Szczerze polecam!
Sebastian, Data dodania: 2018-07-25 Ocena: 6 Opinia niepotwierdzona zakupem

Duża wiedza autora, widać że kurs został dobrze przemyślany. Wiedza jest skondensowana, kurs ma jasno wyznaczony cel. Rozpoczyna się krótkim wstępem, później wspólnie tworzymy stronę na koniec cieszymy się skończonym i działającym produktem. Super!
Rafał, Data dodania: 2018-07-23 Ocena: 6 Opinia niepotwierdzona zakupem

Tego właśnie potrzebowałem. Same konkrety bez zbędnego lania wody!
Data dodania: 2018-06-17 Ocena: 6 Opinia niepotwierdzona zakupem

Podstawy wytłumaczone w przystępny sposób. Przyjemny głos autora, ciekawe przykłady, wszystko jasne i czytelne. Polecam
Paweł, Data dodania: 2018-06-13 Ocena: 6 Opinia niepotwierdzona zakupem

Bardzo fajne szkolenie. 2,5 godziny dzięki którym mogłem przećwiczyć sassa w praktyce. Czuję niedosyt, czekam na kolejne kursy!
rob, Data dodania: 2018-06-14 Ocena: 4 Opinia niepotwierdzona zakupem

Ok, ale same podstawy, wolalbym cos w stylu ksiażki mastering sass ale jako video