Meetup Paris TypeScript - Introduction à AureliaJs avec TypeScript

1. Introduction à AureliaJS avec Type Script
Par Philippe Beroucry – Développeur
1/18

2. SOMMAIRE
1. AureliaJS(AJS) : Késako ?
2. Utilisation TypeScript avec AJS
3. Conclusion
2/18

3. AVANT DE COMMENCER : UN PETIT RAPPEL
- 2015 marque l’officialisation de l’ECMAScript 2015(ES6) : Nouvelle spécifications JavaScript (la 7
est déjà en cours de préparation)
- Apparition des compilateur JavaScript (transcompiler): Babel, TypeScript, Coffee Script…
- Développement des best-practices autour des Web Component : Polyfills, Polymer, X-Tag,
Bosonic…
3/18

4. 1 – AureliaJS, késako ?
4/18

5. 1 - HISTORIQUE
5/18
Année de création => 2015 (c’est très jeune!)
Rob Einseber(@EisenbergEffect)
CTO Durandal
Formateur des équipes angular 2
avec Google
Créateur et Lead Développeur
AureliaJS
@AureliaEffect

6. 1 – PRINCIPALES FONCTIONNALITÉS DU FRAMEWORK
6/18
(source: aurelia.io)

7. • Construire des applications clients en full JavaScript (SPA)
• Open Source
• Principe de Clean code
• Se baser sur des conventions simples
7/18
1 – BUT DU FRAMEWORK

8. 2 – Utilisation de TypeScript avec AureliaJS
8/18

9. 2 – CONFIGURATION DE DÉPART
9/18

10. 10/18
2 – EXEMPLE DE SYNTAXE

11. 11/18
2 – BASE DE TRAVAIL
https://github.com/paulvanbladel/aurelia-gulp-typescript

12. 2 – INDEX.HTML – POINT DE DÉPART
12/18

13. 2 – CRÉATION D’UN COMPOSANT
13/18
VIEW MODEL – app.ts/jsVIEW – app.html

14. 3 - Conclusion
14/18

15. 4 – POURQUOI S’Y INTÉRESSER ?
15/18

16. 4 – ETAT DE AJS AU 29/10/2015
16/18
• PUBLIC REVIEW
• 1ère beta disponible d’ici trois semaines avec une documentation plus complète
• 2ème beta déjà prévue car changement des spécifications des Web Components
• Support de ie9/10
• Amélioration de la syntaxe
• Stabilisation de l’api
• Futur concurrent de Angular2 ? Oui!

17. AURELIA VS ANGULAR2 - VM
(source : http://eisenbergeffect.bluespire.com/aurelia-and-angular-2-code-side-by-side/) 17/18

18. (source : http://eisenbergeffect.bluespire.com/aurelia-and-angular-2-code-side-by-side/)
18/18
AURELIA VS ANGULAR2 - VIEW

19. 4 – QUELQUES LIENS UTILES
• Aureliajs : http://aurelia.io/
• Gitter Aurelia => https://gitter.im/Aurelia/Discuss
• Blog Aurelia (durandal) => http://blog.durandal.io/
• Github AureliaJS => https://github.com/aurelia
• TypeScript => http://www.typescriptlang.org/
• Github TypeScript => https://github.com/Microsoft/TypeScript
• ECMAScript 2015 specification => http://tinyurl.com/qyjcpak
• WebComponent => http://webcomponents.org/
• Polyfill => http://webcomponents.org/polyfills/
• NDC conference 2015 – Aurelia :Next Generation Web App => https://vimeo.com/131641012

20. Merci . Des questions?