Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Etude rapide sur les frameworks Front-end (AngularJS vs *JS)

AngularJS ou Emberjs ou ReactJS?

Le 2ème slide facilite grandement le choix...

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

  • Be the first to like this

Etude rapide sur les frameworks Front-end (AngularJS vs *JS)

  1. 1. Étude sur les frameworks Front-end État de l’art et évolution de JavaScript en 2016 Bilel ZEGHAD
  2. 2. Framework - comparaison https://www.google.com/trends
  3. 3. Framework - comparaison sur Github Angular 1 github.com/angular/angular.js React github.com/facebook/react Ember.js github.com/emberjs/ember.js Angular 2 github.com/angular/angular
  4. 4. JavaScript : État de l’art et évolution
  5. 5. ECMAScript 6 (ES6) ● Une gestion avancée des tableaux (map, foreach, ...) ● Du lazy chaining pour de nombreuses fonctions (le fait d’exécuter une série de commandes en une seule fois pour économiser du temps de calcul) ● Une vraie gestion des classes (le mot-clé class est enfin disponible!) ● De vrais arguments (obligatoires, optionnels, valeurs par défaut, ...) ● De l'interpolation de variables et des chaines de textes sur plusieurs lignes ES6 permet de mieux structurer le code et de se passer de librairie comme jQuery. http://www.synbioz.com/blog/ecmascript_6 https://www.wanadev.fr/introduction-a-ecmascript-6-le-javascript-de-demain/ http://www.blogduwebdesign.com/ressources-javascript/es6-futur-Javascript-ressources-traduire-es5/1594
  6. 6. ECMAScript 6 (ES6) % du support des nouvelles fonctionnalités d’ES6 par les navigateurs Pour palier à ce manque de support( à ce jour) , il est possible de compiler du code ES6 en ES5. Mi-2016, les navigateurs modernes supporteront tous ES6
  7. 7. TypeScript ● typescriptlang.org TypeScript est un langage de programmation libre et open-source développé par Microsoft qui a pour but d'améliorer et de sécuriser la production de code JavaScript. C'est un sur-ensemble de JavaScript (tout code JavaScript peut être utilisé avec TypeScript). Le code TypeScript est transcompilé en JavaScript, pouvant ainsi être interprété par n'importe quel navigateur web ou moteur JavaScript. Il a été cocréé par Anders Hejlsberg, principal inventeur de C# 1. TypeScript permet un typage statique optionnel des variables et des fonctions, la création de classes et d'interfaces, l'import de modules, tout en conservant l'approche non-contraignante de JavaScript. Il supporte la spécification ECMAScript 6. https://fr.wikipedia.org/wiki/TypeScript
  8. 8. Angular 1.4 : version actuelle Dernières annonces angularjs.blogspot.com ● Growth: Angular 1 continues its stellar growth with over 1.1M developers worldwide. ● ngUpgrade: You can seamlessly mix and match Angular 1 with Angular 2 by using the ngUpgrade library. ● Support: We'll be continuing support for Angular 1 so long as the majority of developers use it. We've made 32 releases this year with new features, bug fixes, and performance improvements. Upcoming release include new features in components, routing, i18n, and animation.
  9. 9. Angular 2 ● Speed: Angular 2 is dramatically faster than Angular 1 with support for fast initial loads through server-side pre- rendering, offline compile for fast startup, and ultrafast change detection and view caching for smooth virtual scrolling and snappy view transitions. ● Browsers: Angular 2 supports IE 9, 10, 11, Microsoft Edge, Safari, Firefox, Chrome, Mobile Safari, and Android 4.1 +. ● Cross-platform: By learning Angular 2, you'll gain the core knowledge you'll need to build for a full range of platforms including desktop and mobile web, hybrid and native UI mobile installed apps, and even installable desktop applications. ● Microsoft partner! TypeScript <3 Angular
  10. 10. Ressources web https://www.google.com/trends (Angular vs Silverlight vs ReactJS) http://www.journaldunet.com/developpeur/outils/angular-js.shtml http://www.synbioz.com/blog/ecmascript_6 https://www.wanadev.fr/introduction-a-ecmascript-6-le-javascript-de-demain/ http://www.blogduwebdesign.com/ressources-javascript/es6-futur-Javascript-ressources-traduire-es5/1594 TypeScript <3 Angular

×