CSS

🎨 Nadaj Styl i Kolor! (CSS Poziom 1

HTML to solidny fundament, ale umówmy się – surowe ściany bez tynku i farby nikogo nie zachwycą. Czas wziąć do ręki wirtualny pędzel! Kurs Podstaw CSS to moment, w którym Twoja strona przestaje wyglądać jak dokument urzędowy, a zaczyna przypominać profesjonalny projekt.

W 10 lekcjach nauczysz się panować nad wyglądem każdego elementu. Dowiesz się, jak dobierać kolory, zmieniać czcionki i układać klocki na stronie tak, by do siebie pasowały. To tutaj zaczyna się magia designu!

Co zyskasz?

  • Zrozumiesz, jak oddzielić treść od wyglądu.
  • Nauczysz się stylować tekst, tła i ramki.
  • Opanujesz najważniejszą koncepcję w CSS – Box Model.
  • Stworzysz swoją pierwszą, w pełni wystylizowaną wizytówkę online.

Nie pozwól, by Twoje strony były szare i nudne. Włącz kolory i zacznij projektować! 👇

📚 Program kursu: CSS Podstawy

  1. Lekcja 1: CSS – Makijaż dla HTML-a (składnia i podpinanie plików).
  2. Lekcja 2: Kolory i Tła – Malujemy świat (HEX, RGB, obrazy w tle).
  3. Lekcja 3: Klasy i ID – Wybieranie elementów (precyzyjne stylowanie).
  4. Lekcja 4: Typografia – Czcionki i tekst (font-family, wyrównanie).
  5. Lekcja 5: Box Model – Pudełkowa teoria wszystkiego (margin, padding, border).
  6. Lekcja 6: Obramowania i Zaokrąglenia (ramki i border-radius).
  7. Lekcja 7: Wymiary i Przepełnienie (width, height, overflow).
  8. Lekcja 8: Pozycjonowanie – Układanie elementów (relative, absolute, fixed).
  9. Lekcja 9: Interakcja – Pseudoklasy (:hover, kursor).
  10. Lekcja 10: Projekt CSS1 – Stylowanie Wizytówki (Wielki Finał).

🚀 Mistrz Układu i Ruchu (CSS Poziom 2)

Potrafisz już malować, ale czy potrafisz budować skomplikowane konstrukcje? Nowoczesne strony internetowe muszą działać na telefonach, tabletach i wielkich monitorach. Muszą być elastyczne i dynamiczne. W Kursie Zaawansowanym CSS wchodzimy w świat inżynierii layoutu.

Poznasz potężne narzędzia – Flexbox i Grid – które sprawią, że układanie elementów stanie się przyjemnością, a nie walką z wiatrakami. Ożywisz stronę animacjami i sprawisz, że będzie responsywna (RWD). To wiedza, która odróżnia amatora od przyszłego Frontend Developera.

Dlaczego warto?

  • Nauczysz się tworzyć układy, które same dopasowują się do ekranu (RWD).
  • Zrozumiesz nowoczesne systemy siatek (Flexbox & Grid).
  • Dodasz stronie „życia” dzięki płynnym animacjom i efektom 3D.
  • Stworzysz w pełni responsywny Landing Page, który wygląda świetnie na smartfonie.

Gotowy na prawdziwe wyzwania? Przejmij pełną kontrolę nad swoją stroną! 👇

📚 Program kursu: CSS Zaawansowany

  1. Lekcja 11: Flexbox – Magia układania (wprowadzenie do kontenerów elastycznych).
  2. Lekcja 12: Flexbox w praktyce – Budowa paska nawigacji (Menu).
  3. Lekcja 13: CSS Grid – Dwuwymiarowa siatka (wiersze, kolumny i layouty).
  4. Lekcja 14: RWD i Media Queries – Responsywność (dopasowanie do telefonów).
  5. Lekcja 15: Jednostki relatywne (rem, vh, vw) – Skalowalność i dostępność.
  6. Lekcja 16: Cienie i Gradienty – Efekty wizualne (box-shadow, linear-gradient).
  7. Lekcja 17: Transformacje – Obracanie, skalowanie i przesuwanie elementów.
  8. Lekcja 18: Transitions – Płynne przejścia (animowanie stanów, np. hover).
  9. Lekcja 19: Animacje Keyframes – Tworzenie złożonego ruchu (@keyframes).
  10. Lekcja 20: Projekt CSS2 – Responsywny Landing Page (Podsumowanie).