Quelques éléments de contexte - API, Microservices, Agilité, DevOps, Cloud
Organisation de projets Front - Back: impacts, dépendances et solutions
Les normes & bonnes pratiques issues de Retours d'Expériences
Un focus sur AngularsJS 2.0
Découvrez comment construire une application from scratch en utilisant Rails::API et AngularJS.
1. Nous construirons tout d'abord un BackOffice offrant une API REST grâce à Rails::API ;
2. Nous nous attaquerons ensuite au FrontOffice permettant de consommer notre API en utilisant le framework AngularJS ;
3. Nous verrons finalement comment gérer les problématiques de Cross-Origin Resource Sharing (CORS)
Pourquoi rails est génial? (version longue)Camille Roux
Camille Roux vous explique pourquoi Ruby et Ruby on Rails peuvent être un choix fantastique pour vos prochains projets. Pendant une heure vous aurez le plaisir de faire un tour en orbite autour de la planète Ruby. Après un bref voyage dans le temps pour comprendre son histoire, vous découvrirez ce qui rend ce monde si magique.
Retour d'expérience sur un projet agile, avec les technos Flex, Spring, Hibernate, donné lors du ToulouseJug du 21/04/2011.
Bert Poller & Nicolas Deverge
Quelques éléments de contexte - API, Microservices, Agilité, DevOps, Cloud
Organisation de projets Front - Back: impacts, dépendances et solutions
Les normes & bonnes pratiques issues de Retours d'Expériences
Un focus sur AngularsJS 2.0
Découvrez comment construire une application from scratch en utilisant Rails::API et AngularJS.
1. Nous construirons tout d'abord un BackOffice offrant une API REST grâce à Rails::API ;
2. Nous nous attaquerons ensuite au FrontOffice permettant de consommer notre API en utilisant le framework AngularJS ;
3. Nous verrons finalement comment gérer les problématiques de Cross-Origin Resource Sharing (CORS)
Pourquoi rails est génial? (version longue)Camille Roux
Camille Roux vous explique pourquoi Ruby et Ruby on Rails peuvent être un choix fantastique pour vos prochains projets. Pendant une heure vous aurez le plaisir de faire un tour en orbite autour de la planète Ruby. Après un bref voyage dans le temps pour comprendre son histoire, vous découvrirez ce qui rend ce monde si magique.
Retour d'expérience sur un projet agile, avec les technos Flex, Spring, Hibernate, donné lors du ToulouseJug du 21/04/2011.
Bert Poller & Nicolas Deverge
Le Web mobile avec ASP.Net MVC et jQuery MobileMicrosoft
ASP.Net MVC introduit des briques pour le développement d'applications web pour terminaux mobiles, et propose de tirer parti de jQuery Mobile pour accélérer vos développements. Durant cette session, nous aborderons les nouveautés de ASP.Net MVC4 pour les applications web mobiles, et nous présenterons les concepts fondamentaux de jQuery Mobile. Nous verrons comment ces deux outils se complémentent pour dopper vos développements !
Speakers : François Guillot (MCNEXT), Guillaume Leborgne (MCNEXT)
Le support d'un Workshop qui présente les design pattern d'architecture JEE pour illustrer les différents éléments d'un Framework. Réalisé à l'aide de l'excellent "Head First Servlets & JSP"
Présentation et retour d'expérieuce sur node.js + AngularJS au journal Le Monde, novembre 2014.
Présenté dans le cadre d'un « apéro techno » chez Omnilog.
L'histoire d'html5 pour les développeurs windows phone 8davrous
Dans cette session, nous parcourons ensemble l'histoire HTML5 pour les développeurs Windows Phone 8. Nous verrons d'abord comment utiliser des morceaux d'HTML5 dans certaines applications natives, ce qui peut s'avérer dans certains cas exceptionnels être assez pratique. Ensuite, grâce aux possibilités d'IE10, nous verrons qu'il est également possible de créer de vraies applications vivant uniquement dans le navigateur. Pour finir, nous jetterons un oeil aux possibilités d'intégration dans l'OS grâce au template de projet HTML5 de Visual Studio 2012 ou grâce à des frameworks comme PhoneGap ou Sencha Touch 2.
Jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=2d81322e-6ab2-4840-a4b1-568f1bd370f4
La plateforme Web Microsoft ne cesse d'évoluer. La sortie de Visual Studio 2013 s'accompagne d'ASP.NET MVC5 et Web API 2, qui apportent chacunes leurs lots de nouveautés ! Dans cette session, vous découvrirez toutes les nouvelles APIs et nouveaux outils pour développer des applications Web avec Visual Studio 2013.
Speakers : Simon Ferquel (Infinite Square), Julien Corioland (Infinite Square)
Angular n'est pas un simple framework mvc, il va plus loin et change fondamentalement notre manière de concevoir des applications web.
De l'avis de ses auteurs Angular est la plateforme qu'aurait été le couple html et JavaScript si ils avaient été créés aujourd'hui. SignalR quand a lui change aussi radicalement la manière de voir l'interaction avec les utilisateurs grace a sa communication bi-directionnelle simplifiée.
Il est intéressant de réunir les deux pour profiter du meilleur des deux mondes, de voir comment des bindings et des évènements se propagent de bout en bout et ainsi avoir un aperçu des applications de demain.
En tant que développeur .NET où je me situe dans ce monde en constante évolution où la frontière est devenu floue où Microsoft parle de profonde transformation et s’ouvre de plus en plus aux plates-formes concurrentes ? Dans ce Keynote consacré à la plate-forme.NET, nous essaierons d’y répondre, en faisant un tour d’horizon de toutes les innovations présentes et futures et de vous convaincre que le développeur .NET est au cœur de notre stratégie.
Node.js et les nouvelles technologies javascriptKhalid Jebbari
Présentation sur Node.js et les nouvelles technologies javascript, qui a eu lieu dans les locaux de Smile, à Levallois (92).
Retour d'exploration par un développeur Drupal (moi) sur ces technologies, et comparaison avec Drupal.
Apprenez à déployer une application web .NET 8 de pointe dans Azure en utilisant GitHub Actions
Créer un référentiel dans GitHub et pousser le code d’une application Web en .NET 8, ou bien cloner le code à partir de GitHub, puis conteneuriser l’application et la déployer dans Azure en assurant une intégration continue et un déploiement contenu.
https://agilequebec.ca/communaute/conference-mensuelle-agile-quebec-configurer-github-actions-avec-docker-et-net-8-06-decembre-2023-2/
Le Web mobile avec ASP.Net MVC et jQuery MobileMicrosoft
ASP.Net MVC introduit des briques pour le développement d'applications web pour terminaux mobiles, et propose de tirer parti de jQuery Mobile pour accélérer vos développements. Durant cette session, nous aborderons les nouveautés de ASP.Net MVC4 pour les applications web mobiles, et nous présenterons les concepts fondamentaux de jQuery Mobile. Nous verrons comment ces deux outils se complémentent pour dopper vos développements !
Speakers : François Guillot (MCNEXT), Guillaume Leborgne (MCNEXT)
Le support d'un Workshop qui présente les design pattern d'architecture JEE pour illustrer les différents éléments d'un Framework. Réalisé à l'aide de l'excellent "Head First Servlets & JSP"
Présentation et retour d'expérieuce sur node.js + AngularJS au journal Le Monde, novembre 2014.
Présenté dans le cadre d'un « apéro techno » chez Omnilog.
L'histoire d'html5 pour les développeurs windows phone 8davrous
Dans cette session, nous parcourons ensemble l'histoire HTML5 pour les développeurs Windows Phone 8. Nous verrons d'abord comment utiliser des morceaux d'HTML5 dans certaines applications natives, ce qui peut s'avérer dans certains cas exceptionnels être assez pratique. Ensuite, grâce aux possibilités d'IE10, nous verrons qu'il est également possible de créer de vraies applications vivant uniquement dans le navigateur. Pour finir, nous jetterons un oeil aux possibilités d'intégration dans l'OS grâce au template de projet HTML5 de Visual Studio 2012 ou grâce à des frameworks comme PhoneGap ou Sencha Touch 2.
Jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=2d81322e-6ab2-4840-a4b1-568f1bd370f4
La plateforme Web Microsoft ne cesse d'évoluer. La sortie de Visual Studio 2013 s'accompagne d'ASP.NET MVC5 et Web API 2, qui apportent chacunes leurs lots de nouveautés ! Dans cette session, vous découvrirez toutes les nouvelles APIs et nouveaux outils pour développer des applications Web avec Visual Studio 2013.
Speakers : Simon Ferquel (Infinite Square), Julien Corioland (Infinite Square)
Angular n'est pas un simple framework mvc, il va plus loin et change fondamentalement notre manière de concevoir des applications web.
De l'avis de ses auteurs Angular est la plateforme qu'aurait été le couple html et JavaScript si ils avaient été créés aujourd'hui. SignalR quand a lui change aussi radicalement la manière de voir l'interaction avec les utilisateurs grace a sa communication bi-directionnelle simplifiée.
Il est intéressant de réunir les deux pour profiter du meilleur des deux mondes, de voir comment des bindings et des évènements se propagent de bout en bout et ainsi avoir un aperçu des applications de demain.
En tant que développeur .NET où je me situe dans ce monde en constante évolution où la frontière est devenu floue où Microsoft parle de profonde transformation et s’ouvre de plus en plus aux plates-formes concurrentes ? Dans ce Keynote consacré à la plate-forme.NET, nous essaierons d’y répondre, en faisant un tour d’horizon de toutes les innovations présentes et futures et de vous convaincre que le développeur .NET est au cœur de notre stratégie.
Node.js et les nouvelles technologies javascriptKhalid Jebbari
Présentation sur Node.js et les nouvelles technologies javascript, qui a eu lieu dans les locaux de Smile, à Levallois (92).
Retour d'exploration par un développeur Drupal (moi) sur ces technologies, et comparaison avec Drupal.
Apprenez à déployer une application web .NET 8 de pointe dans Azure en utilisant GitHub Actions
Créer un référentiel dans GitHub et pousser le code d’une application Web en .NET 8, ou bien cloner le code à partir de GitHub, puis conteneuriser l’application et la déployer dans Azure en assurant une intégration continue et un déploiement contenu.
https://agilequebec.ca/communaute/conference-mensuelle-agile-quebec-configurer-github-actions-avec-docker-et-net-8-06-decembre-2023-2/
10. Le DOM virtuel n’est pas plus rapide que le DOM
Par définition le DOM est l’implémentation la plus rapide pour manipuler les objets.
MAIS :
• C’est au développeur de spécifier chaque mise à jour souhaité
• L’automatisation de cette tache entraine un render complet des éléments children
• Les phases de Painting et Rendering se font à chaque changement
ALORS QU’AVEC LE DOM VIRTUEL:
• Le render est automatisé
• Le Diff-Dom s’occupe de choisir les éléments à mettre à jour
• Les phases de Painting et Rendering se font à des instant choisis
13. Les tips offerts
Le DOM virtuel de Vue permet certaines actions pratiques:
• this.$nextTick(() => {//doSomething})
•
• Life Cycle Hook:
• Created != Mounted -> BeforeDestroy != Destroyed
•
• Lazy load
16. Angular Change Detection
Le DOM virtuel c’est super bien pour les
performances des applications progressives !
Mais alors pourquoi Angular qui n’en a pas est
aussi rapide que React et VueJS ?
18. HTML templates & JavaScript template literals
Nouvelle manière de créer des templates nativement.
Permet un render ciblé sans markup parser ni build process.
https://github.com/Polymer/lit-html
20. History of DOM: https://anybox.fr/blog/appli-web-histoire-du-dom-react-redux
Petite démonstration: https://medium.com/@n.kokla/dans-les-entrailles-du-dom-virtuel-part-1-d6d3fea60428
Why updating real dom is slow: https://hackernoon.com/virtual-dom-in-reactjs-43a3fdb1d130
Write your own virtual DOM: https://medium.com/@deathmood/how-to-write-your-own-virtual-dom-ee74acc13060
Shadow DOM != Virtual DOM: https://develoger.com/shadow-dom-virtual-dom-889bf78ce701
Vue.JS Virtual DOM: https://codingexplained.com/coding/front-end/vue-js/understanding-virtual-dom
Vue.JS Virtuea DOM code: https://github.com/vuejs/vue/tree/dev/src/core/vdom
Lit-html: https://github.com/Polymer/lit-html
Angular Change Detection: https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.htm
Bonus : http://teropa.info/blog/2015/03/02/change-and-its-detection-in-javascript-frameworks.html
Sources