Développement

Intégrateur Web
Mentor individuel Diplôme de niveau 5 (bac +2) *

Faites vos premiers pas dans le monde du développement

web en apprenant à créer des sites avec React !

PÉRIODE DE FORMATION DURÉE DE LA FORMATION

9 mois à temps plein 603 heures supervisées
18 mois en alternance**

La formation demande un investissement en temps estimé à 1206 heures : 603 heures de formation supervisée (projets
encadrés par des mentors) et 603 heures de formation guidée (cours et des ressources pédagogiques). En alternance, la
durée totale ne comprend pas le temps passé en entreprise.
La période de formation peut être rallongée en cas de formation à temps partiel. La durée est estimée et dépend du niveau
d'entrée en formation, de la disponibilité, du temps alloué par semaine et des capacités et rythmes d'apprentissage de
l’étudiant.

*Développeur Informatique - code NSF 326, 326t - Diplôme de niveau 5 (bac +2) - certification professionnelle enregistrée au
Répertoire National des Certifications Professionnelles (RNCP) par décision de France compétences publiée le 18/10/2023

** Vérifiez l’éligibilité du parcours en fonction de votre contrat d’alternance (professionnalisation ou apprentissage).

Formation mise à jour le 14 févr. 2024

Devenez Intégrateur Web : maîtrisez le
développement d'interfaces web

L’intégrateur Web est chargé d’intégrer les éléments visuels dans les pages d’un site
web pour créer une interface harmonieuse, lisible et facilement navigable. Il a de
solides connaissances des langages de programmation pour pouvoir afficher le plus
fidèlement possible le design graphique sur tous types de navigateurs et tailles
d’écrans.

En tant qu'Intégrateur Web, quelles sont vos missions ?

Les missions types que vous pourrez mener :

1. Créer une application web complète et responsive pour permettre à

l’entreprise ou au client de vendre ses produits et services en ligne, sur tous types
d’appareils.
2. Dynamiser des pages web pour mieux mettre en valeur les produits et service
de l’entreprise ou du client.
3. Créer des interfaces communiquant avec le back-end du site pour élaborer des
applications dynamiques et permettre aux clients de s’identifier sur le site.
4. Optimiser les performances et réaliser la maintenance de sites web déjà
existants pour permettre leur fonctionnement optimal et une bonne visibilité sur
les moteurs de recherche.
5. Gérer un projet web de A à Z : du chiffrage et découpage des tâches du projet à
la présentation de la solution, en passant par la rédaction des spécifications
techniques.

Vous maîtriserez les technologies et les langages techniques les plus demandés
: HTML, CSS, SASS, JavaScript, React & Redux, les appels API, Visual Studio Code, le
responsive design, Git & GitHub.

Nos formations vous permettent d'apprendre par la pratique

Intégrateur Web 2
Réalisez des projets concrets basés sur des mises en situation professionnelles. Savoir
c'est bien, savoir-faire c'est mieux !

Vous êtes accompagné par un mentor, professionnel du métier,

tout au long de votre formation

Soma Bini, Software Engineer et développeur full-stack en freelance, un de nos

mentors sur les parcours développement.

« Le rôle du mentor, c’est parfois juste de débloquer un problème tout petit

mais dont l’étudiant se fait une montagne. On permet d’avancer et de
dédramatiser » Soma.

Autonomes, mais jamais seuls !

Chez OpenClassrooms, vous pourrez compter sur de nombreux soutiens :

Les mentors, experts du domaine

Intégrateur Web 3
 Les conseillers pédagogiques dédiés à votre réussite
Une communauté d’étudiants sur Slack

Quelles sont vos opportunités de carrières et perspectives

d’emploi à la suite de cette formation ?

En suivant cette formation en ligne, vous pourrez exercer les métiers d’Intégrateur
Web, Développeur Front-End, Développeur web, ou encore Développeur React.

Les métiers de développement se classent à la première place des métiers les plus
recherchés dans le secteur du numérique.

