DrupalDay 2014: AngularJS + IonicFramework + Drupal Services
Come AngularJS 2 e Typescript rivoluzioneranno il tuo modo ...€¦ · presenta –[email protected]...
35
presenta www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 1 Come AngularJS 2 e Typescript rivoluzioneranno il tuo modo di lavorare Gabriele Gaggi – MCSD Web Applications
Transcript of Come AngularJS 2 e Typescript rivoluzioneranno il tuo modo ...€¦ · presenta –[email protected]...
presenta
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 1
Come AngularJS 2 e Typescript rivoluzioneranno il tuo modo di lavorare
Gabriele Gaggi – MCSD Web Applications
Agenda
• Voi siete qui
• Come si è arrivati ad Angular 2 e perchè
• Le principali novità di Angular 2
• Demo angular-CLI
• Q&A
www.wpc2015.it – [email protected] - +39 02 365738.11 2
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 4
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 6
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 7
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 8
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 9
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 10
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 11
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 12
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 13
<!doctype html>
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>
<div>
<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter a name here">
<hr>
<h1>Hello {{yourName}}!</h1>
</div>
</body>
</html>
https://angularjs.org/
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 14
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 15
https://www.madewithangular.com/
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 16
Developers familiar with the Angular 1.X will encounter a
drastically different looking framework and will need to
learn a new architecture.
Angular 2: Everything rewrited
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 17
https://github.com/johnpapa/angular-styleguide
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 18
Dal 2009 ad oggi molto è cambiato
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 19
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 20
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 21
www.wpc2015.it – [email protected] - +39 02 365738.11 22
ES6
ES5
Future ready – Flexyble development
www.wpc2015.it – [email protected] - +39 02 365738.11 23
Caricamento Compilazione Render Re-Render
Speed & Performance
www.wpc2015.it – [email protected] - +39 02 365738.11 24
• Universal Angular 2
Speed & Performance: Caricamento
www.wpc2015.it – [email protected] - +39 02 365738.11 25
• Ottimizzata e concentrata nella sola prima esecuzione
• Possibilità di fare pre build del codice
Speed & Performance: Compilazione
www.wpc2015.it – [email protected] - +39 02 365738.11 26
• Utilizzo dei Web Worker
Speed & Performance: Web Worker
www.wpc2015.it – [email protected] - +39 02 365738.11 27
• Angular 2 vuole essere semplice da imparare, chiaro, comprensibile e lineare
Simple & Expressive
www.wpc2015.it – [email protected] - +39 02 365738.11 28
Simple & Expressive: Template
<p>My name: {{myName}}</p>
<ul>
<li *ng-for="#name of names">
...
</li>
</ul>
<input #myname (keyup)="myControllerMethod()">
www.wpc2015.it – [email protected] - +39 02 365738.11 30
Simple & Expressive: Eliminazione di $scope
www.wpc2015.it – [email protected] - +39 02 365738.11 31
• https://github.com/angular/angular-cli
• npm install –g angular-cli
• ng new progetto
• ng generate component myComponent
• ng serve
Simple & Expressive: Tool Angular-CLI
www.wpc2015.it – [email protected] - +39 02 365738.11 33
Come AngularJS 2 e Typescript rivoluzioneranno il tuo modo di lavorare?
Contatti OverNetEducation
OverNet [email protected]
www.overneteducation.it
Tel. 02 365738
@overnete
www.facebook.com/OverNetEducation
www.linkedin.com/company/overnet-solutionswww.wpc2015.it
www.wpc2015.it – [email protected] - +39 02 365738.11 - #wpc15it 35
