niedziela, 20 grudnia 2015

AngularConnect 2015 - cz.2

Zapiski z reszty tegorocznego AngularConnect. Tematyka nieco bardziej wysublimowana. Godne uwagi są animacje czy Ionic2, ale największymi przebojami są IMHO: nowy rounting!, web workery! (mega pokłon), tematyka modułów, koncepcje upraszczające pewne zagadnienia w A2 (np. dowolny szablon dla komponentu listy), narzędzia w postaci wtyczki Batarangle, obsługa klawiatury i focusa, binding do asynchronicznie zwracanych wartości (choć skądś już to znam), przetwarzanie szablonów.

 

ngAnimate 2.0

image

image

image

image

image

manipulacja na CSS-ach

image

image

image

image

image

image

image

image

image

image

image

image

image

 

Angular 2 Data Flow

RxJS

image

image

ES 2016

image

image

image

Angular 2 http –> Observable

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

 

Creating User Interface Component APIs in Angular and Web Components

CustomElement

image

image

image

image

bezpośrednie odwołanie się do instancji komponentu o nazwie main

image

image

image

image

image

 

Iterative version upgrade strategies for large Angular applications

zmiana routera bez zmiany kodu w aplikacji

image

image

ogólnie jednak prezentację można ją sobie opuścić

 

Building the Best Components

image

to mi się podoba, coś na wzór hm… jednej z form bindingu z XAML

image

image

image

image

image

image

image

image

jestem na tak, bardzo rozsądna propozycja do obsługi konkretnych klawiszy

image

image

image

image

A2: możliwy fake dla całego komponentu

image

image

image

image

 

Building cross-platform apps with Ionic 2

image

image

czemu nikt nawet nie rozważa platformy Windows?

image

image

image

image

jeden HTML, jeden kod

image

ikony automatycznie dopasowane do systemu operacyjnego np. global

image

image

image

zmiany w nawigacji popieram - jak coś ma lepiej udawać aplikację natywną, niech ma bardziej natywną nawigację.

image

image

kolejne wystąpienie, na którym mówi się, że dotychczas stosowane animacje CSS były niewystarczające

image

fakt, web animacje mają być na to remedium (z drugiej strony jakoś nie wspomniano o nich przy wystąpieniu o ng-animate 2)

image

image

image

image

image

image

image

 

Routing in Eleven Dimensions with Component Router

Każda prezentacja powinna być taka jak ta. Jasna, same konkrety.

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

<router-outlet> podobny do Frame w WPF, może być ich wiele, w tym zagnieżdżonych

image

obsługa zagnieżdżeń routingów

image

image

image

image

image

image

image

z poziomu Email-a  wystarczy relatywny link

image

image

image

image

image

image

image

image

wszystkie routingi są pełnoprawne

image

image

 

Modern authentication solutions with OAuth 2.0, OpenId Connect and AngularJS

image

 

These are not the models you’re looking for

image

w sumie można sobie odpuścić

 

TypeScript tooling for greater productivity

image

Gulp & TypeScript

 

Cutting Angular's Crosscuts

image

image

image

aspect.js

angular-iop

 

Modularity and packaging for Angular2 applications

Bardzo dobra i potrzebna prezentacja. Eh, mimo nowego standardu web, znowu jest bałagan, ale może tylko przejściowo.

image

image

przeglądarki jeszcze nie rozumieją

from string (file name, url)

image

image

AMD odeszło

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

 

Using Web Workers for more responsive apps

Koniecznie warto obejrzeć.

co może przekroczyć 8ms i negatywnie wpłynąć na responsywność / płynność interfejsu użytkownika?

image

zawsze powtarzam, że tradycyjny jednowątkowy web w przeglądarce nie może być tak dobry jak inne wielowątkowe rozwiązania

image

image

pkt. nr.2 przydatny do klasycznych aplikacji desktopowych pisanych w technologiach Web (np. Electron)

przerzucanie przetwarzania na serwer nie opłaca się

image

image

image

image

Angular wszystko upraszcza

image

image

image

image

image

image

płynne przewijanie dużej ilości wierszy w przeglądarce !

image

image

image

image

image

image

image

image

image

bit.ly/web_worker_starter_pack

image

 

Better concepts, less code in Angular 2

Kolejna prezentacja, którą warto obejrzeć.

odpowiednik transkluzji

image

różna ilość i kolejność zakładek w zależności od wybranej

image

image

image

image

image

takiej jak poniższa koncepcja nie ma w 1.x

image

Lista z podmienialnym szablonem, coś jak w item controls w XAML przy czym forma nieco inna

image

image

image

wyszukiwanie z opóźnieniem

image

image

image

image

image

image

 

Debugging Angular 2 Apps with Batarangle

image

image

image

image

image

image

https://github.com/rangle/batarangle

http://rangle.io/batarangle

Brak komentarzy: