Au bout d'un mois de formation en première année du Cycle Bachelor de la 3W Academy, tu seras déjà en mesure de maîtriser certaines compétences techniques en développement web telles que les langages HTML et CSS, utilisés pour faire de l'intégration web.
L'objectif à 1 mois sera de créer une interface de site de A à Z. Tu seras amené à intégrer une maquette contenant plusieurs pages, en version desktop et mobile en utilisant les langages HTML et CSS. Le site devra bien entendu respecter les bonnes pratiques en termes d'accessibilité, de SEO et être responsive "mobile first".
Ce premier mois de formation sera découpé en deux : un bootcamp de 3 semaines pour maitriser les technologies HTML et CSS ainsi qu'un sprint d'une semaine qui permettra de valider l'acquisition des compétences étudiées et ainsi réaliser en groupe ce premier projet d'interface. Le formateur effectuera le brief le lundi, les jours qui suiveront il sera présent pour vous accompagner, vous aider et débloquer les éventuels bugs. Le vendredi, sera le jour de la restitution, chaque groupe présentera son projet devant 2 formateurs évaluateurs.
Qu'est-ce-Que l'intégration web ?
L'intégration web consiste à transformer un design graphique en code HTML et CSS fonctionnel pour créer une interface web. Voici un aperçu de chaque aspect :
- HTML (HyperText Markup Language) : C'est le langage de balisage utilisé pour structurer le contenu d'une page web. Les éléments HTML définissent la structure de la page, comme les titres, les paragraphes, les listes, les liens, les images, etc. Chaque élément est défini par une balise qui indique son type et son emplacement sur la page.
- CSS (Cascading Style Sheets) : C'est un langage de feuille de style utilisé pour définir l'apparence visuelle et la mise en page d'une page web. Avec CSS, tu peux contrôler les couleurs, les polices, les marges, les bordures, les arrière-plans, les animations et d'autres aspects de la présentation d'une page web. CSS permet également de rendre un site web responsive, c'est-à-dire qu'il s'adapte automatiquement à différents appareils et tailles d'écran.
Lors de l'intégration web HTML et CSS, tu prends le design graphique (souvent sous forme de maquette créée avec des outils de design comme Adobe XD, Sketch, Figma, etc.) et tu le traduis en code HTML et CSS. Cela implique généralement :
- Diviser la maquette en sections et en éléments HTML appropriés,
- Appliquer les styles CSS pour reproduire fidèlement le design graphique,
- Assurer la compatibilité avec différents navigateurs web (comme par exemple Chrome, Firefox, Safari, etc.) et appareils en utilisant des techniques de codage adaptatif et responsive (ordinateurs vs. téléphones mobiles),
- Optimiser le code pour les performances et l'accessibilité,
- Tester et débugger le code pour s'assurer que tout fonctionne correctement sur différentes plates-formes.
L'intégration web HTML et CSS constitue la base de la création de sites web et est essentielle pour fournir une expérience utilisateur de qualité sur le web.
Découvre le programme de la 1e année du Cycle Bachelor de l'école de développement web 3W Academy
Je trouve ma formation