Nadat in 2014 de eerste wereldwijde AngularJS-conferentie was gehouden, was het vorige week tijd voor de tweede aflevering, ng-conf 2015. In deze tweedaagse conferentie tjokvol presentaties van team Angular, Google, Microsoft en andere gerelateerde bedrijven en start-ups werden veel Angular-technieken toegelicht, nieuwe ontwikkelingen besproken en uiteraard was er veel aandacht voor Angular 2.
Alle presentaties van de conferentie waren live te volgen op YouTube en zijn inmiddels terug te vinden op het ng-conf YouTube-channel.
Ik kan me echter voorstellen dat je geen tijd hebt om alle video’s te bekijken. Daarom heb ik een selectie gemaakt en de vijf belangrijkste presentaties op een rijtje gezet. Zorg er voor dat je deze in elk geval niet mist als je op de hoogte wilt blijven van de Angular-ontwikkelingen:
1. Welcome – keynote door Brad Green en Igor Minar
https://www.youtube.com/watch?v=QHulaj5ZxbI
Brad Green en Igor Minar bespreken de huidige ontwikkelingen rondom Angular 2, kondigen samenwerking aan tussen Google en Microsoft (Google dropt het eigen AtScript en stapt voor Angular 2 over op Microsofts TypeScript), kondigen aan dat er toch een migratiepad/optie zal komen van Angular 1.x naar Angular 2 en introduceren de nieuwe Angular 2 website, https://angular.io/
2. Keynote dag 2 – Misko Hevery en Rado Kirov
https://www.youtube.com/watch?v=-dMBcqwvYA0
De oorspronkelijke ‘vader van Angular’, Misko Hevery gaat meer in detail in op de verschillen tussen Angular 1. x en Angular 2, bespreekt achtergronden bij de ontwerpbeslissingen en de uitdagingen waar Team Angular mee te maken heeft. Deze presentatie bevat meer concrete code en voorbeelden.
3. The New Router – Brian Ford
https://www.youtube.com/watch?v=vecg70fPDFw
Onderdeel van het migratiepad van Angular 1.x naar Angular 2 is een nieuwe router die zowel in Angular 1.x-projecten als in Angular 2 gebruikt kan worden. Dit is groot nieuws. De huidige, standaard ng-router zal worden verlaten (hij werkt nog, maar wordt niet verder ontwikkeld) en zal worden vervangen door een nieuwe, eigen routermodule. Er wordt dus ook niet verder ingezet op ui-router (een routercomponent die nu nog erg populair is in Angular-projecten). Dit omdat ook ui-router nog is gebouwd op ES5-code en niet op de nieuwe TypeScript/ES6-code die in Angular 2 gebruikt gaat worden. Brian Ford geeft voorbeelden en use cases.
4. TypeScript and ES6 – Dan Wahlin en Andrew Connell
https://www.youtube.com/watch?v=U7NYTKgkZgo
Angular 2 zal volledig gebaseerd zijn op ES6 (de volgende versie van JavaScript) en TypeScript – zoals Brad Green in de keynote aankondigde. Dan Wahlin en Andrew Connell geven een supersnelle inleiding op ES6 en TypeScript en bespreken (kort) tooling die voor deze programmeertalen gebruikt kan worden. Ze laten zien hoe de huidige JavaScript gecombineerd kan worden met nieuwe ES6-code binnen één project, zodat je langzaam kunt wennen aan de nieuwe opties en niet in een keer, cold turkey over hoeft te gaan. Inclusief handige links en codevoorbeelden om nu al zelf met ES6 te oefenen, ook al ondersteund de huidige generatie browsers dit nog amper. ES6 is de toekomst. Leer het! (Meer over TypeScript: bekijk ook de presentatie van Jonathan Turner over TypeScript)
5. Build an Angular Material App Thomas Burleson and Naomi Black
https://www.youtube.com/watch?v=Qi31oO5u33U
Angular doet van alles, maar heeft geen User Interfacecomponenten zoals lijsten, kolommen, tabbladen, sliders, enzovoort. Hiervoor moet je zelf een library kiezen als je niet alles handmatig wilt coderen in HTML en CSS. Angular Material is hiervoor een van de vele keuzes (naast Bootstrap, Zurb Foundation, Ratchet.io etcetera, etcetera). Material Design is de door Google uigedachte designfilosofie voor mobiele- en desktop-apps. Het is in feite een tegenhanger voor Microsoft Modern Design (voorheen Metro) en de Apple Human Interface Guidelines die in iOS worden gebruikt. Het is al ingebouwd in de nieuwste Android-versies 5.x en hoger. Angular Material is de webversie van Material Design. In deze presentatie krijg je een indruk van de wijze waarop je Angular apps qua UI zou kunnen gaan ontwikkelen. Een erg gescripte en erg Amerikaanse sessie, maar probeer daar doorheen te kijken.
Almost made it… bijna op de shortlist
Mocht je na het bekijken van bovenstaande video’s nog tijd over hebben, dan zou ik je ook zeker onderstaande presentaties aanraden:
6. Bonusvideo! – Shai Reznik’s ng-wat!
https://www.youtube.com/watch?v=M_Wp-2XA9ZU
Geinspireerd door de presentatie WAT! van Gary Bernhardt, heeft Shai Reznik (check ook zijn andere hysterische Angular-video’s op YouTube) een Angular-Wat versie gemaakt.
Niet al te serieus nemen, even een moment van ontspanning pakken en die lach laten rollen.
Enjoy!
Peter Kassenaar
-- 9 maart 2015