Speaker

Manon Carbonnel

Manon Carbonnel

Web developer & integrator

Développeuse et intégratrice web

Rennes, France

I am a web developer (PHP, Python, JS), expert in web integration and Agile facilitator.
I am passionnate about HTML / CSS and I created @Csscade, the french web integrators community.
I like to learn about software craft and testing, and strongly believe in Agile and DevOps cultures.

Je suis développeuse web (PHP, Python, JS), experte en intégration web et facilitatrice Agile.
Je suis passionnée par le HTML/CSS et j'ai créé @Csscade, une communauté française sur l'intégration web.
J'aime apprendre le software craft et les tests, et je crois énormément aux cultures Agile et DevOps.

Area of Expertise

  • Information & Communications Technology

Topics

  • CSS
  • agile
  • Women in Tech
  • Software Crafting

Sessions

End-to-end tests and selectors en fr

How can best practices in web integration and tests complement each other to help us validate the quality of our applications?

Starting from the obstacles to the effective writing of optimal tests:
“UX journeys are varied”
"Everything seems important to test"
"The DOM often changes with the arrival of new evolutions"

I suggest that we identify, together, how to target our efforts to ensure software quality with end-to-end tests.

We will see a set of concepts and tools at our disposal: whether in web integration (HTML / CSS) or when writing tests with the choice of library and selectors.

We will end with a demo of some of Microsoft Playwright's key features for fast and efficient end-to-end test writing.

End-to-end testing - Playwright - HTML - CSS

Tests end-to-end et sélecteurs en fr

Comment les bonnes pratiques en intégration web et les tests peuvent se compléter, pour nous aider à valider la qualité de nos applications ?

En partant des freins à l’écriture efficace de tests optimaux :
"Les parcours UX sont variés"
"Tout a l’air important à tester"
"Le DOM change souvent avec les évolutions"

Je vous propose d'identifier, ensemble, comment cibler ses efforts pour assurer la qualité logicielle autour des tests end-to-end.

Nous verrons un ensemble de concepts et outils à notre disposition : que ce soit en intégration web (HTML / CSS) ou lors des tests avec le choix de l'outil et des sélecteurs.

Nous terminerons par une démo de quelques une des fonctionnalités clés de Microsoft Playwright pour être rapide et efficace dans l'écriture de tests end-to-end.

End-to-end testing - Playwright - HTML - CSS

Crafting better UI, thinking of the DOM as an API en fr

Often arriving on projects in "firefighter" mode, I acquired reflexes when it comes to quickly correcting or completing the integration of web applications.

But how to maintain these good practices once the fire is out? How to improve the code without breaking the UI? How to start the integration of a new application?

Our UIs are used by humans as well as screen readers, testing tools and robots... so we need to think of the DOM as an API, and not just reproduce a mockup.
Around this axis, I offer you some tools and collaborative workshops ideas to develop testable, modular and accessible interfaces. And why not a Design System?

You will leave with a new vision of all that is web integration, practices and some tools to use tomorrow to improve the daily life of your project.

Software Craft - Integration web - Linters - Tests
Hosted at: AlpesCraft 2023, Who Run The Tech 2023, Packmind webinar 2023

Crafter de meilleures UI, en pensant le DOM comme une API en fr

Arrivant souvent sur les projets en "mode pompier", j'ai acquis des réflexes lorsqu'il s'agit de rapidement corriger ou terminer l'intégration d'application web.

Mais comment faire pour maintenir ces bonnes pratiques une fois le feu éteint ? Comment améliorer le code sans casser l'UI ? Comment bien démarrer l'intégration d'une nouvelle application ?

Nos UI sont autant utilisées par des humains que par des lecteurs d'écran, ou encore des outils de test et des robots... il faut donc penser le DOM comme une API, et pas seulement reproduire une maquette.
Autour de cet axe, je vous propose quelques outils et idées d'ateliers collaboratifs pour développer des interfaces testables, modulaires et accessibles. Et pourquoi pas un Design System ?

Vous repartirez avec une nouvelle vision du métier de l'intégration web, des pratiques et quelques outils à utiliser dès demain pour améliorer le quotidien de votre projet.

Software Craft - Integration web - Linters - Tests
Animée à : AlpesCraft 2023, Who Run The Tech 2023, Packmind webinar 2023

HTML and CSS: Algorithms? A kata? Wait what ? en fr

You are a dev and may be familiar with FizzBuzz, a programming exercise with which we often discover katas.

Inspired by the work of Lara Schenck, I suggest we do this kata in HTML and CSS without JS, together, and in TDD using Playwright. I found two solutions to this kata, which changed the way I think about web integration and algorithms applied to code. Maybe we'll find a new one together?

Finally, I would like to explore with you the subject of what a "real" programming language is and restore the image of CSS, the source of so much suffering but yet so stylish. We will therefore discuss software Craft in web integration.

HTML - CSS - tests - kata - Playwright
Hosted at: Software Crafters Luxembourg 2023

HTML et CSS : Des algorithmes ? Un kata ? Mais ! en fr

Vous êtes dev et connaissez peut-être FizzBuzz, un exercice de programmation avec lequel on découvre souvent les katas.

Inspirée par les travaux de Lara Schenck, je vous propose de faire ce kata en HTML et CSS sans JS, ensemble, et en TDD à l'aide de Playwright. J'ai trouvé deux solutions à ce kata, qui a changé ma façon de penser l'intégration web et l'algorithmique appliquée au code. Peut-être en trouverons-nous une nouvelle ensemble ?

Pour finir, j'aimerais creuser avec vous le sujet de ce qu'est un "vrai" langage de programmation et redorer le blason de CSS, source de tant de souffrances mais pourtant tellement stylé. On discutera donc de Craft en intégration web.

HTML - CSS - tests - kata - Playwright
Animée à : Software Crafters Luxembourg 2023

Manon Carbonnel

Web developer & integrator

Rennes, France