Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM
Czego się nauczysz?
- Rozdzielania kodu CSS na komponenty i moduły
- Stosowania metody zagnieżdżania w Sass
- Definiowania zmiennych, mixinów i funkcji w Sass
- Korzystania z logiki, operacji matematycznych oraz rozszerzania klas
- Budowania stron zgodnie z metodologią BEM
- Tworzenia i utrzymywania środowiska Sass z wykorzystaniem Node.js i NPM
- Przygotowywania pełnych projektów frontendowych z użyciem Sass i BEM
Spis lekcji
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
-
W czerwcu 2025 roku wejdzie w życie Europejski Akt o Dostępności (ang. European Accessibilty Act, EAA). Od tego momentu organizacje sektora publicznego i prywatne przedsiębiorstwa będą zobligowane do wprowadzenia na swoich stronach internetowych i w aplikacjach mobilnych rozwiązań dostępnych dla wszystkich osób, bez względu na ich preferencje i możliwości. Nowe przepisy dotyczą także kwestii związanych z dostępnością cyfrową, czyli web accessibility.- PDF + ePub + Mobi
- Druk 43 pkt
(37,89 zł najniższa cena z 30 dni)
43.45 zł
79.00 zł (-45%) -
Description WebAssembly is a groundbreaking technology that has transformed the way we build and deploy web applications. It enables lightning-fast performance, portability across platforms, and seamless integration with existing web technologies. This comprehensive guide will lead you through the journey of mastering WebAssembly, from its fundamen-
- ePub + Mobi 89 pkt
(46,15 zł najniższa cena z 30 dni)
89.91 zł
99.90 zł (-10%) -
-
This quick-start reference distills the core concepts of React through simple explanations, examples, and step-by-step derivations. This new edition tackles changes brought by React 19, including form actions, the use() hook, and React on the server.-
- PDF + ePub 125 pkt
(50,90 zł najniższa cena z 30 dni)
125.10 zł
139.00 zł (-10%) -
-
Build interactive, data-driven websites with the potent combination of open source technologies and web standards, even if you have only basic HTML knowledge. With the latest edition of this popular hands-on guide, you'll tackle dynamic web programming using the most recent versions of today's core technologies: PHP, MySQL, JavaScript, CSS, HTML5,-
- ePub + Mobi 169 pkt
(29,90 zł najniższa cena z 30 dni)
169.14 zł
199.00 zł (-15%) -
-
As a working software developer, you know how to complete your tasks with solid code, whether it's on the frontend or backend. Now you're ready to move to the next level in your career, and you need to understand the subtle yet deep skills it takes to become a senior developer. This practical book shows you everything it takes to create a full-stac-
- ePub + Mobi 186 pkt
(29,90 zł najniższa cena z 30 dni)
186.15 zł
219.00 zł (-15%) -
-
Description The book provides a comprehensive exploration of Java security and penetration testing, starting with foundational topics such as secure coding practices and the OWASP Top 10 for web applications. The early chapters introduce penetration testing methodologies, including Java web application-specific mapping and reconnaissance techniques-
- ePub + Mobi 89 pkt
(46,15 zł najniższa cena z 30 dni)
89.91 zł
99.90 zł (-10%) -
-
This book helps you build scalable server-side apps, create REST APIs and GraphQL APIs, adopt microservices architecture, and secure your apps through expert guidance and real-world case studies that help you embrace DevOps for seamless deployment.-
- PDF + ePub 98 pkt
(50,90 zł najniższa cena z 30 dni)
98.10 zł
109.00 zł (-10%) -
-
Description Angular is a popular JavaScript framework that empowers developers to create single-page applications (SPAs) with ease. This comprehensive guide is designed to equip you with the skills and knowledge to become a proficient Angular developer, even if you are starting from scratch. This book offers a step-by-step guide to mastering Angula-
- ePub + Mobi 89 pkt
(46,15 zł najniższa cena z 30 dni)
89.91 zł
99.90 zł (-10%) -
-
Opanowanie Javascript stanowi dzisiaj kluczową kompetencję w dynamicznie rozwijającej się branży technologicznej. Ta kompleksowa publikacja systematycznie wprowadza czytelnika w świat nowoczesnego programowania webowego, koncentrując się na praktycznych zastosowaniach i rzeczywistych scenariuszach implementacyjnych. Publikacja szczegółowo analizuje- PDF + ePub + Mobi 44 pkt
Oceny i opinie klientów: Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM Maksymilian Olszewski (10)
- 6 (9)
- 5 (0)
- 4 (1)
- 3 (0)
- 2 (0)
- 1 (0)
-
Ok
Opinia: anonimowa Opinia dodana: 2024-07-29 Ocena: 6Opinia niepotwierdzona zakupemOpinia dotyczy produktu: kurs videoCzy opinia była pomocna: -
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 :)
Opinia: anonimowa Opinia dodana: 2018-10-04 Ocena: 6Opinia niepotwierdzona zakupemOpinia dotyczy produktu: kurs videoCzy opinia była pomocna: -
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.
Opinia: anonimowa Opinia dodana: 2018-10-02 Ocena: 6Opinia niepotwierdzona zakupemOpinia dotyczy produktu: kurs videoCzy opinia była pomocna: -
Bardzo dobre wprowadzenie do tematu. Polecam szczególnie dla początkujących.
Opinia: anonimowa Opinia dodana: 2018-09-26 Ocena: 6Opinia niepotwierdzona zakupemOpinia dotyczy produktu: kurs videoCzy opinia była pomocna: -
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!
Opinia: Paulina Opinia dodana: 2018-08-08 Ocena: 6Opinia niepotwierdzona zakupemOpinia dotyczy produktu: kurs videoCzy opinia była pomocna: -
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!
Opinia: Sebastian Opinia dodana: 2018-07-25 Ocena: 6Opinia niepotwierdzona zakupemOpinia dotyczy produktu: kurs videoCzy opinia była pomocna: -
Tego właśnie potrzebowałem. Same konkrety bez zbędnego lania wody!
Opinia: Rafał Opinia dodana: 2018-07-23 Ocena: 6Opinia niepotwierdzona zakupemOpinia dotyczy produktu: kurs videoCzy opinia była pomocna: -
Podstawy wytłumaczone w przystępny sposób. Przyjemny głos autora, ciekawe przykłady, wszystko jasne i czytelne. Polecam
Opinia: anonimowa Opinia dodana: 2018-06-17 Ocena: 6Opinia niepotwierdzona zakupemOpinia dotyczy produktu: kurs videoCzy opinia była pomocna: -
Bardzo fajne szkolenie. 2,5 godziny dzięki którym mogłem przećwiczyć sassa w praktyce. Czuję niedosyt, czekam na kolejne kursy!
Opinia: Paweł Opinia dodana: 2018-06-13 Ocena: 6Opinia niepotwierdzona zakupemOpinia dotyczy produktu: kurs videoCzy opinia była pomocna: -
Ok, ale same podstawy, wolalbym cos w stylu ksiażki mastering sass ale jako video
Opinia: rob Opinia dodana: 2018-06-14 Ocena: 4Opinia niepotwierdzona zakupemOpinia dotyczy produktu: kurs videoCzy opinia była pomocna:
Szczegóły kursu
Helion SA
ul. Kościuszki 1C
41-100 Gliwice
e-mail: gpsr@helion.pl
Videopoint - inne kursy
-
Obierz kurs na… znajomość socjotechniki i nie daj się złowić Internet stał się nieodłączną częścią naszego życia – korzystamy z bankowości elektronicznej, serwisów społecznościowych i aplikacji online. Niestety, wraz z wygodą pojawia się zagrożenie w postaci phishingu, czyli ataków cyberprzestępców, które mogą prowadzić do utraty pieniędzy, danych- Videokurs 90 pkt
(39,90 zł najniższa cena z 30 dni)
90.29 zł
129.00 zł (-30%) -
Kurs video, który Ci dziś proponujemy, jest poświęcony frameworkowi Flutter. To dynamicznie rozwijające się narzędzie służy do tworzenia aplikacji mobilnych, webowych i desktopowych. Pozwala na budowanie aplikacji wieloplatformowych z jedną bazą kodu, co znacząco obniża koszty i czas potrzebny na ich rozwój. Opracowany przez Google Flutter stał się niezwykle popularny, a jego uniwersalność i wszechstronność sprawiają, że chętnie wybierają go zarówno początkujący, jak i zaawansowani developerzy. Okazuje się przydatny podczas realizacji projektów wdrażanych w firmach różnej wielkości – sięgają po niego także programiści pracujący dla takich gigantów jak Google, BMW czy Alibaba. Framework oferuje funkcję Hot Reload, umożliwiającą natychmiastowe podglądanie efektów zmian wprowadzonych w kodzie. To szczególnie cenne dla początkujących developerów, ponieważ pozwala na szybsze zrozumienie działania aplikacji i motywuje do dalszego eksperymentowania. Flutter wyróżnia się również bogatą biblioteką widgetów, które umożliwiają projektowanie atrakcyjnych, responsywnych i nowoczesnych interfejsów użytkownika. Dodatkowo wsparcie ze strony Google i aktywna społeczność programistyczna gwarantują stabilność i dostęp do licznych zasobów edukacyjnych.- Videokurs 118 pkt
(39,90 zł najniższa cena z 30 dni)
118.30 zł
169.00 zł (-30%) -
Jedną z głównych cech dobrego eksperta z zakresu cyberbezpieczeństwa jest świetna znajomość języków programowania. Pozwala ona zautomatyzować rutynowe działania i rozbudować narzędzia ochrony tak, by dostosować je do własnych potrzeb. Jeśli zdecydujesz się skorzystać z wiedzy zawartej w tym kursie, poznasz praktyczną stronę tworzenia i stosowania programów służących do łamania haseł SHA256 czy wykonujących brute force. Przygotujesz również własny keylogger. Przyjrzysz się tworzeniu programów do automatycznego testowania i zbierania informacji o podatnościach w systemie Linux. W pracy w ramach kursu będziesz korzystać z Pythona – jednego z najpopularniejszych języków programowania. Użyjesz go do napisania prostych programów, które na pewno okażą się cenną pomocą w zakresie wykonywania testów bezpieczeństwa.- Videokurs 62 pkt
(19,90 zł najniższa cena z 30 dni)
62.30 zł
89.00 zł (-30%) -
Szybka i efektywna analiza danych – temu właśnie służą tabele i wykresy przestawne dostępne w arkuszu kalkulacyjnym Excel. Nieistotne dla osób, które z Excela korzystają doraźnie – po to, by ułatwić sobie zapisywanie pewnych informacji i prezentowanie ich w bardziej profesjonalny sposób – w rękach eksperta od analizy stają się naprawdę potężnym narzędziem. Szczególnie dziś, kiedy dane okazują się często warte więcej od złota, umiejętność ich analizowania i wyciągania z nich wniosków bywa bezcenna. Tym bardziej warto poznać tabele przestawne, które pozwalają na agregowanie dużych zbiorów danych i ułatwiają identyfikację trendów. A po co sięgać po narzędzia alternatywne, skoro to właśnie Excel używany jest najczęściej – ma ponad 750 milionów użytkowników na całym świecie, co sprawia, że umiejętność korzystania z niego (także w celach analitycznych) od dawna jest pożądana na rynku pracy i ułatwia zdobycie najlepiej płatnych stanowisk.- Videokurs 139 pkt
(39,90 zł najniższa cena z 30 dni)
139.30 zł
199.00 zł (-30%) -
Powiedzieć, że Python jest jednym z najpopularniejszych języków programowania, to nic nie powiedzieć. Doceniają go i od lat wybierają developerzy na całym świecie. Oni go także rozwijają. Ten język programowania wysokiego poziomu jest bowiem dostępny jako projekt typu open source, z błogosławieństwem Python Software Foundation, by udoskonalać Pythona i udostępniać go kolejnym pokoleniom programistów. Stąd między innymi tak wielka liczba projektów, które dotąd w nim napisano, czy też łatwość znalezienia odpowiedzi na ważne pytania dotyczące programowania w tym języku - społeczność koderów skupionych wokół Pythona jest doprawdy imponująca.- Videokurs 139 pkt
(39,90 zł najniższa cena z 30 dni)
139.30 zł
199.00 zł (-30%) -
Dzięki wiedzy zdobytej podczas kursu samodzielnie zaprojektujesz sieć i określisz jej parametry zgodnie ze wskazówkami klienta. Połączysz ze sobą wszystkie urządzenia i wykonasz pełną konfigurację, a potem podepniesz wszystko pod internet. Zabezpieczysz sieć i sprawisz, że będzie dostępna tylko dla tych, dla których została przeznaczona. Będziesz mógł połączyć ze sobą poszczególne oddziały firmy dzięki technologiom Frame Relay oraz VPN. Uda Ci się także podłączyć swoją sieć do sieci, w której funkcjonuje protokół BGP. Wejdziesz głębiej w tematykę IPv6 na routerach Cisco i poznasz mechanizmy redundancji. Ponadto nauczysz się wykorzystywać możliwości oprogramowania wirtualizującego GNS3, co ułatwi Ci dalszą naukę. Czyż to nie brzmi wspaniale?- Videokurs 532 pkt
(39,90 zł najniższa cena z 30 dni)
532.00 zł
760.00 zł (-30%) -
Co Cię czeka podczas szkolenia Administrowanie sieciami Cisco. Kurs video. Podstawy sieci, technologii przełączania i routingu? W trakcie pracy z niniejszym kursem video przyswoisz wiedzę teoretyczną i praktyczną dotyczącą instalacji sieci. Zdobędziesz niezbędne informacje związane z okablowaniem strukturalnym. Nauczysz się konfigurować sieci i opanujesz podstawy zarządzania sieciami teleinformatycznymi i telekomunikacyjnymi średniej wielkości.- Videokurs 532 pkt
(39,90 zł najniższa cena z 30 dni)
532.00 zł
760.00 zł (-30%) -
Nowoczesny przemysł, szczególnie produkcja, ale także na przykład transport taśmowy, nie mógłby funkcjonować, gdyby nie postępujące procesy automatyzacji. Dzisiejsze firmy dążą do podejścia zwanego przemysłem 4.0, w którym inteligentne fabryki będą de facto zarządzać sobą same. W tym futurologicznym ujęciu, ale też w działających dziś zakładach produkcyjnych praca byłaby niemożliwa bez sterowników PLC. Są one absolutną podstawą automatyki przemysłowej, stosowanej w niemal każdej gałęzi przemysłu. Rynek sterowników programowalnych zdominowała firma Siemens – ponad połowa fabryk na całym świecie korzysta z urządzeń tego producenta. Poza fabrykami i ich liniami produkcyjnymi sterowniki Siemensa znajdziemy również między innymi w automatycznych magazynach i systemach służących zarządzaniu budynkami. Stąd znajomość zasad ich działania staje się niezwykle istotna dla pracowników przemysłu, w szczególności oczywiście dla automatyków.- Videokurs 174 pkt
(24,90 zł najniższa cena z 30 dni)
174.30 zł
249.00 zł (-30%) -
Jeśli pracujesz w automatyce przemysłowej lub przygotowujesz się do tego zajęcia, z pewnością znasz pojęcie sterownika programowalnego (często używa się akronimu jego angielskiej nazwy – PLC, programmable logic controller). Bez nadmiernej przesady można powiedzieć, że automatyka przemysłowa takimi sterownikami stoi. Najpopularniejsze z nich, bo stosowane w ponad połowie fabryk na całym świecie, są sterowniki firmy Siemens, takie jak SIMATIC S7-1200. Do ich programowania powstało specjalne środowisko: TIA Portal (Totally Integrated Automation Portal). TIA Portal pozwala na integrację sterowników PLC, paneli HMI i systemów SCADA, dzięki czemu możliwe jest kompleksowe zarządzanie procesami przemysłowymi. Niewątpliwie umiejętność obsługi TIA Portal będzie coraz istotniejsza w tzw. przemyśle 4.0, czyli w inteligentnych fabrykach, w których systemy sterują procesami fizycznymi, tworzą wirtualne kopie świata realnego i podejmują kluczowe decyzje, a poprzez internet rzeczy w czasie rzeczywistym komunikują się i współpracują ze sobą i z ludźmi.- Videokurs 174 pkt
(39,90 zł najniższa cena z 30 dni)
174.30 zł
249.00 zł (-30%) -
Inteligencja obliczeniowa w machine learning (ML) to zbiór zaawansowanych technik, za sprawą których komputery mogą rozwiązywać złożone problemy, ucząc się z danych, zamiast polegać na regułach programowania. Dzięki algorytmom genetycznym, inspirowanym naturalną ewolucją, można optymalizować procesy w różnych branżach – od inżynierii, przez biotechnologię, aż po logistykę – bez potrzeby tworzenia dużych baz danych. Algorytmy te pozwalają na rozwiązywanie problemów takich jak dopasowywanie parametrów w symulacjach czy optymalizacja tras, co ma szerokie zastosowanie w codziennych wyzwaniach biznesowych.- Videokurs 209 pkt
(39,90 zł najniższa cena z 30 dni)
209.30 zł
299.00 zł (-30%)
