Skip to content

My Journey

  • 3 min read

📅 SAISON B Semaine 4 Épisode 3 - Projet en autonomie - oCoffee

đź“š Introduction

Aujourd’hui je démarre la réalisation complète d'un projet en autonomie. Le but étant de mettre en pratique tout ce que j'ai vu jusqu'à présent dans ma formation et d'apprendre à me débrouiller par moi-même. Nous avons 3 jours pour la réalisation de ce projet.

Je dois créer le site web oCoffee, un site vitrine fictif pour une boutique de café haut de gamme.

Aujourd’hui, je me suis concentré sur l’organisation du projet, la modélisation des données et l’initialisation de l’application Express. Plongeons dans les détails !

Note

Le dépôt Github du projet est disponible ici.

  • 6 min read

📅 SAISON B Semaine 2 Épisode 3 - Les Middlewares avec Express

đź“š Notions du jour

Aujourd’hui, j’ai découvert un concept central dans Express : les middlewares. Un middleware, c’est comme un ouvrier sur une chaîne de montage : il reçoit une requête, fait un travail spécifique (comme valider des données, logger une information, ou modifier la requête/réponse), puis passe le relais au middleware suivant. Express est d’ailleurs conçu comme un moteur de middlewares : tout y est middleware, des routes aux gestionnaires d’erreurs ! C'est ce qu'on appel un design pattern.
Nous utilisions déjà sans le savoir des middlewares lors de notre apprentissage d'Express.

Pourquoi c’est puissant ?

  • ModularitĂ© : Chaque middleware a une responsabilitĂ© unique.
  • RĂ©utilisabilitĂ© : Un middleware peut ĂŞtre utilisĂ© sur plusieurs routes.
  • FlexibilitĂ© : Vous pouvez ajouter, retirer ou rĂ©organiser des middlewares sans tout casser.
  • 9 min read

📅 SAISON A Semaine 5 Épisode 3 - Une Journée en Pair-Programming

đź“š Notions du jour

Aujourd’hui, j’ai participé à un atelier en pair-programming avec pour objectif de créer une application web d’ardoise pixel art, inspirée du style rétro de Space Invaders. Le défi ? Tout générer en JavaScript : la grille de pixels, le formulaire de configuration, et même la palette de couleurs. Nous avions seulement une maquette comme point de départ. Pas de code fourni, juste une idée à concrétiser !

  • 5 min read

📅 SAISON A Semaine 5 Épisode 1 - Le DOM

đź“š Notions du jour

  • DOM (Document Object Model),
  • Expliquer le principe du DOM,
  • AccĂ©der Ă  un Ă©lĂ©ment de la page en JS (getElement(s)By, querySelector…),
  • Modifier un Ă©lĂ©ment de la page (objet HTMLElement),
  • CrĂ©er un Ă©lĂ©ment,
  • InsĂ©rer un Ă©lĂ©ment dans un autre,
  • Utiliser la documentation pour connaitre les actions possibles avec un Ă©lĂ©ment.