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.