Le programme de la formation intégrateur, intégratrice web pour les sessions 1 et 2

Vous connaissez maintenant le rôle et les missions de l'intégrateur et de l'intégratrice web et vous vous demandez comment apprendre ce métier passionnant ? Alors, voici le programme !

La formation dure 4 mois (soit 17 semaines ou 430 heures), découpés en 5 grandes parties, et débouche sur un Titre professionnel reconnu par l’État. C’est une formation à temps-plein et intensive qui demande une pleine implication ; nous vous conseillons de vérifier vos disponibilités afin d'être totalement disponible.

Le programme est construit autour de l’idée que la pratique doit nécessairement s'allier à la théorie : il faut pratiquer pour réussir votre formation ! Au menu : projets fil rouge, exercices pratiques quotidiens, tests, revues de code.

Aux compétences techniques attendues sur le métier d’intégrateur ou intégratrice web, nous vous apprendrons un savoir-être essentiel : organiser vos tâches, apprendre à apprendre, communiquer efficacement, travailler en équipe, etc.

À l’issue de la formation, vous serez prêt ou prête pour vous lancer dans une carrière dans le domaine du web !

Objectifs de la formation

  • Objectif principal : former au métier de l'intégration HTML / CSS – savoir intégrer un site web depuis une maquette graphique ;
  • Transmettre les règles et principes de l'accessibilité et de la qualité web ainsi que la connaissance des standards tout au long de la formation ;
  • Savoir utiliser la documentation officielle et documenter son code ;
  • Savoir interagir avec les différents métiers dans un projet web ;
  • Avoir les clés pour réaliser un site web de A à Z.

Objectifs pour les élèves

  • Passer la certification reconnue par l’État, Titre professionnel partiel « Développeur web et web mobile » ;
  • Passer la certification Opquast.

Parcours de la formation

Partie 1 : semaine de découverte

Objectifs

  • Découvrir et utiliser les outils nécessaires pour la formation
  • Découvrir les premiers principes de la sémantique

Concepts abordés

  • Le web, internet et le métier de l'intégration web
  • Un web accessible à tous et toutes
  • La compatibilité entre les navigateurs
  • Travailler en équipe avec Git

Mise en pratique et outils

  • Projet : créer un premier site via Github Pages, en markdown
  • Git et Github
  • VSCode
  • Les navigateurs web et l'inspecteur de code

Partie 2 : créer et publier sa première page web

Objectifs

  • Découvrir les bases du HTML et CSS
  • Mettre en ligne sa première page web
  • Mettre en œuvre les premières bases du travail en équipe

Concepts abordés

  • Les bases du HTML et du CSS et bonnes pratiques d'écriture
  • Sémantique HTML et accessibilité
  • Les polices d'écriture natives pour le web
  • Commenter son code
  • Mesurer le temps de travail

Mise en pratique et outils

  • Projet : créer son CV en HTML et CSS (statique)
  • Valider son code HTML et CSS
  • Revue de code d'un ou une camarade de formation
  • Héberger et publier sa page web

Partie 3 : créer un mini-site sans base de données

Objectifs

  • Maîtriser les concepts clés de l'intégration web
  • Savoir utiliser les documentations officielles
  • Réaliser un code explicite et documenté
  • Produire et diffuser un vrai site web
  • Appréhender sa gestion des tâches et du temps

Concepts abordés

  • Évaluer les entrants nécessaires à l'intégration
  • Bonnes pratiques avancées d'écriture du CSS et règles de nommage de base des classes
  • CSS avancés
  • Le Responsive Web Design
  • Les images (formats et optimisation, accessibilité, responsive…)
  • Les polices d'écriture personnalisées pour le web
  • Optimiser son site pour le référencement naturel sur les moteurs de recherche
  • Les règles de base de sécurité et performance
  • Documenter son code
  • Vérifier la conformité de ses livrables (maquette graphique, qualité web, accessibilité, compatibilité navigateurs, responsive…)
  • Licences et droits d'auteur, open source et libre
  • Organiser ses tâches et son temps

Mise en pratique

  • Projet : créer un mini-site sans base de données avec quelques bases de PHP à partir d'une maquette graphique
  • Manipuler une maquette graphique
  • Utiliser un serveur local
  • Créer un guide de style basique
  • Réaliser un composant JavaScript accessible
  • Configurer un fichier .htaccess
  • Utiliser les documentations officielles
  • Revue de code d'un ou une camarade de formation
  • Faire référencer son site web
  • Utiliser un tableau de gestion des tâches

Partie 4 : faire un premier site WordPress

Objectifs

  • Réaliser un premier site WordPress au plus proche des standards
  • Maîtriser le concept du découpage en composants
  • Savoir chercher, identifier et trouver une information fiable
  • Partager sa veille efficacement
  • Bien communiquer tout au long du projet
  • Maîtriser la gestion et la répartition des tâches

Concepts abordés

  • Site dynamique et base de données, fonctionnement général
  • Méthodologie de nommage de classes en CSS et découpage en composants (vers un design system)
  • Formulaires et accessibilité
  • Développer selon les standards de WordPress
  • Savoir choisir un thème, une extension WordPress
  • Découvrir les extensions indispensables pour un site WordPress sécurisé, performant, optimisé pour le référencement naturel
  • Sauvegarder son site
  • Respect de la vie privée des internautes
  • Communiquer avec l'équipe
  • Communiquer avec les clients et clientes
  • Choisir un hébergement
  • Organiser sa veille technologique avec discernement
  • Introduction aux méthodes de gestion de projet

Mise en pratique

  • Projet : créer un site WordPress basique avec un thème enfant, par groupe de deux personnes
  • Utiliser un pré-processeur CSS (Sass)
  • Configurer et utiliser un outil d'automatisation des tâches (Gulp)
  • Prendre en main l'administration de WordPress
  • Créer un formulaire de contact accessible via une extension
  • Bien utiliser la documentation WordPress
  • Revue de code d'un ou une camarade de formation
  • Mettre en place des outils de veille et partager sa veille commentée sur Github

Partie 5 : projet final

Le dernier mois de formation est particulier : il est entièrement consacré à la réalisation d’un projet de fin de formation. Celui-ci vous permettra non seulement de mettre en application les compétences acquises au cours des 3 précédents mois, mais aussi de valoriser ces compétences auprès de votre future entreprise !

Voir les informations sur le diplôme

Objectifs

  • Réaliser un site web et le publier en autonomie
  • Mettre en pratique les techniques et concepts appris dans les cours

Mise en pratique

Projet final : site e-commerce sans base de données (non fonctionnel), par groupe de deux personnes.