Source : GEN, Grande Ecole du Numérique, Janvier 2023

Les salaires du marché pour le poste de Développeur Web :

34 000€ pour un profil débutant ;

53 000€ pour un profil confirmé.

Cette fourchette peut toutefois varier selon la taille d’entreprise et la région.

Source : fiche de l’APEC

Les opportunités d’emplois sont nombreuses partout en France. Le métier de

développeur peut s’exercer en entreprise, mais aussi en freelance.

Découvrez les regards croisés de professionnels sur les métiers de

développeur web, dont l'intégration web est une spécialisation

Intégrateur Web 4
Apprenez en plus sur les codes du métier de Développeur Web à travers l’épisode
dédié de notre podcast, le Joboscope

Et si vous suiviez cette formation en alternance ?

La formation d’Intégrateur Web est disponible en contrat de professionnalisation

et en apprentissage.

Avec OpenClassrooms vous pouvez démarrer votre alternance à n’importe quel

moment de l’année. Votre formation est financée par l’entreprise et vous touchez un
salaire mensuel, calculé selon votre situation. En plus des projets concrets à valider
dans la formation, vous pouvez mettre en pratique directement vos compétences
acquises durant votre parcours.

Pour vous soutenir dans cette démarche, les équipes d’OpenClassrooms vous
aident à trouver une entreprise prête à vous embaucher dès le début de vos études
!

Découvrez-en plus sur l’alternance en ligne chez OpenClassrooms.

Nos alumni racontent

Les pré-requis pour postuler

Pour accéder directement à la certification, les candidats doivent obligatoirement

justifier d'un des pré-requis suivants :

être titulaire du baccalauréat ou d'une certification de niveau 4 (ou équivalent) ;

ou

justifier d'une expérience professionnelle d’au moins 12 mois en lien avec le

domaine du numérique ;

Intégrateur Web 5
ou

réussir un test technique sur les thématiques suivantes : intégration web en

HTML et CSS, connaissances de base JavaScript et React. Ce test vous sera
transmis lors du processus d’admission.

Langue: niveau B2 minimum en français.

Vous ne répondez pas aux critères d’admissibilité ? Nous vous invitons à déposer
votre candidature, un conseiller en formation étudiera votre dossier et vous
recontactera.

Pour tous les candidats, la procédure de sélection s'effectue au travers d'un formulaire
de candidature validant les pré-requis académiques ou dérogatoires, ainsi que
l'adéquation du projet professionnel avec les objectifs de la formation. Seront
collectées via ce formulaire les pièces justificatives constituant le dossier d'admission. Si
nécessaire, un entretien individuel de motivation est organisé.

Matériel : l’accès à un ordinateur (PC ou Mac), muni d'un micro, d'une webcam
ainsi que d'une bonne connexion Internet pour les séances de mentorat (3.2
Mbps en envoi et 1.8 Mbps en réception de données). Cliquez ici pour tester la
qualité de votre connexion. Être administrateur(trice) de votre ordinateur afin de
pouvoir installer des programmes complémentaires.

Intégrateur Web 6
Projet 1 - 23 heures

Démarrez votre formation

d'Intégrateur Web
Découvrez vos projets et planifiez votre formation.

Compétences cibles
Définir le cadre de votre formation

Cours associés

Engagez-vous dans votre formation

OpenClassrooms
Facile 2 heures

Prenez en main votre parcours OpenClassrooms et réalisez

votre premier projet en suivant ce cours conçu pour vous
accompagner dans ces premières étapes de formation.

Comprendre le Web
Facile 6 heures

Le monde du Web vous intéresse, mais vous n’y connaissez

rien ? Vous décrochez quand vous entendez du vocabulaire
geek ? Imprégnez-vous de la culture du Web avec ce cours !

Intégrateur Web 7
Découvrez les métiers de développeur
Facile 6 heures

