Angularizam kao takav u novijoj JS istorijiMiloš Bošković

<CODEstantine/> Mart 2016

O čemu ćemo zapravo danas pričati?› ECMAScript 2015

› Angular na početku› Angular 1.5› Angular 2.0

› Alati za migraciju sa Angular 1.5 na 2.0› Metode i alati za deployment js kôda

<CODEstantine/> Mart 2016

› NodeJs, Hibridne aplikacije, Electron

› „Any application that can be written in JavaScript, will eventually be written in JavaScript.“

› Bivši ES6› Standard› Derivati standarda: JavaScript,

ActionScript› Do skora nije bio podržan od strane

većina browser-a› Transpiler: https://babeljs.io/

<CODEstantine/> Mart 2016

ECMAScript2015

<CODEstantine/> Mart 2016ES2015› Arrow function – streličaste f-

je

<CODEstantine/> Mart 2016

› Lexical this

ES2015

<CODEstantine/> Mart 2016

› Interpolacija!

ES2015

<CODEstantine/> Mart 2016ES2015› Podrazumevane vrednosti

ulaznih parametara funkcije

<CODEstantine/> Mart 2016

› Klase, prave pravcate klase, sa sve nasleđivanjem!

ES2015

<CODEstantine/> Mart 2016Šta nismo spomenuli?› Paaa… svašta nešto› Recimo promises

<CODEstantine/> Mart 2016

› Superheroic JavaScript MVW Framework

› Napravljen u Guglu› MVW -> Model-View-Whatever

Terminologija angularizma› $scope› Services / Factories /

Providers› Directives

› DDO› Compile› Link› Pre-link› Post-link› Require

› Transclude (?!?)› Config / Run› Filters› Modules› $broadcast / $emit

<CODEstantine/> Mart 2016

To-do aplikacija

<CODEstantine/> Mart 2016

› Svojevrsni frontend framework test› http://jsfiddle.net/misaizdaleka/U3pVM/23165

<CODEstantine/> Mart 2016Rani angularni radovi

<CODEstantine/> Mart 2016Rani angularni radovi

<CODEstantine/> Mart 2016Angular u novijoj istoriji

<CODEstantine/> Mart 2016Angular u najnovijoj istoriji (v1.5)

<CODEstantine/> Mart 2016Angular u najnovijoj istoriji (v1.5, ES2015)

<CODEstantine/> Mart 2016Angular u budućoj istoriji (v2.0)

<CODEstantine/> Mart 2016

Movie vs Real programming

› Pratite nove JS tehnologije › Usvojite nešto od onoga što ste naučili› Krenite sa ES2015

Ukoliko već koristite Angular:› Krenite sa ES2015 › Refactor-ujte svoj kôd tako da se što više

oslanja na direktive/komponente (tako se spremate za Angular 2)

› Delite znanje<CODEstantine/> Mart 2016

Zaključak

Korisni linkovi

› https://angularjs.org/ › https://angular.io/ (Angular 2.0)› https://github.com/johnpapa/angular-styleguide › http://devchat.tv/adventures-in-angular/ (Angular podcasts) › http://jsfiddle.net/misaizdaleka/U3pVM/23165/ (to-do app)› https://www.destroyallsoftware.com/talks/wat (smešna strana

JS-a, 5-minutni klip)› https://www.youtube.com/watch?v=M_Wp-2XA9ZU (smešna

strana Angular-a, pogledati obavezno)› http://es6-features.org

<CODEstantine/> Mart 2016

Hvala!

milos.boskovic@gmail.comfacebook.com/misaizdalekamisaizdaleka.blogspot.rs