• Vie et évolution de l’architecture d’une application SAAS

    Notre saison au thème GraphQL continue avec une présentation de l’architecture d’une application SaaS qui utilise entre autres GraphQL. Cette présentation sera donnée en français. Our GraphQL themed season continues with a talk about a SaaS application that uses GraphQL as part of its components. This presentation is held in French. Vie et évolution de l’architecture d’une application SAAS Lors de cette présentation, François vous partagera les défis de bâtir une application SaaS. Il vous racontera l’évolution de l’application Capability de CapX et de son architecture. Parti d’une simple application en Haskell, le prototype a évolué pour devenir une application moderne bâtie pour pouvoir évoluer et “scaler”, à l’aide de Graphql, d’une base de données graphe et d’un back-end d’Intelligence artificielle. François vous présentera également la solution de CapX pour automatiser simplement les builds et les déploiements d’applications React dans le Cloud. À propos de François Le Boulaire: Après avoir démarré un cybercafé et avoir été développeur Web dans la préhistoire en France, François est arrivé au Québec ou il a contribué à de multiples projets Web, mobiles et de commerce électronique dans plusieurs start-ups et grosses entreprises Québécoises. Il est aujourd’hui consultant en architecture Cloud chez exo et co-fondateur de CapX, une compagnie qui développe des applications de planification stratégique et d’intelligence artificielle. Quand il n’est pas plongé dans les nuages, vous pouvez trouver François devant les fourneaux, sa nouvelle imprimante 3D, ou sur les bords de terrain de soccer, à coacher les jeunes. The life and evolution of the architecture of a SaaS application. As part of this talk, François will share with us the challenges of building a SaaS application. He will tell us how the application started as a prototype written in Haskell and evolved to become a modern application that can scale using GraphQL, a graph database and a AI back end. François will also talk about how the CapX React application is built and deployed in the Cloud. About François Le Boulaire: François has started his career in the prehistory of the Web, having founded a CyberCafé and being a Web developer in France. He arrived in Quebec where he has worked on many Web, mobile and e-commerce projects in both startups and bigger businesses. Horaire / Schedule : 18:30 - Ouverture des portes / Doors open 18:45 - Mot de bienvenue / Welcoming remarks 19:00 - Présentation et questions / Presentation and questions 20:30 - Fin de la soirée / End of the evening

  • GraphQL Meetup - Oct 22, 2019

    Lightspeed POS Montreal

    English message follows Bonjour à tous, Le 22 octobre prochain aura lieu le prochain meetup de la série GraphQL organisée par GraphQL Montréal. Veuillez vous inscrire ici : https://www.meetup.com/fr-FR/GraphQL-Montreal/events/265542445/ La présentation sera donnée en anglais. Le meetup aura lieu aux bureaux de Lightspeed Montréal au 700 Rue Saint Antoine Est. Nous avons hâte de continuer à construire notre communauté autour de GraphQL avec de la pizza et des rafraîchissements (merci à Lightspeed) et d’une introduction au monde de GraphQL. Marc-André Giroux sera notre conférencier pour cette édition. Première partie : Une introduction sans exagérations à GraphQL Regardons de façon honnête ce qu’est vraiment GraphQL, d’où la technologie provient et son évolution. Nous couvrirons pourquoi GraphQL a été créé, à quoi cela ressemble et ce qu’il nous permet de faire. Aucune expérience avec GraphQL n’est nécessaire. Deuxième partie : En deuxième partie nous regarderons un côté pratique. Nous explorerons comment GitHub développe son API GraphQL publique (https://developer.github.com/v4/explorer/). Nous discuterons des bonnes pratiques qui ont été découvertes au fil du temps ainsi que des outils qui ont été développés. À propos de Marc-André : Marc-André est un guitariste Jazz devenu développeur. Il travaille présentement chez GitHub et aide les équipes à construire de meilleures APIs. Lorsqu’il ne code pas ou ne pense comment designer l’API parfaite, vous pourrez le trouver en train de pousser des poids lourds au-dessus de sa tête. Pour terminer, n’hésitez-pas à nous contacter si vous avez des commentaires. HTML5Mtl et API Montreal recherchent des conférenciers pour cet hiver ! Meetup No. 2 of the GraphQL series organized by GraphQL Montreal will be hosted at Lightspeed Montreal. We will have pizza & soft drinks again (thank you Lightspeed!) and look forward to having you all there to continue building our community around GraphQL. Please RSVP here: https://www.meetup.com/fr-FR/GraphQL-Montreal/events/265542445/ Presentation will be held in English. Our speaker this time is Marc-Andre Giroux: *Part 1: A no BS introduction to GraphQL* Let's take an honest look at what GraphQL is, where we come from, and where the technology is going. In this talk we'll cover why GraphQL was created in the first place, what it looks like, and what it allows us to do. No previous GraphQL experience needed. *Part 2: GraphQL @ GitHub* In part two of this talk we'll dive into the more practical side of things. We'll explore how GitHub is building their public GraphQL API (https://developer.github.com/v4/explorer/). We'll talk about the best practices we've found over time and show what tools we've built over time. *About Marc-Andre:* A Jazz guitarist turned developer, Marc-André is currently working at GitHub, where he is trying to help teams to build better APIs. When he's not hacking on or thinking about the perfect API design or workflow, you might find him throwing heavy weights above his head. As a small last word, don’t hesitate to contact us if you have comments or ideas. HTML5Mtl and API Montreal are looking for speakers for the winter season.

  • GraphQL Meetup - Sep 23, 2019

    Anomaly

    English Message follows, Bonjour chers HTMLeux ! Cela fait un bon petit bout de temps que je vous ai écrit. J’espère que nous aurons la chance cette année de faire de bonnes rencontres et de discuter technologies « front end ». Cet automne nous commencerons par une série de présentations ayant pour sujet GraphQL, en collaboration avec GraphQL Montreal et API Montréal. GraphQL est un langage de requête pour des APIs, créée originalement par Facebook, de plus en plus utilisé comme alternative aux API REST dans les « Single Page Application ». La première présentation (en anglais) est organisée par GraphQL Montreal et porte sur les contrats GraphQL. Ce meetup a lieu chez Anomaly (5555 Gaspe Ave, Montreal, QC H2T 2A3) est vous pouvez vous inscrire ici : https://www.meetup.com/GraphQL-Montreal/events/264252216/ Siebe Jan (https://github.com/esjee) est un amoureux de Ruby et a plusieurs années d’expérience sur des systèmes GraphQL en production. Venant d’un pays lointain, il aimerait nous parler d’une idée de « contrats » qui pourrait standardiser l’interopérabilité entre des « endpoints » GraphQL. (*) Venez découvrir GraphQL en grand nombre ! Un dernier point : HTML5Mtl recherche des présentateurs pour la prochaine saison ! N’hésitez-pas à me contacter si vous avez des idées de sujets. Merci ! -- Hello dear HTMLeux! It’s been a while since I have written to you. This year I hope to make more meetups to discuss new front end web technologies. We will start by having a series of talks on GraphQL, presented by GraphQL Montreal, also in collaboration with API Montreal. GraphQL is a data query language created by Facebook and used as an alternative to REST architectures. Our first speaker will be Siebe Jan Stoker (https://github.com/esjee). Siebe Jan is a Ruby lover that has had several years of experience working with GraphQL on production systems. Coming from a land far far away, he hopes to talk about an idea called 'contracts' that hopes to standardize common patterns between GraphQL endpoints*. This meetup will be held at Anomaly (5555 Gaspe Ave, Montreal, QC H2T 2A3) and you can RSVP here: https://www.meetup.com/GraphQL-Montreal/events/264252216/ Thank you and let’s discover more on GraphQL! (*) Pas toujours facile de bien traduire les sommaires de présentations en français. J’espère que celle-ci est cohérente… des fois je me dis que je devrais juste la laisser en anglais, ce serait plus facile 😊

    1
  • 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