Nauka Frontend Development

Poznaj tworzenie stron internetowych: łącz HTML, CSS i JavaScript od pierwszej lekcji. Rozwijaj się jako programista Frontend — od początkującego do seniora.

CO JEST W ŚRODKU

• 41 kursów, 163 krótkie lekcje: A1–C2

• editor kodu na żywo: panele HTML, CSS i JavaScript obok siebie; natychmiastowy podgląd poniżej na telefonie

• Szablony projektów HTML, React, Vue, Angular, Node lub TypeScript

• 20 projektów krok po kroku: strona z przepisem, formularz kontaktowy, siatka kart, pasek nawigacji, tabela danych i inne

• 15 misji z prawdziwymi błędami: zepsuty układ przy 375px, obraz pogarszający LCP, formularz blokujący nawigację tabulatorem, wyciek pamięci w komponencie, test działający lokalnie, ale nie w CI

• Egzamin końcowy i certyfikat ukończenia

• 22 języki

JEDNA ŚCIEŻKA, OD POCZĄTKUJĄCEGO DO SENIORA

• Tworzenie stron internetowych od podstaw, HTML, formularze, znaczniki semantyczne

• Podstawy CSS, zmienne, przejścia, animacje, flexbox, grid

• Responsywne projekty na wszystkie ekrany

• JavaScript, tablice, obiekty, ES6+, DOM, API przeglądarki, asynchroniczność

• Narzędzia programistyczne, Git, praca zespołowa, moduły, narzędzia do budowania

• TypeScript: od podstaw po zaawansowane wzorce

• React: podstawy, useEffect, pobieranie danych, zaawansowane hooki i wzorce

• Vue 3, Composition API, zaawansowane wzorce

• Zarządzanie stanem, REST API, WebSockets, interfejsy czasu rzeczywistego

• Renderowanie po stronie serwera: Next.js, Nuxt 3; progresywne aplikacje webowe (PWA)

• Dostępność, testowanie, wydajność, bezpieczeństwo

• Architektura CSS, systemy projektowe, CI/CD, nowoczesne narzędzia

PRAKTYKA, KTÓRA ZOSTAJE W PAMIĘCI

• Quizy i powtórki

• Ściąga: 83 pozycje o składni i wzorcach

• 50 pytań rekrutacyjnych z odpowiedziami dla programistów Frontend i stron internetowych

• Biblioteka przykładów kodu do edycji

• Zapisuj kod, notatki i ulubione lekcje

• Wyzwania programistyczne: zapraszaj znajomych kodem lub rywalizuj z losowymi przeciwnikami

• Światowe Wyzwanie Programistyczne: trzy globalne rundy dziennie w JavaScript, Python i innych językach

• Serie dni nauki, XP, ranking, codzienne przypomnienia

MENTOR AI

• Pytaj AI o błędy, pojęcia, lekcje lub swój kod

• Plac zabaw AI: opisz stronę, by wygenerować kod

• Bezpłatnie: 3 pytania do AI dziennie; Pro: bez limitu

DLA KOGO

• Osoby, których celem jest praca jako programista Frontend

• Studenci ćwiczący tworzenie stron internetowych w ramach kursu

• Projektanci realizujący swoje projekty

• Programiści HTML/CSS uczący się JavaScript, TypeScript i frameworków

• Osoby zmieniające zawód, przygotowujące się do pierwszej pracy przy Frontend

JAK TO DZIAŁA

1. Zacznij bezpłatnie: Wprowadzenie do Frontend development

2. Edytuj kod w panelu i obserwuj zmiany w podglądzie

3. Poznaj JavaScript, responsywne układy, TypeScript, React, Vue

4. Twórz projekty z instrukcjami; naprawiaj prawdziwe błędy

5. Zdaj egzamin końcowy, by otrzymać certyfikat

BEZPŁATNIE I PRO

Bezpłatnie: pierwszy kurs, pierwszy projekt z instrukcjami, dwie misje naprawiania błędów, editor kodu, 3 pytania do mentora AI dziennie; zawiera reklamy. Pro: wszystkie kursy, projekty i misje, egzamin z certyfikatem, AI bez limitu; usuwa reklamy.