sobota, 19 grudnia 2015

AngularConnect 2015 - cz.1

Pierwsza porcja prezentacji z tegorocznego AngularConnect. Dużo pozytywnych wrażeń, a będzie jeszcze więcej. Bez wątpienia Angular 2 to istotna technologia, a w połączeniu z NativeScript dostajemy naprawdę coś bardzo interesującego. Mało tego powstała możliwość renderowania Angulara po stronie serwera (w node.js, ale zdaje się także że i w ASP.NET), co znacznie przyspieszy pierwsze ładowanie strony!  Z kolei rozsądna polityka modernizacji Angular 1.x poprzez Angular 1.5 i kolejne, a także możliwość upodobnienia składni w 1 do 2 czy uruchamianie komponentów 2 w 1 umożliwiają sprawną etapową migrację w środowiskach produkcyjnych. Pokaz Cordovy z desktopowymi aplikacjami (oczywiście nie tylko) też godny uwagi.

 

Keynote

image

image

image

image

image

image

image

image

image

image

image

image

image

angular-cli – narzędzia command line np. założenie projektu, odpalenie na serwerze z ciągłym odświeżaniem, wygenerowanie komponentu, współpraca z git

Batarangle w 2 w miejsce Bataranga z 1

image

http://rangle.io/batarangle

Ionic 2, Native Script, Native React

ionic.io/2

image

image

image

“Zielona opcja” Angulara 2 IMHO bardziej interesująca. Czy ja już kiedyś nie mówiłem, że jakby wyrzucić ten cały HTML  i zastąpić go bardziej wysokopoziomowym XML-em  byłaby to  lepsza technologia?  Teraz XML występuje w natywnych aplikacjach mobilnych dla NativeScript’u i instancjonowane są natywne elementy UI. Powstaje pytanie w jakim stopniu CSS-y mogą ostylować natywne kontrolki…

image

image

angular.io/docs

 

What's new in TypeScript – Bill Ticehurst

typowanie z podaniem alternatywy

image

image

image

image

 

Angular 1.5 and beyond

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

 

Full-Stack Angular 2

image

W Keynote było demo z Visual Studio Core, tutaj też jest używane.

image

image

image

Renderowanie Angulara po stronie serwera (node.js)

image

 

Building native mobile apps with Angular 2.0 and NativeScript​

image

image

NativeScript jest niewątpliwie jakimś kolejnym krokiem w sporze między natywnym UI a technologiami Web. Niewątpliwie da lepsze rezultaty w user experience niż Cordova/Phonegap. Będzie to jednak IMHO coś na poziomie XAML w Xamarin Forms, aczkolwiek nie wymaga odrębnych kompilacji na poszczególne platformy - JavaScript po prostu wykonuje się na każdej z platform (ma też lepsze warunki licencyjne, na samą technologię która jest Open Source).

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

checkBox jest komponentem Angular

image

 

Angular Material in practice

Ogólnie same ogólniki, tak więc można sobie tą prezentację odpuścić

image

image

 

"Write once, run anywhere" with nw.js & Cordova: for real!

Byłem ciekaw jak pokażą cross-platformową Cordovę z perspektywy Google’a. Prezenter bardzo ekspresyjny. Pokazał nie tylko Androida, iOS, ale także aplikację uniwersalną Windows 10 oraz Windows Phone 8.1 przy pomocy VS 2015 za mu chwała.  Jedynie za tendecyjne i w sumie niepotrzebne uznam jego pytanie, kto używa Windows Phone i że  zobaczymy jak wygląda połączone z krótkim śmiechem publiki, jak wiadomo określonego sortu –;) 

image

na iOS debugowanie z poziomu Safari (Debug –> Simulator –> …)

Aplikacje klasyczne desktopowe - tutaj zamiast Electrona nw.js

image

opis okna

image

gulp nwjs:default

nw

image

odświeżanie aplikacji natywnej w Cordovie w czasie rzeczywistym (gulp task)

debugowanie aplikacji desktopowej

image

pokaz aplikacji tradycyjnej desktopowej Windows

wywołanie natywnego menu z Mac OS’a:

image

image

 

Getting started in Angular 2

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

John Papa tutorial ! 

image

Brak komentarzy: