Programowanie w języku JavaScript (ES6+) - Poziom podstawowy

Wprowadzenie do tematyki szkolenia

• Rola JavaScript w aktualnym Frontend Developer RoadMap
• Środowisko programowania Visual Studio Code
  • Instalacja
  • Konfiguracja
  • Instalacja niezbędnych rozszerzeń
  • Skróty klawiaturowe
• Konfiguracja struktury projektu witryny www

Podstawy JavaScript

• Osadzanie kodu w dokumencie HTML
• Zmienne i stałe – deklaracja i konwersja
• Komentarze
• Okna dialogowe
• Typy danych
• Operatory
• Instrukcje warunkowe
• Instrukcje typu pętle
• Debugowanie kodu z poziomu przeglądarki

Programowanie z użyciem typów i obiektów

• Funkcje (Function)
• Tablice (Array)
• Daty (Date)
• Wyrażenia regularne (RegEx)
• Math
• Teksty (String, Template strings)
• Liczby
• NaN, Undefined, Null
• Map, Set
• Symbol
• Object
• Iteratory
• Generatory

Programowanie Document Object Model (DOM)

• Metody wyszukujące tagi w dokumencie HTML
• Atrybuty tagów HTML
• Dodawanie i usuwanie tagów z dokumentu HTML
• Praca z zdarzeniami tagów HTML
• Praca z stylami przypisywanymi do tagów HTML

Praca z obiektami Browser Object Model (BOM)

• Windows,
• Location,
• Navigator,
• Screen,
• History

Praca z formularzami HTML

• Budowa formularza
• Walidacja danych po stronie HTML
• Walidacja danych po stronie JavaScript
• Rola tokena CSRF w zabezpieczaniu formularza

Programowanie w technologii AJAX

• Wprowadzenie do technologii asynchronicznych
• Funkcje typu zwrotnego (Callback)
• Formaty transferu danych: JSON, XML, BLOB, i inne
• Użycie obiektu klasy XMLHttpRequest
• Zastosowanie obietnic (Promise)
• Zastosowanie Fetch API
• Składnia async / await

Programowanie z użyciem biblioteki jQuery (opcjonalnie)

• Instalacja biblioteki i dołączenie do strony
• Obsługa zdarzeń tagów HTML z użyciem jQuery
• Użycie animacji wbudowanych w jQuery (opcjonalnie)
• Użycie technologii AJAX w jQuery