• Table ronde Vue, Angular et React

    National Bank Tower

    English follows, panel will be mostly held in French, but questions can be asked and answered in English. Nous allons vous présenter une table ronde où chacun de nos panelistes représentera l’un des patrons de travail les plus utilisés en développement Web moderne, soit Vue, Angular et React. Nous allons y discuter autant des défis que des bonnes pratiques, le tout sans essayer de vous convaincre d’utiliser l’un l’autre. Nous aborderons plusieurs sujets, selon vos questions et intérêts, entre autres • Développement piloté par les tests • L’utilisation de TypeScript • Développement mobile • Intégrations avec divers types d’APIs • Modèles de conceptions, • Etc. Nous attendons vos questions! Profitez de la présence de 3 experts en développent front end pour poser vos questions, c'est une soirée de type discussions ouvertes ou le public est invité à participer le plus possible. -- Next HTML5Mtl meetup will be a panel where we will talk about the main popular frameworks in modern Web Front End development, Vue, Angular and React. We will discuss challenges and best practices, without trying to convince which one to choose. The panel will cover many subjects, all depending on your questions and interest. Things like: • Test Driven Development • Typescript • Mobile development • Integration with different types of APIs • Design Patterns • Etc. We are waiting for your questions! Benefit from the knowledge of 3 front end development experts by asking your questions. This evening will be all about participating in public discourse. Horaire / Schedule : 18:00 - Ouverture des portes / Doors open 18:30 - Mot de bienvenue / Welcoming remarks 18:40 - Table ronde et questions / Panel and questions 20:15 - Fin de la soirée / End of the evening Nos panélistes : *Laurent Duveau* Passionné par les technologies web depuis toujours, j'ai créé mon premier site web en 1996... oui, je suis un vétéran de la première guerre des navigateurs! Fondateur et instructeur de l'Académie Angular [www.academieangular.ca], un workshop Angular + TypeScript que j'ai donné à des centaines d'équipes techniques partout au Canada. *Tommy Lebel* Je suis passionné par le développement Web depuis l'époque où il suffisait de faire "View Source" pour comprendre comment était construite une page Web. Maintenant, je fais partie de ceux qui utilisent Webpack pour "code spliter", "tree shaker", et minimiser leur code Javascript! Depuis deux ans, je suis consultant front-end spécialisé en Vue.js. Mes divers mandats m'ont amené à travailler avec une panoplie d'entreprises sur des projets de petites à grande envergure. Finalement, je suis l'organisateur du meetup Vue.js Montréal (https://www.meetup.com/Vue-js-Montreal/). *Eric Côté* Eric Côté s'intéresse aux technologies depuis longtemps: il explore le monde informatique depuis qu'il a 11 ans, sur un Commodore 64. Dans les années 90, il est le premier "WebMestre" du département de l'éducation à l'Université de Montréal. Il devient formateur sur les langages de programmation et les technologies Web. Pendant des années, il travaille en tant que formateur certifié Microsoft (C#, ASP.NET, MVC, SQL Server). Aujourd'hui, Eric est à la tête de sa propre boite de formation sur les technologies web. React Academy est la plus grande boîte de formation React au Canada Il a hâte de partager ses trouvailles avec vous. www.ReactAcademy.ca Notre modérateur : *Benoit Piette* Benoit travaille dans le milieu du Web depuis 1996. Il est organisateur des HTML5Mtl et donne des présentations sur des sujets très variés allant de la sécurité des applications à l'accessibilité. Président de Résoeuvra Inc., il offre des services de consultation en architecture, stratégie et développement Web.

    8
  • De 0 à Angular en 1h30!

    Tour de la Banque Nationale

    English follows, presentation is held in French Laurent profitera de cette présentation pour passer en revue les concepts clés du framework Angular 7 utilisé avec TypeScript, et surtout le tooling disponible pour vous aider à bâtir des app web modernes de type SPA. Cette présentation sera donnée en français. / Laurent will take advantage of this presentation to review the key concepts of the Angular 7 framework using TypeScript. Laurent will also look at the tooling available to help us build modern SPA web apps. This presentation is held in French, but questions can be asked in English Horaire / Schedule : 18:00 - Ouverture des portes / Doors open 18:30 - Mot de bienvenue / Welcoming remarks 18:40 - Présentation et questions / Presentation and questions 20:15 - Fin de la soirée / End of the evening À propos du présentateur / About the presenter: Laurent Duveau Passionné par les technologies web depuis toujours, j'ai créé mon premier site web en 1996... oui, je suis un vétéran de la première guerre des navigateurs! Fondateur et instructeur de l'Académie Angular [www.academieangular.ca], un workshop Angular + TypeScript que j'ai donné à des centaines d'équipes techniques partout au Canada. / Passionate about web technologies since forever, I built my first website in 1996... yes I'm a veteran of the First Browser War! Founder and Lead Instructor of the popular Angular Academy [www.angularacademy.ca] an Angular + TypeScript workshop that I have conducted to hundreds of tech teams and companies all over Canada.

    4
  • Introduction à WebVR / WebXR

    Maison Notman

    English Version follows. Est-ce que la réalité virtuelle est la prochaine évolution du Web ? Lors de cette introduction, nous verrons des outils et matériels disponibles pour construire des expériences de réalité virtuelle ou augmentée. Nous développerons aussi notre première scène VR / AR en utilisant A-Frame, ReactVR ou Three.js. / Is Virtual Reality the next evolution of the Web? In this introduction, we will look at the tools available to build VR / AR experiences and develop our first VR / AR scene using A-Frame, ReactVR or Three.js. Horaire / Schedule : 18:00 - Ouverture des portes / Doors open 18:30 - Mot de bienvenue / Welcoming remarks 18:40 - Présentation et questions / Presentation and questions 19:50 - Fin de la soirée / End of the evening À propos du présentateur / About the presenter: Benoit travaille dans le milieu du Web depuis 1996. Il est organisateur des HTML5Mtl et donne des présentations sur des sujets très variés allant de la sécurité des applications à l'accessibilité. Président de Résoeuvra Inc., il offre des services de consultation en architecture, stratégie et développement Web. / Benoit Piette is a Solution Architect working on Digital platforms since the middle of the 90s. He organizes the HTML5Mtl meetups and gives conferences on very different subjects ranging from accessibility to Web security. He is now President of Résoeuvra Inc., which offers consulting services on digital architecture, strategy and development.

    6
  • Vous avez utilisé REST, essayez GraphQL / You tried the REST, now try GraphQL

    Cette présentation sera donnée en anglais. Les questions peuvent être posées dans les deux langues et l'animation de la soirée sera bilingue. This presentation will be held in english. Questions can be asked in both languages. Evening animation is bilingual. Sommaire / Overview Il y a 3 ans, nous avons décidé d'utiliser GraphQL alors qu'il était encore à ses débuts. C'était une décision controversée parce que la technologie était si nouvelle et la documentation était clairsemée. Après une réorganisation de code plus tard avec un frontend en React et un backend Rails, je suis convaincue que GraphQL était la bonne décision. Venir découvrir pourquoi! / 3 years ago we decided to use GraphQL when it was still in its infancy. It was a controversial decision because the tech was so new and documentation was sparse. Major refactors later on the React frontend & the Rails backend, I'm convinced GraphQL was the right decision. Find out why! Horaire / Schedule : 18:00 - Ouverture des portes / Doors open 18:30 - Mot de bienvenue / Welcoming remarks 18:40 - Présentation et questions / Presentation and questions 19:50 - Fin de la soirée / End of the evening À propos du présentateur / About the presenter: Alena Dagneau dirige l'équipe d'ingénierie de Make School, un collège d'informatique basé à San Francisco, tout en vivant la vie d'une nomade numérique. En tant que responsable technique de Make School, elle contribue à façonner l'avenir de l'éducation grâce à la technologie, en comblant le fossé de la diversité et en révolutionnant la façon dont les futurs ingénieurs logiciels peuvent obtenir une éducation sans dette. Quand Alena ne se perd pas dans GraphQL, vous pouvez la trouver avec son chat. / Alena Dagneau leads the engineering team at Make School, a Computer Science college based in San Francisco, while living the life of a digital nomad. As Make School's tech lead, she is helping shape the future of education through technology, bridging the diversity gap and revolutionizing how aspiring software engineers can get a debt-free education. When Alena's not getting lost in GraphQL, you can find her hanging out with her cat.

    4
  • A11Y Tour 2018

    Shopify

    English message follows, Bonjour à tous, Le prochain a11y tours (http://a11y.tours/ ) aura lieu samedi prochain le 24 février aux bureaux de Shopify de 8:30 à 17:00. Vous y découvrez plusieurs présentations sur l'accessibilité du Web, entre autres sur React.js, le SEO, les lecteurs d'écran ainsi que sur la nouvelle version du standard d'accessibilité, WCAG 2.1. Quelques habitués du HTML5Mtl y sont conférenciers. Pour de plus amples informations, consultez le site Web de l'événement : http://a11y.tours/. Vous pouvez vous inscrire gratuitement sur eventbrite ici: https://www.eventbrite.ca/e/a11ytour-2018-accessibility-tour-montreal-tickets-42736954381. Merci ! -- Hello to everyone, The next a11y tours (http://a11y.tours ) will be held Saturday the 24th of February from 8:30AM to 5:00PM at the Shopify Montreal Office. You will discover many interesting presentations on Web accessibility, including on React.js, screen readers and the new version of the WCAG Standard. Some HTML5Mtl alumni are presenters. More information is available at the Web site event here: http://a11y.tours/. Registering for the event is free and is at Eventbrite: https://www.eventbrite.ca/e/a11ytour-2018-accessibility-tour-montreal-tickets-42736954381 Thank you!

  • Développement Web avec les Blockchains / Web Development with Blockchains

    Cette présentation sera donnée en anglais. Les questions peuvent être posées dans les deux langues et l'animation de la soirée sera bilingue. This presentation will be held in english. Questions can be asked in both languages. Evening animation is bilingual. Sommaire / Overview L'utilisation de la technologie Block-chain est en forte évolution, celle-ci étant ouverte, simple d'utilisation et transparente. Cette présentation aura pour but de clarifier les principaux concepts des Block-chain en vous montrant deux petites applications Web. Peut-être convaincrons-nous certains d'entre-vous de l'adopter dans vos projets ? Les applications utiliseront les technologies suivantes: MongoDB, Express, Vue.JS, Node.JS et Solidity. / Block-chain technology is growing in adepts every minute mainly because the it is simple and clean. This presentation will clarify the main concepts behind this technology by showing you two small Web applications examples. We might even convince more developers to jump in! The example applications will use the following technologies: MongoDB, Express, Vue.JS, Node.JS and Solidity. Horaire / Schedule : 18:00 - Ouverture des portes / Doors open 18:30 - Mot de bienvenue / Welcoming remarks 18:40 - Présentation et questions / Presentation and questions 19:50 - Fin de la soirée / End of the evening À propos du présentateur / About the presenter: Juan-Pablo Panexxo est un professionnel en informatique œuvrant principalement dans l'environnement .NET avec MS-SQL et Angular. Il possède un baccalauréat en sciences informatique et des certifications dans plusieurs domaines (mais surtout .NET). Au Canada depuis 2009, il apprends le français et l'anglais via la programmation. Il est passionné des technologies simples comme Node.JS, Vue.JS, MongoDB et Heroku et travaille pour Morgan Stanley. / Juan-Pablo Panexxo is an IT Professional working on Web Development with NET, MS-SQL and Angular. He has a BS in Computer Science with some certifications on different areas (but mostly in .NET). He is in Canada since 2009, and learning French and English through programming. He has a passion for simple techs like Node.js, VueJS, MongoDb, Heroku. He is currently working at Morgan Stanley.

    9
  • HTML5 Demo: ElasticSearch + Vue.js

    Maison Notman

    Cette présentation sera donnée en anglais. Les questions peuvent être posées dans les deux langues et l'animation de la soirée sera bilingue. This presentation will be held in english. Questions can be asked in both language. Evening animation is bilingual. Sommaire / Overview Sirisha Chiruvolu nous présentera durant la soirée une démonstration utilisant les technologies de recherche Elastic Search avec un front end Vue.js, un backend avec Spring Boot et les tests avec Nightwatch et Selenium. Ce sera l'occasion idéale d'avoir une introduction de plusieurs technologies "full stack" avec un exemple concret. Sirisha Chiruvolu will show us a demo of the Elastic Search search technology with a full stack implementation using the following technologies: Vue.js for front end, Spring Boot for the back end and Nightwatch + Selenium for tests. This is the ideal way of having an introduction of multiple technologies within a concrete full stack example. Horaire / Schedule : 18:00 - Ouverture des portes / Doors open 18:30 - Mot de bienvenue / Welcoming remarks 18:40 - Présentation et questions / Presentation and questions 19:50 - Fin de la soirée / End of the evening À propos du présentateur / About the presenter: Sirisha est une professionnelle du monde des TI depuis 12 ans. Elle oeuvre à Montréal depuis 2013 et a travaillée 9 ans aux États Unis comme tech lead / architecte / ingénieure informatique. Elle travaille présentement pour Morgan Stanley. Elle possède plusieurs certifications, entre autres PMP et Oracle. Sirisha is an IT professional with over 12 years experience with industry certification from PMP and Oracle Corp. Working in Montreal since 2013 Apr, prior to that was in USA for 9 years working on various domains as Technical lead /Architect/Senior software engineer. Has a master in computer applications. Currently working at Morgan Stanley.

    2
  • SEO technique / Technical SEO

    Maison Notman

    La présentation est en français, et les questions peuvent être posées dans les deux langues. L'animation en début de soirée est bilingue. The presentation is in french, questions can be asked in both English and French. Sommaire / Overview : Le SEO technique devient une compétence de plus en plus demandée par les employeurs lorsque l'on est développeur front-end. Malheureusement, il y a tellement d'informations contradictoires sur le sujet. Envie d'acquérir des bases solides en référencement naturel ? Cette présentation est pour vous ! / Technical SEO is a front end developer skill that is increasingly sought for by the industry. Unfortunately, a lot of the available information on the subject is inconsistent. If you want to acquire a solid technical foundation on search engine optimisation, this presentation is for you. À propos du présentateur / About the presentateur Myriam Jessier Myriam fait du SEO depuis environ 10 ans. Après plusieurs postes en centre de développement, elle est maintenant consultante SEO (https://www.myriamjessier.com/fr/services/pigiste-seo/). Elle forme des équipes de développeurs aux aspects techniques du référencement naturel (SEO) à Montréal. / Myriam is a SEO specilist with about 10 years of experience. After working with many developer teams over the years, she is now a SEO consultant (https://www.myriamjessier.com/digital-marketing-services/freelance-seo/). She trains teams of developers on the technical aspects of SEO in the Montreal area. Horaire / Schedule : 18:00 - Ouverture des portes / Doors open 18:30 - Mot de bienvenue / Welcoming remarks 18:40 - Présentation et questions / Presentation and questions 19:50 - Fin de la soirée / End of the evening

    13
  • Polymer, Progressive Web Apps et le futur passionnant du développement Web

    Cette présentation sera donnée en anglais. Par contre, les questions peuvent être posées en français (et seront traduites). L’animation entre l’ouverture des portes et la présentation est bilingue. This presentation will be held in english. Sommaire / Overview 2017 est une année passionnante pour les développeurs Web. La plate-forme Web a beaucoup évolué. Il est maintenant possible d’utiliser des fonctionnalités qui auparavant ne pouvaient pas être réalisées sans des frameworks complexes ou même n’étaient possibles qu’en développant des applications natives. Lors de cette présentation, nous allons jeter un regard sur l’écosystème du développement Web et voir comment nous pouvons profiter des nouvelles technologies disponibles dans les navigateurs comme les « Custom Elements » et les « Service Workers ». Nous regarderons comment rendre des applications Web ergonomiques, fiables et performantes en utilisant ces technologies. / 2017 is an exciting year for Web developers. The Web Platform has evolved to include many of the features we previously needed heavy frameworks or even native apps to do. In this talk, we'll take a look at the web Development landscape and see how we can take advantage of new browser features like Custom Elements and ServiceWorkers to build fast and engaging applications that work reliably even in poor network conditions. Horaire / Schedule : 18:00 - Ouverture des portes / Doors open 18:30 - Mot de bienvenue / Welcoming remarks 18:40 - Présentation et questions / Presentation and questions 19:50 - Fin de la soirée / End of the evening À propos du présentateur / About the presenter: Marcus Hellberg / Vaadin Marcus a travaille avec les technologies Web depuis 10 ans dans des domaines diversifiés, autant avec des applications d’entreprise Java que des technologies d’avant-gardes front-end. En ce moment, il travaille aux relations avec les développeurs chez Vaadin. Marcus est originaire de Finlande et vie maintenant en Californie. / Marcus has been working on Web technologies for the past 10 years on everything from enterprise Java systems to bleeding edge browser technologies. Currently, he works as a developer advocate for Vaadin, working with Web Platform technologies like Web Components and Progressive Web Applications. Marcus is originally from Finland but lives in California nowadays.

    3
  • KISS / Aurelia

    Shopify

    La présentation est en français. Les questions peuvent être posées dans les deux langues. L'animation en début de soirée est bilingue. / The presentation is in french. Questions can be asked in both English and French. Introduction at the beginning is bilingual. Sommaire / Overview : Au cours de cette présentation principalement basée sur du "live coding", nous allons essayer de vous montrer une voie alternative aux "CANONS" du marché des frameworks Web. Adeptes des approches KISS (Keep It Simple and Stupid), nous vous montrerons les forces d'Aurelia, et comment il s'affirme clairement comme le choix pertinent pour votre prochain projet. Nous allons parler au travers de cas réels des problématiques liées au developpement d'applications de type SPA (Single Page Application). / This presentation will be mainly based on live coding, where we will show you an alternative to the most popular Web frameworks. To followers of KISS (Keep It Simple and Stupid) approaches, we will show the strengths of Aurelia, and how it can clearly affirm itself as the right choice for your next project. We will go through real examples related to the development of SPAs (Single Page Application). À propos du présentateur / About the presenter: David Avenante Je cumule 17 ans (oui j'ai vu naître IE6 mais non je ne suis pas vieux) d'expérience en conception et développement de logiciels dans les secteurs des applications Web. Je suis adepte des approches pilotées par les tests (TDD/BDD) et je developpe en open source une librairie de test de UI basée sur Selenium ( https://github.com/Ovea/testatoo ). Ceci me porte naturellement vers toutes les approches KISS. Sinon je suis également co-organisateur du Montréal Java User Group et du Devoxx4Kids Québec / David Avenante I have 17 years of experience (I saw the birth of IE6, but I’m not old) in Web-based software design and development. I'm a fan of test-driven approaches (TDD / BDD) and I develop a Selenium-based UI test open source library ( https://github.com/Ovea/testatoo ). I’m naturally drawn to KISS approaches. I’m also co-organizer of the Montreal Java User Group and Devoxx4Kids Québec La présentation est en français, et les questions peuvent être posées dans les deux langues. L'animation en début de soirée est bilingue. The presentation is in french, questions can be asked in both English and French. The / Horaire / Schedule : 18:00 - Ouverture des portes / Doors open 18:30 - Mot de bienvenue / Welcoming remarks 18:40 - Présentation et questions / Presentation and questions 19:50 - Fin de la soirée / End of the evening

    4