Les codeurs, programmeurs, développeurs... Qu'est-ce que

c'est ? Découvrez les différents métiers du développement, du
Web au mobile, du back-end au front-end. Vous verrez
comment vous former et comment évoluer dans le code.

Intégrateur Web 8
Projet 2 - 20 heures

Premiers pas sur le langage

HTML
Démarrez sur HTML et CSS en analysant et en complétant une page internet.

Compétences cibles
Intégrer des éléments sur une page web en utilisant les fondamentaux de HTML

Cours associés

Mettez en place votre environnement front-end

Facile 4 heures

Le développement front-end, comme n'importe quel domaine,

nécessite plus que du savoir-faire, il faut les bons outils ! Dans
ce cours, vous installerez et découvrirez les outils qui vous
serviront tout au long de votre carrière de développeur front-
end.

Créez votre site web avec HTML5 et CSS3

Facile 15 heures

Vous rêvez d'apprendre à créer des sites web ? Débutez avec

ce cours qui vous enseignera tout ce qu'il faut savoir sur le
développement de sites web en HTML5 et CSS3 !

Intégrateur Web 9
Projet 3 - 80 heures

Créez la page d'accueil d'une

agence de voyage avec HTML &
CSS
Démarrez sur HTML et CSS en intégrant la page Web de Booki, une plateforme de
réservation de vacances.

Compétences cibles
Implémenter une interface responsive avec HTML et CSS
Installer un environnement de développement front-end
Intégrer du contenu conformément à une maquette avec HTML et CSS

Cours associés

Mettez en place votre environnement front-end

Facile 4 heures

Le développement front-end, comme n'importe quel domaine,

nécessite plus que du savoir-faire, il faut les bons outils ! Dans
ce cours, vous installerez et découvrirez les outils qui vous
serviront tout au long de votre carrière de développeur front-
end.

Créez votre site web avec HTML5 et CSS3

Facile 15 heures

Vous rêvez d'apprendre à créer des sites web ? Débutez avec ce

cours qui vous enseignera tout ce qu'il faut savoir sur le
développement de sites web en HTML5 et CSS3 !

Intégrateur Web 10
Corrigez vos bugs et trouvez une solution à vos
problèmes de code
Facile 4 heures

Apprenez à débugger votre code et à trouver des solutions

pour aborder sereinement vos problématiques de code à
écrire !

Intégrez une maquette Figma en HTML / CSS

Facile 4 heures

Intégrez votre propre maquette Figma sur le web en utilisant

le HTML et le CSS.

Intégrateur Web 11
Projet 4 - 60 heures

Améliorez l'interface d'un site

mobile avec des animations CSS
Implémentez le site d’une foodtech en mobile first et ses animations CSS avec Sass.

Compétences cibles
Intégrer une maquette en mobile-first
Mettre en œuvre des animations CSS
Versionner son projet avec Git et Github

Cours associés

Simplifiez-vous le CSS avec Sass

Moyenne 6 heures

Apprenez à écrire du code CSS propre, maintenable et

modulable dans des fichiers de style .scss avec Sass.

Créez des animations CSS modernes

Moyenne 15 heures

Vous souhaitez animer votre site web avec des animations CSS
? Ce cours est fait pour vous ! Vous y découvrez notamment les
keyframes et les transitions pour créer des sites dynamiques et
modernes.

Intégrateur Web 12
Gérez du code avec Git et GitHub
Facile 6 heures

Installez Git et GitHub et apprenez les commandes de base de

Git pour gérer votre code et déployer vos projets de
développement.

Intégrateur Web 13
Projet 5 - 20 heures

Premiers pas sur le langage

JavaScript
Réalisez le carrousel du site Internet d’une imprimerie avec JavaScript

Compétences cibles
Programmer en utilisant les fondamentaux de JavaScript

Cours associés

Découvrez le fonctionnement des algorithmes

Facile 6 heures

Dans ce cours, apprenez les bases de l'algorithmique :

