Kompletny CSS — od zera do mistrza

Lista życzeń Udostępnij
Udostępnij kurs
Odnośnik strony
Udostępnij w mediach społecznościowych

O kursie

Kurs “CSS: od podstaw do zaawansowanego” jest kompleksowym programem skierowanym do osób, które chcą zdobyć umiejętności w zakresie tworzenia nowoczesnych stron internetowych przy użyciu CSS. Kurs jest odpowiedni zarówno dla początkujących, którzy dopiero rozpoczynają naukę web developmentu, jak i dla osób, które chcą pogłębić swoją wiedzę i umiejętności w stylizacji stron.

W trakcie kursu uczestnicy nauczą się, jak efektywnie stylizować strony internetowe, tworzyć zaawansowane układy z użyciem Flexboxa i CSS Grid, dodawać animacje oraz przejścia, a także budować responsywne strony dostosowujące się do różnych urządzeń. Kurs obejmuje również techniki CSS, takie jak zmienne, funkcje calc() oraz maskowanie, które pozwolą na tworzenie bardziej dynamicznych i interaktywnych projektów.

Pokaż więcej

Czego się nauczysz?

  • Opanował podstawy CSS:
  • Rozumiał, jak działa CSS i jak go efektywnie stosować w projektach.
  • Potrafił tworzyć podstawowe style, dobierać odpowiednie jednostki miary oraz używać kolorów w CSS.
  • Tworzył zaawansowane układy:
  • Będziesz w stanie tworzyć elastyczne układy za pomocą Flexboxa oraz CSS Grid.
  • Nauczyć się projektować responsywne strony, które dostosowują się do różnych rozmiarów ekranów.
  • Tworzył animacje i przejścia:
  • Stworzysz płynne animacje i efekty, które ożywią Twoje strony.
  • Będziesz w stanie stylizować różne stany elementów, takie jak hover, focus czy aktywne elementy.
  • Zrozumiesz zaawansowane techniki CSS:
  • Nauczysz się korzystać z zaawansowanych funkcji, jak zmienne CSS, funkcje calc(), maskowanie i blend modes.
  • Będziesz umiał korzystać z media queries do tworzenia responsywnych układów oraz dostosowywać strony do różnych urządzeń.
  • Stosował najlepsze praktyki:
  • Poznasz struktury organizacyjne CSS, takie jak BEM, OOCSS i SMACSS, które pomogą Ci w pracy nad dużymi projektami.
  • Nauczysz się, jak używać preprocesorów CSS, takich jak Sass, aby pisać czystszy, łatwiejszy do utrzymania kod.
  • Tworzył profesjonalne projekty:
  • Na koniec kursu będziesz w stanie stworzyć różnorodne projekty, w tym strony typu landing page, portfolio czy bardziej złożone dashboardy z wykorzystaniem zaawansowanych efektów CSS.

Zawartość kursu

Moduł 1: Wprowadzenie do CSS i podstawy

  • Czym jest CSS i do czego służy?
  • Podstawowe sposoby dodawania CSS (inline, internal, external)
  • Budowa reguły CSS: selektor, właściwość, wartość
  • Komentarze w CSS
  • Jednostki miary: px, %, em, rem, vw, vh
  • Kolory w CSS: nazwy, HEX, RGB, HSL
  • Klasy vs ID — jak je stosować?
  • Kaskadowość i dziedziczenie stylów
  • Podstawowe selektory CSS
  • DevTools — podstawowe narzędzia przeglądarki
  • Resetowanie i normalizacja stylów
  • Tworzenie pierwszego mini-projektu (np. wizytówka)
  • Wprowadzenie do CSS i podstawy

Moduł 2: Selektory i specyfika CSS

Moduł 3: Box Model i podstawy układów

Moduł 4: Typografia w CSS

Moduł 5: Layouty: Flexbox

Moduł 6: Layouty: Grid

Moduł 7: Animacje i przejścia w CSS

Moduł 8: Responsywność i media queries

Moduł 9: Zaawansowane techniki CSS

Moduł 10: Profesjonalne workflow i preprocesory

Oceny i recenzje uczniów

Brak recenzji
Brak recenzji

Zaloguj się

Zarejestruj się
Zarejestruj się