40
Zrób dobrze swojej... ...komórce ;)

Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova Phonegap

  • Upload
    sages

  • View
    32

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Zrób dobrze swojej...

...komórce ;)

Page 2: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Programowanie urządzeń mobilnych z wykorzystaniem Cordova /

Phonegap

Page 3: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Organizacja zajęć

Page 4: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Słów kilka o prowadzącym...

● Krzysztof "Procek" Ścira● Właściciel desi9n.pl● Trener w SAGES● Po godzinach →Rower szosowy + Boks olimpijski● http://scira.net● [email protected]● http://desi9n.pl● 784 903 319

Page 5: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Możliwości i ograniczenia hybrydowych aplikacji mobilnych

Page 6: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Kontrolka WebView

Page 7: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Struktura projektu

Page 8: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Pierwszy projekt!

Page 9: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

„Od SASSa do LESSa”czyli sposób na CSSa!

Page 10: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Zadanie 0

Page 11: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Mobile first!

Page 12: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Reguły przyrostowe

Page 13: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Flexbox

Page 14: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

SASS dla RWD

Page 15: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Wtyczki Cordova

Page 16: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Zadanie 1

Page 17: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Wymiana danych w aplikacjach Cordova / Phonegap

● SQLite ● LocalStorage ● LocalForage● System plików (auć!)

Page 18: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Wymiana standardowego WebView na lepszy model

● CrossWalk ● WKWebView

Page 19: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Zadanie 2

Page 20: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Przegląd frameworków i bibliotek JS

Page 21: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

JS

● jQuery / Zepto● Handlebars● Knockout● Angular1● Angular2● Aurelia● Ember● Meteor● React

Page 22: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Zadanie 3

Page 23: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Wydajność hybrydowych aplikacji mobilnych

● ZAŁOŻENIA PROJEKTOWE● Rendering ● Operacje na DOM ● Przetwarzanie danych w JS● Wiele, wiele innych

Page 24: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Zadanie 4

Page 25: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Ikonki i Frameworki CSS

Page 26: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Komunikacja z webservices

● Wymagania dotyczące backendu ● Dobre praktyki w budowaniu API ● Korzystanie z zewnętrznych API● (Bez)problemowy CORS

Page 27: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Zadanie 5

Page 28: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Ankiety ;)

Page 29: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Przydatne narzędzia

● Chrome “CORS mode” ● Skrypty budujące

Page 30: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Wydawanie aplikacji

Page 31: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Ikonki, splashscreeny i materiały na sklepy

Page 32: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Wymagania sklepów co do aplikacji

Page 33: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Utrzymanie projektu w Cordova

● Update projektu ● Korzystanie z wybranych wersji wtyczek ● “Ratowanie” projektu w podbramkowych

sytuacjach

Page 34: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Dobre praktyki

● Wersjonowanie GIT ● Testowanie

Page 35: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Dyskusja

Page 36: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

To jeszcze raz o mnie :)

● Krzysztof "Procek" Ścira● Właściciel desi9n.pl● Trener w SAGES● Po godzinach →Rower szosowy + Boks olimpijski● http://scira.net● [email protected]● http://desi9n.pl● 784 903 319

Page 37: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Chcesz wiedzieć więcej?

Szkolenia pozwalają na indywidualną pracę z każdym uczestnikiem

● pracujemy w grupach 4-8 osobowych● program może być dostosowany do oczekiwań

grupy● rozwiązujemy i odpowiadamy na indywidualne

pytania uczestników● mamy dużo więcej czasu :)

Page 38: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Szkolenie dedykowane dla Ciebie

Jesteś programistą?● podczas 3-dniowego szkolenia nauczysz się jak

tworzyć międzyplatformowe aplikacje mobilne z wykorzystaniem frameworku PhoneGap, HTML5 i biblioteki AngularJS

● dowiesz się jak przygotować tą samą aplikację z bogatym interfejsem użytkownika, wykorzystującą jednocześnie możliwości sprzętowe poszczególnych platform mobilnych, dzięki wykorzystaniu PhoneGap, przy założeniu silnych ograniczeń czasowych

Page 39: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Szkolenie dedykowane dla Ciebie

Interesuje Cię całość zagadnień aplikacji mobilnych?● Tworzenie międzyplatformowych aplikacji mobilnych z

wykorzystaniem PhoneGap i Angular JS● Efektywne tworzenie hybrydowych aplikacji mobilnych z

Ionic Framework● Tworzenie aplikacji na platformie Android● Programowanie na platformie iOS● Programowanie w języku Swift na platformie iOS● Programowanie Windows Phone - szybki start

Page 40: Zrób dobrze swojej komórce - programowanie urządzeń mobilnych z wykorzystaniem Cordova  Phonegap

Wspierają nas