Kurs JavaScript / TypeScript Frontend Developer

Kurs prowadzi od fundamentów języka JavaScript do aplikacji frontendowych pisanych w TypeScript. Poznajesz język, pracę z DOM oraz narzędzia, z których korzysta się w projektach komercyjnych: npm i Vite. W kolejnych modułach budujesz aplikacje z interfejsem graficznym, które dodajesz do portfolio. Kurs nie jest obecnie rozwijany o nowe moduły. Jego program to zamknięta całość i solidny fundament pod dalszą naukę frontendu.

• Aplikacje w JavaScript, HTML i CSS z pracą na DOM: kalkulator cen VAT, panel rejestracji i logowania, walidacja formularza
• Aplikacje w TypeScript z typowaniem statycznym: quiz i konwerter jednostek
• Projekty budowane w Vite z zależnościami zarządzanymi przez npm

• Jak działa JavaScript: silnik V8, Node, Deno i Bun, kompilacja JIT, parsowanie i AST, wersje języka
• Fundamenty JavaScript: typowanie dynamiczne, typy danych, operatory, obiekty i tablice, kopiowanie płytkie i głębokie, obsługa wyjątków
• Struktura projektu frontendowego: npm, npx, Vite, zarządzanie zależnościami
• Praca z DOM: interfejsy graficzne w JavaScript, HTML i CSS, obsługa formularzy, walidacja danych
• Funkcje: function declaration, function expression, arrow function, IIFE, parametry i argumenty
• TypeScript: tsconfig.json, typowanie statyczne, unie, typy intersekcyjne, utility types, type guards, function overloads
• Wzorce funkcyjne: closures, factory function, constructor function
• Tablice i napisy: filtrowanie, mapowanie, sortowanie, grupowanie, redukcja, parsowanie, wyrażenia regularne

1. Narzędzia programisty i środowisko pracyZestaw narzędzi wykorzystywanych do tworzenia nowoczesnych aplikacji w JavaScript i TypeScript: V8, Node, alternatywy Node (Deno, Bun), etapy budowania programu (JIT, parsing, AST), wersje JavaScript, porównanie JavaScript i TypeScript, przegląd IDE, przygotowanie środowiska programistycznego. ZOBACZ PIERWSZE MINUTY NASZEJ WSPÓLNEJ NAUKI (otwiera się w nowej karcie)
2. Podstawy języka JavaScriptPoznasz fundamenty języka JavaScript. Zmienne, stałe, literały, let, const, konwencje nazewnicze, typowanie dynamiczne, typy danych proste i złożone, liczby, napisy, różnica między null i undefined, falsy i truthy, sprawdzanie typu, operatory (arytmetyczne, logiczne, relacji, nullish coalescing, podwójna negacja, chaining, spread), Math, instrukcje warunkowe, pętle, break, continue, wprowadzenie do obiektów i tablic, konwersje między typami, kopiowanie płytkie i głębokie, organizacja pamięci, rzucanie i obsługa wyjątków.
3. Zarządzanie projektem, npm, Vite, struktura aplikacjiNarzędzia do budowy i zarządzania strukturą projektu: npm, npx, Vite, CommonJS, ESM. Struktura projektu utworzonego za pomocą Vite. Zarządzanie projektem, instalacja i zarządzanie zależnościami. Pierwsze projekty portfolio w konfiguracji JavaScript, HTML, CSS i Vite z pracą na DOM. Zbudujesz aplikacje KALKULATOR CEN VAT (otwiera się w nowej karcie) oraz PANEL REJESTRACJI I LOGOWANIA (otwiera się w nowej karcie)
4. Funkcje w JavaScriptWprowadzenie do funkcji jako podstawy organizacji kodu. Function declaration, parametry i argumenty funkcji, function expression, anonymous function, arrow function, IIFE. Zbudujesz aplikacje WALIDACJA FORMULARZA (otwiera się w nowej karcie)
5. Podstawy języka TypeScriptStatyczne typowanie i konfiguracja projektu Vite z TypeScript. Plik tsconfig.json, etapy kompilacji TypeScript, typowanie statyczne, podstawowe typy, określanie typu obiektów, typ any, tuple, unie, określanie typu parametrów i wartości zwracanej funkcji, budowanie typów złożonych za pomocą type, utility types, enum, as const, typy unknown i never, typy intersekcyjne, type guards, function overloads. Zbudujesz aplikacje QUIZ (otwiera się w nowej karcie) oraz KONWERTER JEDNOSTEK (otwiera się w nowej karcie)
6. Zaawansowane wzorce funkcyjneWzorce wykorzystujące możliwości funkcji do tworzenia czytelniejszego i lepiej zorganizowanego kodu. Factory function, closures, constructor function. Zbudujesz aplikację GENERATOR HASEL (otwiera się w nowej karcie)
7. Tablice i napisy w JavaScriptPełen zakres pracy z tablicami i napisami. Klasa Array, sposoby tworzenia tablic, dostęp do elementów, filtrowanie, mapowanie, sortowanie, grupowanie, redukcja, tablice wielowymiarowe, klasa String, właściwości napisów, napisy wielowierszowe i raw strings, sposoby tworzenia napisów, kodowanie napisów, zarządzanie napisem jako tablicą znaków, porównywanie napisów, parsowanie, wyrażenia regularne i ich wykorzystanie podczas pracy z napisami.

Szczegółowy wykaz nagrań (otwiera się w nowej karcie)

Dla programistów, którzy mają już doświadczenie i chcą poszerzyć stack o JavaScript i TypeScript albo uporządkować to, czego używają w pracy. To także dobry start dla osób, które dopiero zaczynają programować.

• Znasz HTML i CSS, a teraz chcesz budować interaktywne interfejsy w JavaScript i TypeScript
• Pracujesz jako programista backendu i chcesz rozwijać się w kierunku fullstack developera
• Piszesz w JavaScript i chcesz uporządkować wiedzę o języku oraz przejść na typowanie statyczne w TypeScript
• Chcesz poznać narzędzia używane w projektach frontendowych: npm i Vite
• Dopiero zaczynasz programować i szukasz kursu, który otwierają moduły podstawowe

Wiedzę z tego kursu wykorzystujesz potem w mentoringu 1:1, gdzie projektujesz i wdrażasz własną aplikację pod okiem mentora. Wszystkie kursy są w cenie mentoringu.

Kurs otwierają moduły podstawowe z JavaScript i TypeScript, więc nie musisz znać tych języków. Potrzebujesz znajomości HTML i CSS, bo na nich opierasz interfejsy budowanych aplikacji.

• Programujesz w innym języku: przez moduły podstawowe przechodzisz szybko, bo opierasz się na tym, co już umiesz
• Znasz podstawy JavaScript: pomijasz początkowe moduły i zaczynasz od npm, Vite i pracy z DOM
• Dopiero zaczynasz programować: przechodzisz kurs po kolei, od pierwszego modułu

Do nauki wystarczy komputer z dostępem do internetu. Wszystkie narzędzia, których używasz w kursie, są bezpłatne.