variables, fonctions, boucles et structures conditionnelles.
Découvrez les principes de la récursivité.

Apprenez à programmer avec JavaScript

Facile 12 heures

Maîtrisez les bases de la programmation JavaScript et sa

logique de programmation en réalisant un site web
dynamique.

Intégrateur Web 14
Projet 6 - 60 heures

Créez une page web dynamique

avec JavaScript
Aidez votre équipe à finaliser le nouveau site internet d’une architecte grâce à la
création d’un site dynamique avec JavaScript, communiquant avec une API.

Compétences cibles
Gérer les événements utilisateurs avec JavaScript
Manipuler les éléments du DOM avec JavaScript
Récupérer les données utilisateurs dans le JavaScript via des formulaires

Cours associés

Apprenez à utiliser la ligne de commande dans un

terminal
Facile 6 heures

Apprenez à écrire des lignes de commandes qui vous

permettront de communiquer avec votre ordinateur.

Apprenez à programmer avec JavaScript

Facile 12 heures

Maîtrisez les bases de la programmation JavaScript et sa

logique de programmation en réalisant un site web
dynamique.

Intégrateur Web 15
Créez des pages web dynamiques avec JavaScript
Moyenne 12 heures

Manipulez le DOM, rendez votre page web dynamique, utilisez

une API HTTP pour interagir avec un service web, et utilisez
des librairies pour enrichir votre page web.

Intégrateur Web 16
Projet 7 - 60 heures

Planifiez le développement du
site de votre client
Planifiez chacune des étapes du projet de développement d’un site de création de
menus pour les restaurateurs.

Compétences cibles
Présenter la solution technique
Rédiger les spécifications techniques d'un projet web à partir de besoins fonctionnels
Découper une fonctionnalités en tâches pour préparer le développement
Mettre en place une méthode de veille technologique
Suivre le déroulement du projet grâce à un outil de gestion de projet

Cours associés

Initiez-vous à la gestion de projet agile

Facile 6 heures

Formez votre équipe agile, prenez en compte le besoin des

utilisateurs et développez des pratiques agiles comme le
Planning Poker, les méthodes Kanban et Lean...

Gérez votre projet informatique facilement

Facile 4 heures

Gérez un projet informatique de manière professionnelle en

utilisant les méthodologies agiles.

Intégrateur Web 17
Mettez en place un système de veille
informationnelle
Facile 4 heures

Apprenez à faire de la veille pour vous adapter aux évolutions

de votre métier et à utiliser des outils de veille
informationnelle.

Devenez développeur agile

Facile 4 heures

Devenez un développeur agile : intégrez une équipe Scrum,

réalisez un Sprint et découvrez les techniques de
développement agile comme le TDD, le KISS et le refactoring.

Intégrateur Web 18
Projet 8 - 60 heures

Créez une application web de

location immobilière avec React
Implémentez le front end de Kasa, une application de location de logements. Mettez
en place des composants avec React et les routes de l'application avec React
Router.

Compétences cibles
Configurer la navigation entre les pages de l'application avec React Router
Développer des éléments de l'interface d'un site web grâce à des composants React
Mettre en œuvre des animations CSS
Développer une interface web avec Sass
Initialiser une application avec Create React App

Cours associés

Débutez avec React

Moyenne 8 heures

Découvrez React.js, la bibliothèque Javascript qui vous permet

de créer votre application en composants. Vous verrez les
fondamentaux tout en construisant une application web
complète avec Create React App !

Créez une application React complète

Moyenne 12 heures

Allez au-delà des simples applications React ! Dans ce cours, nous

construirons une Single Page Application avec du routing, des hooks
personnalisés, et des tests.

Intégrateur Web 19
Projet 9 - 40 heures

Optimisez le référencement d'un

site de photographe
Aidez votre client à apparaître en tête des résultats de recherche Google grâce aux
bonnes pratiques de SEO et d’accessibilité.

