Kurs tematyczny

JavaScript Zaawansowany

Systemy, Narzędzia i Dobre Praktyki

Kurs tematyczny

JavaScript Zaawansowany

Systemy, Narzędzia i Dobre Praktyki

Kurs tematyczny

JavaScript Zaawansowany

Systemy, Narzędzia i Dobre Praktyki

Dla kogo?

Kurs jest przeznaczony dla osób, które chcą rozwinąć swoje umiejętności frontendowe o zaawansowany JavaScript, TypeScript oraz dobre praktyki tworzenia nowoczesnych aplikacji webowych. To idealna propozycja dla przyszłych frontend developerów pracujących nad projektami średniej i dużej skali, a także dla tych, którzy chcą nauczyć się zarządzać stanem aplikacji, integrować UI z backendem i pracować w zespołach scrumowych. Sprawdzi się również dla osób planujących specjalizację w TypeScript, budowie systemów komponentów oraz optymalizacji i utrzymaniu kodu produkcyjnego.

SZYBKO

Dzięki AI nauka szybsza nawet o 20% 😋

Dedykowane narzędzia AI znacząco przyspieszają Twoją naukę. Z łatwością zdobywać będziesz nowe umiejętności, a każdy napotkany problem rozwiążesz w ułamkach sekund. 

SKUTECZNIE

Całodobowe wsparcie i feedback 24/7 🤯

Doskonale wytrenowany TutorAI dostępny przez 7 dni w tygodniu i 24 godziny na dobę. Dzięki temu już nic nie zblokuje Cię w nauce, nawet jeśli 3.00 nad ranem to Twój najbardziej produktywny moment.

O kursie

Kurs ten rozwija kompetencje frontendowe o praktyczną wiedzę dotyczącą zaawansowanego JavaScriptu, struktury aplikacji, zarządzania zasobami i użycia systemów wspierających tworzenie kodu produkcyjnego.

Uczestnicy poznają mechanizmy działania przeglądarki: BOM (Browser Object Model) i DOM (Document Object Model), które umożliwiają dynamiczne manipulowanie stroną. Następnie kurs rozwija zaawansowane funkcje języka JavaScript – zakresy, hoisting, callbacki, promise’y, async/await oraz wzorce używane w projektach klasy enterprise.

W dalszej części omawiane są narzędzia i dobre praktyki – Bootstrap jako system siatek i komponentów UI, zasady SEO technicznego oraz GIT jako niezbędne narzędzie kontroli wersji. Uczestnicy poznają także TypeScript jako typowany nadzbiór JavaScriptu, który wprowadza porządek i bezpieczeństwo do kodu frontendowego.

Program

  1. Co to jest DOM i BOM oraz czym one się różnią?
  2. Debugowanie kodu za pomocą BOM
  3. Selektory DOM i BOM
  4. Kilka dodatkowych zastosowań BOM
  5. Wbudowane narzędzia developerskie
  6. Zdarzenia w DOM
  7. Modyfikowanie oraz dodawanie elementów oraz atrybutów HTML za pomocą JS
  8. Event bubbling
  9. Zarządzanie DOMem z poziomu JavaScript
  10. Zarządzanie DOMem z poziomu JavaScript -praktyka
  11. Formularze
  12. Formularze w praktyce
  13. Praktyka x3
  1. Czym jest Node i NPM?
  2. Poznajemy NPM i package.json
  3. Pętle
  4. Pętle w praktyce
  5. Funkcje w JavaScript - deklaracja, wywołanie i parametry
  6. Funkcje w praktyce
  7. Funkcje w notacji strzałkowej
  8. Funkcje strzałkowe w praktyce
  9. Obiekty i prototypowość
  10. Klasy
  11. Funkcje wyższego rzędu - forEach oraz map
  12. Funkcje wyższego rzędu - sort, filter
  13. Funkcje wyższego rzędu - reduce
  14. Funkcje setTimeout i setInterval
  15. Asynchroniczność
  16. Tworzenie zapytania HTTP
  17. Daty w JavaScript - obiekt Date i jego metody
  18. Znak “...” - operatory rest i spread
  1. Czym jest Bootstrap i jak go zainstalować?
  2. Breakpointy i klasy CSS Bootstrap
  3. System grid w Bootstrap
  4. Utility classes
  5. Spacing utilities
  6. Podstawowe komponenty Bootstrap
  7. Złożone komponenty Bootstrap
  8. Formularze z Bootstrap
  9. Komponent modal
  10. Komponent Navbar i Scrollspy
  11. Bootstrap Icons
  12. Wstęp do SEO
  13. Najważniejsze reguły SEO
  14. Accessibility
  15. Zapoznanie z narzędziem Lighthouse
  16. Czym są Web Vitals i jak je mierzyć?
  1. Czym jest system kontroli wersji?
  2. Instalacja i konfiguracja Git
  3. Podstawy pracy z repozytorium Git
  4. Gałęzie (branches)
  5. Praca ze zdalnym repozytorium
  6. Git Flow
  7. Czym jest TypeScript?
  8. Środowisko TS Playground
  9. Dodawanie typów do wartości
  10. Typowanie w praktyce
  11. Słowa kluczowe Type oraz Interface
  12. Unia i intersekcja typów
  13. TypeScript i tablice
  14. TypeScript i funkcje
  15. TypeScript i typy złożone - praktyka
  16. Literał typu
  17. Asercje typów
  18. Ćwiczenia zaawansowane
  19. Typescript lokalnie

Efekty nauki

Po ukończeniu kursu uczestnik będzie potrafił tworzyć złożone interfejsy użytkownika, zarządzać stanem aplikacji w czasie rzeczywistym i pisać kod z wykorzystaniem nowoczesnych funkcjonalności języka JavaScript oraz TypeScriptu. Będzie również znał podstawy kontroli wersji i optymalizacji dla wyszukiwarek.

Uczestnik po tym kursie może rozwijać się w kierunku frontend developera aplikacji średniej i dużej skali, specjalizować się w TypeScript, projektować systemy komponentów, integrować UI z backendem oraz brać udział w zespołach scrumowych pracujących nad aplikacjami webowymi klasy enterprise.

Zakup kursu

ESSENTIAL (tematyczny)

Kod kursu: DEPDEV-FRONT-B-ESS

✅ TutorAI dostępny 24/7
✅ Platforma edukacyjna z narzędziami AI
✅ QuizyAI, TestyAI, FiszkiAI
✅ Wykłady, projekty, zadania
✅ Oglądaj, słuchaj, czytaj i praktykuj
✅ Zaświadczenie o ukończeniu kursu
✅ Nielimitowane przerwy w kursie
✅ Elastyczny i indywidualny tryb nauki
✅ Dostęp do materiałów i nagrań

2.490 zł

1.990 zł

Sfinansuj naukę

Sprawdź możliwości finansowania nauki. Oferujemy szerokie możliwości finansowania, od tych dostępnych na rynku po indywidualne podejście i personalizowana politykę cenową.

+48 781 802 802

Powyższe ceny są cenami brutto zawierają podatek VAT, w wysokości 23%.