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

Kod: master-frontend
Kategoria: Webmaster
Forma: 50% wykłady / 50% warsztaty
Czas trwania: 5 dni
Grupa docelowa: developerzy
Zapisy: Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka: W siedzibie klienta lub w innym dowolnym miejscu.

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

  • 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.

Materiały związane ze szkoleniem

Idea renesansowej pracowni - Bottegi zakłada nieustanną pracę jej członków i dzielenie się jej wynikami.

  • Looking for the Holy Grail of Mobile Web Performance
    KATEGORIE: Front-end

    W świecie mobilnym Istnieje przeświadczenie, że jedynie aplikacje natywne są w stanie sprostać oczekiwaniom użytkowników. Wraz z pojawieniem się Progresywnych Aplikacji Webowych, które mają przenieść na platformę webową wiele cech zarezerwowanych dotąd tylko dla rozwiązań natywnych, oczekiwania dotyczące wydajności są silniejsze niż kiedykolwiek wcześniej. Czy Web jest w stanie im sprostać?

    Autor Bottega:

    Adam Bar

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Svelte: Reaktywne Aplikacje Frontendowe

    Powiązane usługi:

    Audyty architektury

  • JSON taki albo owaki... czyli kontrolowanie struktur z JSON Schema
    KATEGORIE: Front-end

    Slides

    JSON jest najpopularniejszym formatem definiowania/wymiany danych w sieci. Jest elastyczny niczym XML oraz zwięzły, jak to tylko możliwe. Nie mniej, rozwiązłość strukturalna JSONów powoduje utratę kontroli nad tym, jakie dane są przechowywane. Jeśli chcesz kontrolować, co może być przechowywane w formacie JSON, zerknijmy na JSON Schema.

    Autor Bottega:

    Tomasz Ducin

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Svelte: Reaktywne Aplikacje Frontendowe

    Powiązane usługi:

    Audyty architektury

Zamów 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ń


Wyrażam zgodę na przetwarzania danych osobowych zgodnie z ustawą o ochronie danych osobowych w związku z wysłaniem zapytania przez formularz kontaktowy.

Podanie danych jest dobrowolne ale niezbędne do przetworzenia zapytania. Zastałem/am poinformowany/na, że przysługuje mi prawo dostępu do swoich danych, możliwości ich poprawienia, żądania zaprzestania ich przetwarzania.

Administratorem danych osobowych jest Bottega IT Minds, ul. Jana Sawy 2, 20-632 Lublin.


Klauzula informacyjna