Les principales nouveautés de JavaScript ES6 (ES2015)Ala Eddine JEBALI
- C'est quoi ECMA ?
- C'est quoi ECMAScript ?
- C'est quoi ES6 ?
- C'est quoi ES2015 ?
- Mode strict en ES6.
- Les modules.
- Les classes.
- Le mot clé "let".
- Le mot clé "const".
- Les gabarits de chaîne de caractères en ES6.
- Les fonctions "fléchées" en ES6.
- Opérateur de décomposition
- Les promesses.
- Les proxies.
Les principales nouveautés de JavaScript ES6 (ES2015)Ala Eddine JEBALI
- C'est quoi ECMA ?
- C'est quoi ECMAScript ?
- C'est quoi ES6 ?
- C'est quoi ES2015 ?
- Mode strict en ES6.
- Les modules.
- Les classes.
- Le mot clé "let".
- Le mot clé "const".
- Les gabarits de chaîne de caractères en ES6.
- Les fonctions "fléchées" en ES6.
- Opérateur de décomposition
- Les promesses.
- Les proxies.
Envie d'échanger sur ES6, le nouveau standard de JavaScript ?
Avec Cyrille, l'un de nos consultants Openska, nous avons fait le point lors d'un Meet UP à Paris.
Au programme on commencera par faire un point sur les standards. Après cette introduction nous attaquerons les choses sérieuses : qu'est-ce que ES6 va vous apporter de plus et/ou en mieux ?
Programme :
- Le point sur les standards
- Les nouveautés ES6
- L'option TypeScript
- Compatibilité ES6
Slides de la session du 26 et 27 janvier 2016. Les sessions ont couvert les "buzzwords" du moment, une introduction a TypeScript, une session de live coding en Swift ainsi qu'un workshop NativeScript.
Cours n°1.1-Introduction.pdf angularrrrrinesrdissi60
For a more thorough introduction to the fundamental concepts and terminology of Angular single-page app architecture and design principles, read the Angular Concepts section.
Work through the Tour of Heroes Tutorial, a complete hands-on exercise that introduces you to the app development process using the Angular CLI and walks through important subsystems.
To learn more about using the Angular CLI, see the CLI Overview. In addition to creating the initial workspace and app scaffolding, use the CLI to generate Angular code such as components and services. The CLI supports the full development cycle, including building, testing, bundling, and deployment.
For more information about the Angular files generated by ng new, see Workspace and Project File Structure.For a more thorough introduction to the fundamental concepts and terminology of Angular single-page app architecture and design principles, read the Angular Concepts section.
Work through the Tour of Heroes Tutorial, a complete hands-on exercise that introduces you to the app development process using the Angular CLI and walks through important subsystems.
To learn more about using the Angular CLI, see the CLI Overview. In addition to creating the initial workspace and app scaffolding, use the CLI to generate Angular code such as components and services. The CLI supports the full development cycle, including building, testing, bundling, and deployment.
For more information about the Angular files generated by ng new, see Workspace and Project File Structure.For a more thorough introduction to the fundamental concepts and terminology of Angular single-page app architecture and design principles, read the Angular Concepts section.
Work through the Tour of Heroes Tutorial, a complete hands-on exercise that introduces you to the app development process using the Angular CLI and walks through important subsystems.
To learn more about using the Angular CLI, see the CLI Overview. In addition to creating the initial workspace and app scaffolding, use the CLI to generate Angular code such as components and services. The CLI supports the full development cycle, including building, testing, bundling, and deployment.
For more information about the Angular files generated by ng new, see Workspace and Project File Structure.For a more thorough introduction to the fundamental concepts and terminology of Angular single-page app architecture and design principles, read the Angular Concepts section.
Work through the Tour of Heroes Tutorial, a complete hands-on exercise that introduces you to the app development process using the Angular CLI and walks through important subsystems.
To learn more about using the Angular CLI, see the CLI Overview. In addition to creating the initial workspace and app scaffolding, use the CLI to generate Angular code such as components and services. The CLI supports the full development cycle, including building, testing, bundling, and deployment.
For more informatio
Beaucoup d’applications utilisent encore Java 8 mais Java a beaucoup évolué depuis notamment avec la diffusion de deux versions LTS.
L’objectif de ce talk est de revenir sur certaines de ces nombreuses évolutions de Java, notamment récentes afin d’en profiter dans nos applications. Au-delà des évolutions syntaxiques et dans les API, ce sera aussi l’occasion de justifier la migration vers des versions plus récentes de Java.
Samir ROUABHI's slides for the presentation "The Future of Javascript" in The Algiers Developer Meetup (http://algiers-meetup.org/) 3rd of october, 2015
SEO AnswerBox, une méthode inédite pour interroger vos données et créer vos d...Vincent Terrasi
Google l’a intégré dans GA v4, mais imaginez pouvoir le faire sur vos propres données SEO. Découvrez comment gagner en productivité en configurant avec des phrases vos dashboards et vos alertes. Une méthode complète et actionnable vous sera dévoilée.
The Future of JavaScript, presented by Samir Rouabhi at the 3rd edition of Algiers Developer Meetup, which was held at Djezzy Training Center on October 3rd, 2015
Envie d'échanger sur ES6, le nouveau standard de JavaScript ?
Avec Cyrille, l'un de nos consultants Openska, nous avons fait le point lors d'un Meet UP à Paris.
Au programme on commencera par faire un point sur les standards. Après cette introduction nous attaquerons les choses sérieuses : qu'est-ce que ES6 va vous apporter de plus et/ou en mieux ?
Programme :
- Le point sur les standards
- Les nouveautés ES6
- L'option TypeScript
- Compatibilité ES6
Slides de la session du 26 et 27 janvier 2016. Les sessions ont couvert les "buzzwords" du moment, une introduction a TypeScript, une session de live coding en Swift ainsi qu'un workshop NativeScript.
Cours n°1.1-Introduction.pdf angularrrrrinesrdissi60
For a more thorough introduction to the fundamental concepts and terminology of Angular single-page app architecture and design principles, read the Angular Concepts section.
Work through the Tour of Heroes Tutorial, a complete hands-on exercise that introduces you to the app development process using the Angular CLI and walks through important subsystems.
To learn more about using the Angular CLI, see the CLI Overview. In addition to creating the initial workspace and app scaffolding, use the CLI to generate Angular code such as components and services. The CLI supports the full development cycle, including building, testing, bundling, and deployment.
For more information about the Angular files generated by ng new, see Workspace and Project File Structure.For a more thorough introduction to the fundamental concepts and terminology of Angular single-page app architecture and design principles, read the Angular Concepts section.
Work through the Tour of Heroes Tutorial, a complete hands-on exercise that introduces you to the app development process using the Angular CLI and walks through important subsystems.
To learn more about using the Angular CLI, see the CLI Overview. In addition to creating the initial workspace and app scaffolding, use the CLI to generate Angular code such as components and services. The CLI supports the full development cycle, including building, testing, bundling, and deployment.
For more information about the Angular files generated by ng new, see Workspace and Project File Structure.For a more thorough introduction to the fundamental concepts and terminology of Angular single-page app architecture and design principles, read the Angular Concepts section.
Work through the Tour of Heroes Tutorial, a complete hands-on exercise that introduces you to the app development process using the Angular CLI and walks through important subsystems.
To learn more about using the Angular CLI, see the CLI Overview. In addition to creating the initial workspace and app scaffolding, use the CLI to generate Angular code such as components and services. The CLI supports the full development cycle, including building, testing, bundling, and deployment.
For more information about the Angular files generated by ng new, see Workspace and Project File Structure.For a more thorough introduction to the fundamental concepts and terminology of Angular single-page app architecture and design principles, read the Angular Concepts section.
Work through the Tour of Heroes Tutorial, a complete hands-on exercise that introduces you to the app development process using the Angular CLI and walks through important subsystems.
To learn more about using the Angular CLI, see the CLI Overview. In addition to creating the initial workspace and app scaffolding, use the CLI to generate Angular code such as components and services. The CLI supports the full development cycle, including building, testing, bundling, and deployment.
For more informatio
Beaucoup d’applications utilisent encore Java 8 mais Java a beaucoup évolué depuis notamment avec la diffusion de deux versions LTS.
L’objectif de ce talk est de revenir sur certaines de ces nombreuses évolutions de Java, notamment récentes afin d’en profiter dans nos applications. Au-delà des évolutions syntaxiques et dans les API, ce sera aussi l’occasion de justifier la migration vers des versions plus récentes de Java.
Samir ROUABHI's slides for the presentation "The Future of Javascript" in The Algiers Developer Meetup (http://algiers-meetup.org/) 3rd of october, 2015
SEO AnswerBox, une méthode inédite pour interroger vos données et créer vos d...Vincent Terrasi
Google l’a intégré dans GA v4, mais imaginez pouvoir le faire sur vos propres données SEO. Découvrez comment gagner en productivité en configurant avec des phrases vos dashboards et vos alertes. Une méthode complète et actionnable vous sera dévoilée.
The Future of JavaScript, presented by Samir Rouabhi at the 3rd edition of Algiers Developer Meetup, which was held at Djezzy Training Center on October 3rd, 2015
Kevin Avignon: Roslyn - La plateforme de compilation .NETMSDEVMTL
4 mai 2015
Groupe .NET/ASP.NET
Sujets: Roslyn - La plateforme de compilation .NET
Conférencier: Kevin Avignon
Roslyn est la nouvelle plateforme .NET de compilation créé par Microsoft. En exploitant Roslyn, il devient nettement plus facile de traverser un fichier source (.cs ou .vb) et instaurer de nouvelles règles d'affaires ou de validation comme il était fait avec FxCop. Un des nombreux bienfaits de Roslyn, c'est que les règles d'affaires développer en C# ou VB.NET fonctionnent autant dans un langage que dans l'autre.
Plan de la présentation:
- Qu'est-ce que Roslyn
- Quelles sont les librairies effectuant du code analysis ?
- Introduction sur le Syntax Tree et Syntax Nodes
- Comment utiliser le Syntax Visualizer
- Bâtir son premier analyzer en C#
- Qu'est-ce qu'un code fix
- Les pièges à éviter en faisant de l'analyse
Les applications web recourent de plus en plus au javascript, et on commence maintenant à recourir au javascript pour les parties serveur avec des outils comme Node.js TypeScript est un nouveau language permettant d'annoter et de structurer son code javascript, afin d'en faciliter la fiabilité et la maintenance. Dans cette session, nous vous présenterons les bases de TypeScript et comment tirer le meilleur parti de ce nouvel outil dans vos applications.
L’état de l’art des tests front-end
Maîtriser et fiabiliser son code sont aujourd’hui devenus incontournables pour tout développeur devant faire face à des architectures Web de plus en plus riches et complexes.
Il existe des outils pour réaliser des tests front-end d’applications Web et répondre aux besoins d’un développement de qualité.
Nous vous invitons ici à parcourir l’écosystème de ces tests front-end d’applications Web. Que vous soyez déjà convaincus par les tests ou tout simplement curieux, ce document vous guidera pour les mettre en place sur vos projets.
3. Code linting...
● Analyse Statique de votre code JavaScript
● Intérêt :
o Détecter des bugs
o Limiter les potentielles erreurs
o Garder votre code propre
o Appliquer vos règles de développement
6. ESLint
● API pour créer ses propres règles
● Chaque règle est un plugin
● Possibilité d’activer/désactiver chaque règle
● Règle définie comme warning/error
● Fichier de configuration JSON ou YAML
● Utilisation d'Esprima
7. Esprima
● ECMAScript Parser en JavaScript
● Création d’un Source Tree de votre code JS
● Support <ECMAScript 5.1
● Support Partiel ECMAScript 6
● Sortie compatible avec Parser API de
SpiderMonkey
● Online Esprima Parser
Premièremeent, pour apprendre à développer de nouvelles règles, vous pouvez jeter un coup d’oeil aux règles définies dans ESLint
Lorsque vous allez créé un plugin, vous pouvez utiliser un générateur Yeoman
Voici le dernier exemple utilisant les objets ArrayExpression ou FunctionExpression. Cet exemple vérifier que vous utiliser la syntaxe avec le tableau javascript pour définir la liste des services à injecter. Ceci est utile pour éviter tous les problèmes lorsque nous avons des fichiers minifiés. Bien sûr il existe des modules pour gérer cela automatiquement, utilisable avec Grunt ou Gulp