Compétences cibles
Optimiser la performance d'un site web

Cours associés

Augmentez votre trafic grâce au référencement

naturel (SEO)
Facile 10 heures

Décuplez le trafic de votre site web grâce au référencement

naturel. Construisez une stratégie SEO intégrée à la stratégie
marketing.

Optimisez le référencement de votre site (SEO) en

améliorant ses performances techniques
Moyenne 10 heures

Améliorez le référencement d'un site en agissant sur sa

crawlabilité et sa vitesse et optimisez un site en Javascript ou
multilingue.

Intégrateur Web 20
Concevez un contenu web accessible
Facile 6 heures

Découvrez comment les personnes en situation de handicap

utilisent les technologies d'assistance. Évaluez les barrières à
l'accessibilité numérique et concevez des contenus inclusifs
grâce aux règles WCAG, du design visuel aux interactions.

Intégrateur Web 21
Projet 10 - 60 heures

Débuggez le site d'une agence

d'événementiel
Prenez le relais d’un autre développeur pour débugger le site de l’agence 724events.

Compétences cibles
Débugger un site web grâce aux Chrome DevTools
Rédiger un cahier de recette pour tester un site

Cours associés

Testez l'interface de votre site

Moyenne 4 heures

Les tests automatisés permettent de vérifier en continu si

votre application fonctionne comme prévu. C'est une aide
indispensable pour tous les développeurs frontend
professionnels.

Déboguez l’interface de votre site internet

Moyenne 10 heures

En tant que développeur web, vous êtes amené à rencontrer

des bugs lors de la conception de sites internet. Mais
comment déboguer un programme ? Dans ce cours, vous
apprendrez à utiliser les bons outils et à adopter une
méthodologie de débogage efficace.

Intégrateur Web 22
Projet 11 - 80 heures

Implémentez le front-end d'une

application bancaire avec React
Complétez le code de l'application bancaire Argent Bank avec React et Redux. Vous
écriez des appels à l'API REST pour connecter le front au back et vous modéliserez
une API.

Compétences cibles
Afficher les données du back end sur l'interface via des appels API
Configurer des routes API pour la communication client / serveur
Implémenter la gestion des données avec Redux pour assurer le fonctionnement du front

Intégrateur Web 23
Projet 12 - 40 heures

Créez et publiez votre portfolio

de développeur
Débuggez votre portfolio et optimisez la performance du code et du référencement
SEO avant de le déployer en ligne afin de donner de la visibilité à vos projets.

Compétences cibles
Déployer un site statique en ligne

Cours associés

Mettez en ligne votre site web

Facile 2 heures

Découvrez comment réserver un nom de domaine, trouver un

hébergeur et transférer des fichiers via un client FTP pour
envoyer votre site sur le web !

Trouvez votre premier emploi en tant que

développeur
Facile 2 heures

Trouver son premier emploi ? C'est souvent un parcours du

combattant. Ce cours est là pour vous aider à adopter la bonne
approche... et vous aider à le décrocher !

Intégrateur Web 24
L'alternance par OpenClassrooms.
Pratique et pratique.
Apprenez où que vous soyez

Pas besoin de déménager pour se former : choisissez une entreprise près de chez vous et
formez-vous en ligne
Côté étudiant :
L' alternance à tout âge
avec OpenClassrooms
Démarrez une nouvelle carrière avec nos formations en alternance 100% en ligne !
Véritables accélérateurs de carrière, elles sont diplômantes, rémunérées et
financées par des entreprises partout en France. Débutez où vous voulez, pendant
toute l’année.

La pédagogie et l'expérience OpenClassrooms,

les clés de votre réussite

Apprenez où que vous soyez Un mentor pour vous accompagner

Pas besoin de déménager pour se former : Bénéficiez chaque semaine des conseils
choisissez une entreprise près de chez d'un expert du métier qui vous aide à
vous et formez-vous en ligne. progresser tout au long de votre formation.

