Ucz się CSS

Ucz się CSS krok po kroku — od pierwszego selektora po responsywne układy, animacje i nowoczesne projektowanie stron. Wpisz linię CSS i obserwuj, jak strona zmienia się na telefonie: edytor pokazuje HTML i CSS obok siebie wraz z podglądem na żywo.

Ten kurs CSS powstał z myślą o początkujących i rozwija się razem z Tobą. Każdy kurs dotyczy jednego konkretnego tematu, każda lekcja jest krótka, a edytor zawsze znajduje się o jedno stuknięcie, dzięki czemu ćwiczysz to, co właśnie przeczytałeś, zamiast tylko o tym czytać.

CO ZNAJDZIESZ W ŚRODKU

• 40 kursów i 159 krótkich lekcji — od poziomu początkującego (A1) do zaawansowanego (C1)

• Edytor HTML i CSS na żywo z natychmiastowym podglądem, do szybkich eksperymentów i tworzenia własnych stron

• 20 prowadzonych projektów projektowania stron, krok po kroku: pasek narzędzi, siatka kart, przyklejony nagłówek, pulsujący przycisk i nie tylko

• 20 misji wyszukiwania błędów: karta o 42px szersza niż jej kolumna, zapytanie medialne, które nigdy nie uruchamia się na telefonie, okno modalne utknęło za stroną

• Egzamin końcowy i certyfikat ukończenia

• Aplikacja jest dostępna w 22 językach

PEŁNA ŚCIEŻKA — OD POCZĄTKUJĄCYCH DO ZAAWANSOWANYCH

• Składnia i selektory, kolory, tła i typografia

• Model pudełkowy, display, pozycjonowanie, jednostki i wartości

• Pseudoklasy i pseudoelementy

• Podstawy Flexbox i zaawansowany Flexbox

• Podstawy Grid, obszary siatki i zaawansowane układy siatki

• Responsywne projektowanie, zapytania medialne i zapytania kontenerowe

• Własne właściwości (zmienne), funkcje, specyficzność, kaskada i @layer

• Przejścia, transformacje, animacje klatkowe, filtry i tryby mieszania

• Tryb ciemny i schematy kolorów, przewijanie i przepełnienie, clip-path i kształty

• Debugowanie za pomocą DevTools, architektura BEM, Sass, PostCSS i tokeny projektowe

• Wzorce komponentów, nowoczesne wzorce układów, wydajność i Houdini

PRAKTYKA, KTÓRA ZOSTAJE

• Quizy sprawdzające zdobytą wiedzę

• Ściąga zawierająca 69 wpisów dotyczących właściwości, selektorów i składni układów

• 50 pytań rekrutacyjnych z jasnymi odpowiedziami, przydatnych przed rozmową na stanowisko front-end lub web developera

• Biblioteka kodu z krótkimi przykładami, które możesz otwierać i edytować

• Zapisuj własny kod, notatki i ulubione lekcje

• World Coding Challenge: trzy globalne rundy dziennie, rozwiązywane w Python, JavaScript i innych językach

• Serie, XP, ranking i codzienne przypomnienia, które pomogą Ci kontynuować naukę

MENTOR AI

• Utknąłeś przy układzie lub właściwości? Zapytaj mentora AI o dane pojęcie, błąd albo własny kod

• Plac zabaw AI: opisz stronę i obserwuj, jak powstają HTML i CSS

• Użytkownicy bezpłatni otrzymują dzienny limit AI; Pro zapewnia nielimitowany dostęp

DLA KOGO

• Zupełnie początkujący, stawiający pierwsze kroki w tworzeniu stron internetowych

• Projektanci, którzy chcą stylizować własne strony zamiast przekazywać makiety dalej

• Studenci, którzy chcą dodatkowej praktyki obok kursu projektowania stron

• Deweloperzy znający nieco HTML i CSS, którzy chcą wreszcie zrozumieć Flexbox i Grid

• Osoby zmieniające branżę i przygotowujące się do pracy na stanowisku front-end

WERSJA BEZPŁATNA I PRO

Pierwszy kurs, pierwszy prowadzony projekt, dwie misje i edytor na żywo są bezpłatne, wraz z dziennym limitem mentora AI. Pro odblokowuje wszystkie kursy, wszystkie projekty i misje, egzamin certyfikacyjny oraz nielimitowane AI, a także usuwa reklamy.

Zacznij już dziś, ucz się CSS we własnym tempie i wystylizuj swoją pierwszą stronę w kilka minut.