#61

Mobile web dla każdego – jak tworzyć mobilne strony i aplikacje działające w przeglądarce

Warsztat odbywa się w formie zdalnej za pośrednictwem platformy/komunikatora online, z wykorzystaniem dźwięku, obrazu z kamery, udostępniania ekranu komputera prowadzącego i uczestników.

Jesteś web developerem? Tworzysz strony internetowe oparte na Wordpressie? Może pora na coś nowego? Czy odważysz się wejść do świata front-endu na dobre i back-end zaczniesz traktować jako zło konieczne? A może potrzebujesz uaktualnienia swojej wiedzy z możliwości HTMLa, którego uczyłeś się gdy layouty tworzyło się z tabelek?

Warsztaty pokażą Ci czym są aplikacje internetowe, a także jak tworzyć nowoczesne strony www dostosowane do urządzeń mobilnych oraz co tak naprawdę można zrobić w przeglądarce mobilnej. Warsztaty składać się będą w przeważającej części z zadań praktycznych, aby każdy uczestnik mógł przetestować nowe funkcjonalności HTMLa na laptopie, tablecie czy telefonie.

Podczas warsztatów:

– poznasz nowe możliwości przeglądarek desktopowych i mobilnych
– poznasz możliwości dostępu do sprzętu jakie daje przeglądarka
– nauczysz się tworzyć aplikacje internetowe integrujące się z systemem Android
– poznasz popularne frameworki CSS, a także sposoby tworzenia layoutów dzięki SCSS

Od uczestników wymagane jest podstawowe stosowanie HTML i CSS. Warsztaty skierowane są dla osób które chciałyby poznać nowe możliwości przeglądarek zarówno desktopowych jak i mobilnych. Uczestnicy w trakcie zajęć korzystają z własnego sprzętu (do wygodnego korzystania z HTMLa i CSSa wystarczy właściwie każdy komputer z systemem Windows, OSX lub Linux – wymagane GUI 🙂

Mile widziane, choć nie wymagane, jest przyniesienie własnego sprzętu mobilnego (telefon / tablet) na którym będzie można testować tworzone layouty – alternatywą jest użycie WebDeveloper tools z Chrome, ale wiąże się to z pewnymi ograniczeniami.

Zapewniamy lunch dla uczestników warsztatu.

Za użyczenie sali bardzo dziękujemy Clusterwork

Prowadzący

Krzysztof Ścira:

Absolwent AGH - Informatyka Stosowana w Hutnictwie. Prezes Zarządu i front¬end developer firmy desi9n.pl tworzącej hybrydowe aplikacje mobilne (iOS, Android, Windows Phone) oraz aplikacje internetowe. Wielokrotny prelegent na konferencjach związanych z programowaniem urządzeń mobilnych i programowaniem front¬end. W wolnych chwilach pasjonat boksu olimpijskiego.

Program warsztatów

  1. Popularne przeglądarki internetowe
    1. Mobile
    2. Desktop
  2. Możliwości przeglądarek desktopowych vs mobilnych
    1. Wsparcie standardów HTML, CSS i JS
    2. Możliwości dostępu do sprzętu i systemu
    3. Poliformy na brakujące funkcjonalności
  3. Współpraca ze systemem operacyjnym
    1. Powiadomienia lokalne wywoływane z poziomu przeglądarki
    2. Obsługa multimediów w HTML5 i JS
    3. Generowanie dźwięku w HTML
    4. Aplikacje webowe integrujące się ze systemem operacyjnym
  4. Dostęp do sprzętu z poziomu przeglądarki
    1. Lokalizacja (GPS, Wi-Fi, BTS)
    2. Akcelerometr i Żyroskop
    3. Aparat
  5. Aplikacje webowe, a aplikacje hybrydowe – Porównanie możliwości “zwykłej” i “uzbrojonej” przeglądarki na przykładach:
    1. Phonegap / Cordova
    2. NW.JS / Electron
  6. Sposoby na UI
    1. RWD i media queries
    2. Flexbox
    3. SASS / SCSS / LESS
    4. Frameworki CSS
    5. Paczki ikon
  7. Różnice między tworzeniem:
    1. typowych stron internetowych
    2. aplikacji internetowych architektonicznie silnie opartych o back-end
    3. aplikacji typu SPA (opartych o webservice)
    4. aplikacji typowo offline’owych
    5. gier w przeglądarce
  8. Sposoby przechowywania danych użytkownika
    1. SessionStorage i LocalStorage
    2. Indexed DB
    3. WebSQL
    4. localForage
    5. System plików
  9. Typowe problemy, sposoby ich rozwiązywania oraz przydatne tricki i dobre praktyki
    1. Generowanie markupu po stronie serwera, nad którym nie mamy kontroli
    2. Ograniczenie ilości requestów do serwera
    3. Aplikacja z komunikacją sieciową działająca offline
    4. SEO – przez semantykę na szczyt w Google
    5. Organizacja kodu przy budowie większych aplikacji internetowych
  10. Narzędzia przyspieszające pracę developera
    1. IDE
    2. Build Tools z node.js
    3. DevToolsy przeglądarki

Uwaga

Liczba miejsc ograniczona! Organizator zastrzega sobie prawo do zmiany lokalizacji wydarzenia oraz jego odwołania w przypadku niezgłoszenia się minimalnej liczby uczestników.

Zapisy na wybrany warsztat zostały zakończone.