Travaillez sur des projets Un salaire et aucun frais

professionnalisants L'entreprise paie votre formation et vous
Réalisez des projets concrets, issu de verse un salaire mensuel, calculé selon
scénarios métiers, directement applicables votre situations personnelle.
en entreprise.
Côté employeur :
Recrutez et formez les talents de
demain avec l'alternance
Recrutez parmi notre base de candidats et formez vos futurs talents sur les métiers
en tension grâce à l'alternance.

Accédez gratuitement aux alternants

OpenClassrooms

Découvrez des profils motivés et de Réalisez vos démarches administratives

qualité facilement
Trouvez des candidats qui correspondent Finie la paperasse : nos équipes s'occupent
réellement à vos besoins. aussi de l'administratif.

Recrutez rapidement grâce à notre base

d'alternants.
Dénichez vos futurs talents via votre
espace recruteur.
Pourquoi l'alternance
en ligne ?
Les avantages de l’alternance OpenClassrooms sont nombreux : date de début flexible,
formations créées par des experts métiers, accompagnement personnalisé, formation
financée...
1. Un salaire et une formation 2. Un rythme d'alternance
financée par l'entreprise, qui flexible : pratique pour vous
dit mieux ? et pour votre entreprise

La formation en alternance, c'est 0 frais Votre contrat peut démarrer à tout

pour l'étudiant car financée par moment de l'année, plus besoin
l'entreprise. Et comme pour toute d'attendre septembre ou janvier ! Le
alternance, vous percevrez un salaire rythme d'alternance prévoit 3 ou 4 jours
durant votre formation. en entreprise par semaine et les jours de
formation peuvent être adaptés.

3. Une formation au plus 4. En ligne, mais toujours

proche de la réalité du bien accompagné
métier

Parce que se former n'est jamais facile,

vous êtes suivi individuellement par un
Nos formations sont conçues avec des
mentor, qui vous aide à progresser.
experts reconnus dans leur domaine,
Notre équipe de conseillers
pour répondre aux besoins des
pédagogiques est aussi là pour vous
entreprises. Elles sont inscrites au
accompagner à chaque étape de votre
Répertoire national des certifications
parcours.
professionnelles (RNCP) et sont
reconnues par l'Etat.
Tout savoir sur les
contrats d'alternance
Une question ? Un projet ?
Contacter : job.placement@openclassrooms.com
Contrat de
professionnalisation
1 à 2 jours en formation / 3 à 4 jours en entreprise.

L'entreprise embauche l'étudiant en CDD sur 12 ou 24 mois (selon le parcours de

formation).
La formation est financée par un OPCO. OpenClassrooms est référencé dans les
principaux OPCO grâce à ses titres certifiés et sa certification Datadock.
L'entreprise fait la démarche de demande de prise en charge auprès de son OPCO. Nos
équipes sont présentes à chaque étape pour l'accompagner.
L'étudiant est rémunéré sur une base qui va de 65% à 100% du SMIC (pour un étudiant
de plus de 26 ans).
Si l’étudiant a plus de 26 ans et est demandeur d’emploi, France Travail octroie une aide à
l’emploi à l’entreprise.

Contrat
d'apprentissage
1 à 2 jours en formation / 3 à 4 jours en entreprise.

L'étudiant est embauché sur 12 ou 24 mois selon sa formation.

Le contrat d’apprentissage concerne les personnes de 16 à 29 ans révolus (sans limite
d’âge pour les publics RQTH, mais aussi les créateurs d’entreprise, les sportifs de haut
niveau et l’encadrement de haut niveau).
Le contrat d’apprentissage peut être signé par les employeurs dans le secteur public et
les entreprises privées.
Une rémunération de l’apprenti est prévue : jusqu’à 100% du SMIC en fonction de son âge
et de l’année de sa formation.
Notre CFA vous accompagne dans toutes les démarches administratives concernant la
mise en place de contrat d’apprentissage.