"De nos jours, faire du développement web nécessite de connaître une quantité incroyable de technologies, frameworks et librairies.
Nous vous proposons de faire un tour d’horizon du web d’aujourd’hui. Nous parlerons backend, frontend et nous évoquerons aussi le futur.
Si vous voulez savoir où en est le web sans des heures de recherche, vous êtes au bon endroit ! "
Au secours ! Mon projet AngularJS doit durer 10 ansGaëtan Maisse
Retour d'expérience après 3 ans passés sur le développement (en AngularJS) d'une application industrielle qui doit évoluer et être maintenue pendant plus de 10 ans, soit une éternité dans le monde du web.
Slides HumanTalk Grenoble 12/06/2018.
ASP.Net 5 a pour vocation de réconcilier la puissance de .NET avec les besoins de modularité et d'efficacité des plateformes web modernes. Dans cette session, nous présenterons les principaux caractéristiques et changements de cette nouvelle version, les nouveautés liées à la nouvelle génération de Visual Studio et les impacts des aspects open source et cross-platforme d'ASP.NET 5.
L’usage de Symfony2, l’organisation du code et l’usage du projet Sonata chez Canal+ pour répondre aux enjeux de la refonte d’une partie de la plateforme web. La plateforme présente de nombreux challenges techniques : SDK, API privée, API publique restful+hal, création de contenus riches, huit applications différentes avec une base de code commune, etc. Comment il a été possible d’améliorer certaines parties de Sonata ainsi que l’approche choisie pour la création de certains composants transverses.
"De nos jours, faire du développement web nécessite de connaître une quantité incroyable de technologies, frameworks et librairies.
Nous vous proposons de faire un tour d’horizon du web d’aujourd’hui. Nous parlerons backend, frontend et nous évoquerons aussi le futur.
Si vous voulez savoir où en est le web sans des heures de recherche, vous êtes au bon endroit ! "
Au secours ! Mon projet AngularJS doit durer 10 ansGaëtan Maisse
Retour d'expérience après 3 ans passés sur le développement (en AngularJS) d'une application industrielle qui doit évoluer et être maintenue pendant plus de 10 ans, soit une éternité dans le monde du web.
Slides HumanTalk Grenoble 12/06/2018.
ASP.Net 5 a pour vocation de réconcilier la puissance de .NET avec les besoins de modularité et d'efficacité des plateformes web modernes. Dans cette session, nous présenterons les principaux caractéristiques et changements de cette nouvelle version, les nouveautés liées à la nouvelle génération de Visual Studio et les impacts des aspects open source et cross-platforme d'ASP.NET 5.
L’usage de Symfony2, l’organisation du code et l’usage du projet Sonata chez Canal+ pour répondre aux enjeux de la refonte d’une partie de la plateforme web. La plateforme présente de nombreux challenges techniques : SDK, API privée, API publique restful+hal, création de contenus riches, huit applications différentes avec une base de code commune, etc. Comment il a été possible d’améliorer certaines parties de Sonata ainsi que l’approche choisie pour la création de certains composants transverses.
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
Présentation de la dernière version d'Angular 2, le framework JavaScript de Google pour créer des applications monopages — http://angularfrance.com/
Thème abordés : Angular en chiffres. Principales fonctionnalités d'Angular 2. Comparaison entre Angular 1 et Angular 2. Outillage Angular 2. Angular 2 est une plateforme. Démarrer avec Angular 2. Migrer de Angular 1 à Angular 2. Faut-il passer à Angular 2 aujourd’hui ?
MWCP 2018 - Un framework pour les gouverner tousGaetan Bouveret
Après l'API Microsoft Graph pour unifier les différentes API Office 365, nous avons désormais l'émergence du SharePoint Framework (SPFx) comme socle de développement à la fois pour SharePoint, online ou on-premise, mais aussi pour Microsoft Teams.
Nous ferons le tour des dernières nouveautés et des possibilités de ce Framework visant à définir une expérience unique de développement, que cela soit pour réaliser des Web Parts, des extensions pour personnaliser les sites et les listes ou encore des onglets pour MS Teams, et capitaliser ainsi sur vos compétences Web !
Support de cours utilisé lors de la formation d'élèves en licence informatique. Cette formation porte sur les technologies JavaScript : de la découverte du langage aux notions avancées, en passant par la stack/architecture MEAN (MongoDB, Express, Angular, Node.js), jQuery et d'autres technologies du moment.
Plus d'informations sur mon profil Linkedin : https://fr.linkedin.com/in/guillaumemorelbailly
ce cours vous permettra, de découvrir les fondamentaux du framework angular, ainsi apprendre le framwork par pratique, avec des exemple sur chaque model
Retour d'expérience : Mise en place de l'ENT v4 à l'UPMCLudovic A
Retour d'expérience de la mise en place du portail ENT v4 à l'UPMC lors des Esup-Days 15 (31 janvier 2013) : https://www.esup-portail.org/wiki/pages/viewpage.action?pageId=249298958
Migration depuis uPortal 2.6 vers uPortal 4.0
Petit déjeuner OCTO - Nouvelles Architectures Web Front-end et APIsJonathan Meiss
Depuis deux ans, une nouvelle vague technologique submerge le paysage des applications Web : les architectures MV* côté client.
L’écosystème Web, enfin mature, offre l’opportunité d’avoir des interfaces riches et une meilleure expérience utilisateur grâce à la génération des écrans et la gestion des interactions côté client. En ne gérant plus l’affichage mais uniquement l’envoi des données brutes, le serveur se concentre sur des APIs métier mutualisables avec des applications mobiles notamment.
Venez découvrir au travers d’un retour d’expérience commun entre OCTO et ING Direct, acteur majeur de la banque en ligne en France, la réalisation d’une des toutes premières WebApp mobile multi-plateformes dans le milieu bancaire reposant sur ces nouvelles architectures Web.
Compte-rendu du petit-déjeuner : http://bit.ly/1g2nEnU
Petit déjeuner OCTO Technology - Nouvelles Architectures Web Front-End et APIsOCTO Technology
Depuis deux ans, une nouvelle vague technologique submerge le paysage des applications Web : les architectures MV* côté client.
L’écosystème Web, enfin mature, offre l’opportunité d’avoir des interfaces riches et une meilleure expérience utilisateur grâce à la génération des écrans et la gestion des interactions côté client. En ne gérant plus l’affichage mais uniquement l’envoi des données brutes, le serveur se concentre sur des APIs métier mutualisables avec des applications mobiles notamment.
Venez découvrir au travers d’un retour d’expérience commun entre OCTO et ING Direct, acteur majeur de la banque en ligne en France, la réalisation d’une des toutes premières WebApp mobile multi-plateformes dans le milieu bancaire reposant sur ces nouvelles architectures Web.
Compte-rendu du petit-déjeuner : http://bit.ly/1g2nEnU
"ASP.NET Core est le nouveau framework Open Source et Cross Platform pour développer des applications connectées modernes : applications webs, backends mobiles ou applications IoT.
ASP.NET Core peut tourner sur .NET Core ou sur le .NET Framework complet. Son architecture a été complètement revue depuis la précédente génération du framework afin de fournir une expérience de développement plus moderne, plus flexible et plus performante.
Venez découvrir les bases d'ASP.NET Core afin de pouvoir l'envisager dans vos futurs projets !"
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
Présentation de la dernière version d'Angular 2, le framework JavaScript de Google pour créer des applications monopages — http://angularfrance.com/
Thème abordés : Angular en chiffres. Principales fonctionnalités d'Angular 2. Comparaison entre Angular 1 et Angular 2. Outillage Angular 2. Angular 2 est une plateforme. Démarrer avec Angular 2. Migrer de Angular 1 à Angular 2. Faut-il passer à Angular 2 aujourd’hui ?
MWCP 2018 - Un framework pour les gouverner tousGaetan Bouveret
Après l'API Microsoft Graph pour unifier les différentes API Office 365, nous avons désormais l'émergence du SharePoint Framework (SPFx) comme socle de développement à la fois pour SharePoint, online ou on-premise, mais aussi pour Microsoft Teams.
Nous ferons le tour des dernières nouveautés et des possibilités de ce Framework visant à définir une expérience unique de développement, que cela soit pour réaliser des Web Parts, des extensions pour personnaliser les sites et les listes ou encore des onglets pour MS Teams, et capitaliser ainsi sur vos compétences Web !
Support de cours utilisé lors de la formation d'élèves en licence informatique. Cette formation porte sur les technologies JavaScript : de la découverte du langage aux notions avancées, en passant par la stack/architecture MEAN (MongoDB, Express, Angular, Node.js), jQuery et d'autres technologies du moment.
Plus d'informations sur mon profil Linkedin : https://fr.linkedin.com/in/guillaumemorelbailly
ce cours vous permettra, de découvrir les fondamentaux du framework angular, ainsi apprendre le framwork par pratique, avec des exemple sur chaque model
Retour d'expérience : Mise en place de l'ENT v4 à l'UPMCLudovic A
Retour d'expérience de la mise en place du portail ENT v4 à l'UPMC lors des Esup-Days 15 (31 janvier 2013) : https://www.esup-portail.org/wiki/pages/viewpage.action?pageId=249298958
Migration depuis uPortal 2.6 vers uPortal 4.0
Petit déjeuner OCTO - Nouvelles Architectures Web Front-end et APIsJonathan Meiss
Depuis deux ans, une nouvelle vague technologique submerge le paysage des applications Web : les architectures MV* côté client.
L’écosystème Web, enfin mature, offre l’opportunité d’avoir des interfaces riches et une meilleure expérience utilisateur grâce à la génération des écrans et la gestion des interactions côté client. En ne gérant plus l’affichage mais uniquement l’envoi des données brutes, le serveur se concentre sur des APIs métier mutualisables avec des applications mobiles notamment.
Venez découvrir au travers d’un retour d’expérience commun entre OCTO et ING Direct, acteur majeur de la banque en ligne en France, la réalisation d’une des toutes premières WebApp mobile multi-plateformes dans le milieu bancaire reposant sur ces nouvelles architectures Web.
Compte-rendu du petit-déjeuner : http://bit.ly/1g2nEnU
Petit déjeuner OCTO Technology - Nouvelles Architectures Web Front-End et APIsOCTO Technology
Depuis deux ans, une nouvelle vague technologique submerge le paysage des applications Web : les architectures MV* côté client.
L’écosystème Web, enfin mature, offre l’opportunité d’avoir des interfaces riches et une meilleure expérience utilisateur grâce à la génération des écrans et la gestion des interactions côté client. En ne gérant plus l’affichage mais uniquement l’envoi des données brutes, le serveur se concentre sur des APIs métier mutualisables avec des applications mobiles notamment.
Venez découvrir au travers d’un retour d’expérience commun entre OCTO et ING Direct, acteur majeur de la banque en ligne en France, la réalisation d’une des toutes premières WebApp mobile multi-plateformes dans le milieu bancaire reposant sur ces nouvelles architectures Web.
Compte-rendu du petit-déjeuner : http://bit.ly/1g2nEnU
"ASP.NET Core est le nouveau framework Open Source et Cross Platform pour développer des applications connectées modernes : applications webs, backends mobiles ou applications IoT.
ASP.NET Core peut tourner sur .NET Core ou sur le .NET Framework complet. Son architecture a été complètement revue depuis la précédente génération du framework afin de fournir une expérience de développement plus moderne, plus flexible et plus performante.
Venez découvrir les bases d'ASP.NET Core afin de pouvoir l'envisager dans vos futurs projets !"
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
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
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
-Enoncer le sommaire (faire afficher le sommmaire un par un)
-Bien penser à être rapide sur les annonces
Forward-thinking: avant-gardiste. Framework entièrement en ES6. Aucune dépendance lié à des librairies externes sauf polyfills. Destiné à être utilisé sur des support pc/mobile et tablette.
Modern Architecture: Très centré sur la notion de module pour permettre une customisation complète de la solution que l’on veut mettre en place
Two-Way Databinding : Une meilleur gestion du databinding customisable à fond! (Utilisation des Object.Observer)
Extensible HTML: CustomElement
Route
MV* ce que tu veux
AureliaJS est une api pouvant s’appuyer sur les langages d’aujourd’hui et de demain
Injection de dépendance/Mocking , c’est prévu pour.