Przygotowanie do nowoczesnego programowania po stronie przeglądarki (HTML5, CSS3, JS, wzorce, architektura, narzędzia)

Kod: web-frontend
Kategoria: JavaScript i technologie web (RoR, Angular, PHP)
Forma: 50% wykłady / 50% warsztaty
Czas trwania: 5 dni
Grupa docelowa: developerzy
Logistyka: W siedzibie klienta lub w innym dowolnym miejscu.
Data i dokładny zakres do ustalenia podczas analizy przed-szkoleniowej.

Szkolenie przeznaczone jest dla osób rozpoczynających pracę nad aplikacjami webowymi.

W szczególności dla programistów, którzy zajmowali się tworzeniem aplikacji typu desktop pragnących przejść do projektów typu web.

Szkolenie swoim zakresem pokrywa wszystkie kluczowe technologie, architektury, wzorce projektowe i narzędzia niezbędne do świadomego tworzenia nowoczesnych aplikacji web.

Podczas szkolenia tworzymy od podstaw kompletną aplikację poznając krok po kroku kolejne zagadnienia z agendy w kontekście konkretnych problemów.

Wyróżniki szkolenia

Podczas zajęć możesz oczekiwać szczególnych akcentów położonych na poniższe aspekty:

  • Skupienie na istotnych aspektach
  • Architektura i sprawdzone wzorce
  • Praca nad realną aplikacją w kontekście konkretnych problemów

Program Szkolenia

Program jest ramą w jakiej możemy się poruszać merytorycznie - program dla konkretnego szkolenia dedykowanego ustalamy z grupą na podstawie analizy przed-szkoleniowej.

  1. Podstawy projektowania i ergonomii
    1. Projektowanie Layout strony – typowe wzorce
    2. Design graficzny – na co warto zwrócić uwagę
    3. Pojęcie Usability stron internetowych – podstawowe zasady
  2. Podstawy protokołu HTTP – fundament aplikacji webowych
    1. Podstawowe typy żądań (POST, GET)
    2. Możliwe odpowiedzi serwera i obsługa błędów
    3. Pojęcie Sesji HTTP – głównego mechanizmu aplikacji web
    4. Komunikacja z serwerem
      1. Wysyłanie i odbieranie danych przy użyciu XMLHTTPRequest
      2. Wysyłanie i odbieranie danych przy użyciu operacji AJAX w jQuery
  3. Architektura - przegląd stylów architektonicznych
    1. Architektury systemu
      1. Multi Tier
      2. Layers
      3. Ports and Adapters
    2. Architektury aplikacji - warstwa prezentacji
      1. MVC, MVP, MVVM
      2. Single page
    3. Podejść Push i Pull
      1. Implementacja komunikacji Real-Time przy użyciu Web Sockets
        1. Wysyłanie i odbieranie danych przy użyciu Web Sockets
  4. HTML5
    1. Przegląd znaczników wraz z praktycznymi przykładami
    2. Formularze – podstawa aplikacji internetowych
      1. Zasady budowania formularzy
      2. Prezentacja i zbieranie danych od użytkownika
      3. Walidacja
        1. Walidacja danych użytkownika atrybutami HTML5
        2. Walidacja danych użytkownika w JavaScript
    3. Praktyczne zastosowanie warstw
    4. HTML5
      1. Canvas
      2. Układy
    5. Tworzenie interaktywnych stron przy użyciu API HTML5
      1. Praca z plikami
      2. Multimedia
      3. Lokalizacja i kontekst przeglądarki
      4. Debugowanie i profilowanie aplikacji
  5. CSS – sposób na rozdzielenie treści od wyglądu
    1. Pojęcie kaskadowości - zrozumienie idei w celu świadomego korzystania
    2. Najważniejsze triki
    3. Kompatybilność przeglądarek
    4. Najlepsze praktyki w definiowaniu łatwoutrzymywalnych stylów
    5. Animacja interfejsu użytkownika
      1. Przejścia CSS
      2. Transformacja elementów
      3. Animacje oparte o klatki kluczowe
    6. Osadzanie czcionek - webfonts
  6. JavaScript
    1. Wstęp
      1. Przegląd składni JavaScript
        1. Dynamiczne typowanie
        2. Zmienne i obiekty
        3. Object Oriented poprzez prototypowanie
        4. Scopes
        5. Closures
        6. Contexts
      2. Programowanie HTML DOM w JavaScript
      3. JQuery
    2. Najlepsze praktyki
      1. Struktura kodu
      2. Myślenie funkcyjne
        1. Domknięcia
        2. Funkcje wyższego rzędu
    3. Debugowanie JavaScript – narzędzia i najlepsze praktyki
    4. Testowanie JavaScript
    5. Przegląd bibliotek i dobór do problemu
      1. Angular.js
      2. Bootstrap
      3. Backbone.js
    6. Wzorce projektowe - przegląd
  7. Aspekty bezpieczeństwa aplikacji webowych
    1. Przegląd typowych ataków
    2. Sprawdzone sposoby zabezpieczeń
    3. Autoryzacja i autentykacja w kontekście architektury całego systemu


Pobierz program w formacie PDF

Trenerzy

Poznaj ekspertów, którzy mogą poprowadzić Twoje szkolenie.

Zapytaj o szkolenie

Imię i nazwisko:
Firma:
E-mail:
Nr tel:
Temat:
Wiadomość:

Jeżeli preferujesz osobisty kontakt to zawsze możesz zadzwonić.

Iwona Sobótka

Koordynatorka szkoleń