Szkolenie Podstawy aplikacji WWW

Pracujesz z zespołem webowym, ale słowa „cache”, „nagłówek” czy „SPA” brzmią jak obcy język, a zgłoszenie błędu kończy się pytaniem „a co było w konsoli?”. Na szkoleniu przechodzisz drogę od wpisania adresu w przeglądarce do wyświetlenia strony: sieć, protokoły, warstwy aplikacji i sposoby jej budowania.

Po szkoleniu rozmawiasz z programistami tym samym językiem i sam sprawdzasz w DevTools, gdzie leży problem.

Program

1 dzień

• Jak działa Internet i WWW
  • Protokół DNS
  • Protokół HTTP i jego wersje: HTTP/1.1, HTTP/2, HTTP/3
  • Serwery webowe
• Koncepcja aplikacji klient - serwer
  • Komunikacja: zapytanie, odpowiedź, nagłówki
  • Kody odpowiedzi i ciasteczka
  • Cache przeglądarki: dlaczego widzisz starą wersję strony
  • HTTP a HTTPS: certyfikat i szyfrowanie TLS
  • Frontend a backend
  • Backend na przykładzie Node.js, czyli JavaScriptu na serwerze
• Warstwy aplikacji webowej
  • Treść: HTML i semantyka
  • Prezentacja: CSS i selektory
  • Zachowanie: JavaScript i pobieranie danych bez przeładowania strony (Fetch API)
  • Jak przeglądarka rysuje stronę: DOM, CSSOM, układ i malowanie
• Sposoby budowania aplikacji
  • Strona statyczna i generatory (SSG)
  • Aplikacja wielostronicowa renderowana na serwerze (MPA, SSR)
  • Aplikacja jednostronicowa (SPA) z API
  • Podejście hybrydowe: strona z serwera, która ożywa w przeglądarce (SSR z hydracją)
• DevTools w praktyce
  • Zakładka Network: status, nagłówki, fazy czasu (DNS, połączenie, TLS, odpowiedź)
  • Zakładka Console: błędy i ostrzeżenia
  • Najczęstsze błędy w konsoli: CORS, 404, mieszana treść (HTTP na stronie HTTPS)
  • Ćwiczenie: prześledź zapytanie od DNS do renderu

Dla kogo?

• Dla osób, które zaczynają naukę programowania aplikacji webowych.
• Dla testerów, analityków i menedżerów, którzy pracują z zespołem webowym.
• Dla programistów innych dziedzin, którzy wchodzą w świat WWW.

Co musisz umieć?

• Obsługiwać przeglądarkę internetową. Wiedza techniczna nie jest wymagana.

Czego się nauczysz?

• Zrozumiesz drogę zapytania: DNS, HTTP, serwer i odpowiedź.
• Odczytasz kod odpowiedzi, nagłówki i ciasteczka oraz sprawdzisz, czy strona przyszła z cache.
• Rozróżnisz rolę frontendu, backendu, HTML, CSS i JavaScript.
• Wyjaśnisz, jak przeglądarka zamienia HTML i CSS w obraz na ekranie.
• Porównasz stronę statyczną, aplikację wielostronicową, SPA i SSR.
• Odczytasz zapytania, odpowiedzi i błędy w DevTools, w tym błędy CORS.

Trener

Piotr Kowalski

W branży IT od 2008 roku. Od 2014 jest mentorem dla wielu developerów. Jako trener spędził na sali szkoleniowej kilka tysięcy godzin, a na LinkedIn ma 52 rekomendacje. Każde jego szkolenie to dawka solidnej wiedzy oraz humoru.

Więcej na stronie "O mnie"