czwartek, 12 marca 2015

ng-conf 2015 - cz.1

Pierwsza część podsumowania konferencji ng-conf.

 

ng-conf 2015 Day 1 Keynote - Brad Green and Igor Minar

1.4 RC0 next week

Material Design - lato “1”, potem dla “2”

https://angular.io/ - nowa strona dla “2”

migracja - wszystko na 2 lub interacyjnie

image

image

image

Angular 2 obecnie w stadium alfa

image

image

menadżer TypeScript gościem specjalnym

image

image

TypeScript (z annotacjami po współpracy) zamiast AtScript.

image

image

image

4 ogólne koncepcje zamiast 35 dyrektyw

spójność, wsparcie narzędzi, strefy (nigdy więcej $apply)

standardy (moduły ES6, Shadow DOM, …)

image

immutable data structures

image

image

 

The New Router Brian Ford

Omówienie nowego routera, który trafi nie tylko do Angular 2.0, ale także w pierwszej wersji do Angular 1.4.

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

Wersja 1.0 przy Angular 1.4, potem dalsze wersje.

image

image

image

 

Creating Container Components with Web Components and Angular Kara Erickson & Rachael L Moore

Powtórka z web komponentów. Raczej nie ma nic zaskakującego.

opcja: show user agent Shadow DOM

host.createShadowRoot()

host.shadowRoot.innerHTML = <>…</>  /* tagi <content /> – wstrzykiwanie, możliwość selekcji CSS <content select=”[head]” />, w użyciu:   <ot-site><div head>…</div><div menu>…</div></ot-site>

host.shadowRoot.innerHTML += <style> … </style>

Angular 1.3: 

ng-transclude wkleja całość, selekcja we własnym zakresie: dopasowanie po atrybutach części szablonu z częściami html otoczonego tagiem dyrektywy

angular.forEach(clone, function(cloneEl) {

       var tId = cloneEl.attributes[“t-to”].value;

       var target = temp.find(‘[t-id=”’ + tId + ‘”]’);

       target.append(clone);

});

dostęp do funkcji transclude w compile, controller, link

link:  transclude(function(clone) { … });

Angular 2.0:

component directive

image

image

image

 

TypeScript and ES6 Dan Wahlin & Andrew Connell

Ogólnie nic nowego, jeśli ktoś zna TypeScript

image

image

image

https://github.com/danwahlin

 

ng-conf 2015 Keynote 2 - Misko Hevery and Rado Kirov

Kolejny wykład wprowadzający do składni Angular 2.  Świetne demo w nowym TypeScript!

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

aplikacja jako komponent

image

image

image

image

image

image

własna dyrektywa

image

image

image

image

web component google-youtube

image

image

image

 

TypeScript and Angular 20 Jonathan Turner

Występ menadżera TypeScript (zakamuflował się Mac-kiem i Sublime). Angular 2 budowany jest obecnie przy pomocy TypeScript. Używanie TypeScript jest opcjonalne.

Plugin w Sublime (alfa) oparty na nowym cross-platformowym serwisie językowym.

image

image

image

node tsc/tsc.js todo.ts --module amd

image

image

http://github.com/microsoft/ngconf2015demo

Brak komentarzy: