Intégrateur Web

Prochaine Session

Durée de la formation

Formation dispensée en

Un intégrateur Web Front-End est un professionnel chargé de transformer des maquettes graphiques en pages web fonctionnelles. Il utilise les langages HTML5, CSS3 et JavaScript pour structurer le contenu, styliser les pages et ajouter des interactions. Son rôle est de garantir un site responsive, accessible et compatible avec tous les navigateurs. Grâce à ses compétences, il assure une expérience utilisateur fluide et moderne sur tous les supports.

Programme de la formation

Objectif de la formation

Vous êtes débutant : Vous souhaitez apprendre les bases du HTML, CSS et JavaScript pour créer vos premières pages web et comprendre le fonctionnement d’un site.
Vous souhaitez vous perfectionner : Vous voulez approfondir vos connaissances, maîtriser les bonnes pratiques front-end et produire des interfaces modernes, optimisées et responsives.
Vous souhaitez optimiser vos compétences grâce à l’IA : Vous désirez intégrer des outils d’IA pour accélérer votre développement, automatiser certaines tâches et améliorer votre productivité en frontend.

Programme détaillé

Premiers pas avec Visual Studio code

Découverte de l’interface
Organisation et paramétrage de l’espace de travail

Initiation au code HTML

Bases du HTML : balises et attributs.
Présentation des principales balises (titres, paragraphes, images, listes à puces,…)
Création de liens hypertextes (lien vers une page web, lien vers un fichier, lien de messagerie)
Mise en forme avec les styles CSS
Principes de base
Attacher une feuille de style à un document HTML

Mise en forme de texte en CSS

Création et application de styles personnalisés
Définition des styles de sélecteurs : liens survolés, liens actifs…
Les menus et arrières plans
Types de positionnement de calques : relatif, absolu, flottant

Les tableaux et les formulaires

Création et manipulation de tableaux
Création de formulaires : insertion de champs, mise en forme…
Mise en forme CSS et validation des formulaires
Responsive Web Design
Utilisation des systèmes Flexbox et CSS Grid
Utilisation des Media Queries
Initiation au framework Bootstrap

Fonctions avancées HTML5 / CSS3

Insertion de galeries de médias (images, son, vidéo)
Transitions et animations personnalisées

Optimisation du référencement

Paramétrer ses balises méta
Hiérarchiser son contenu
Utilisation des outils Google : Search Console, Google Analytics…

Mise en ligne de sites web avec un logiciel FTP

Principes et paramétrage
Transfert de fichiers vers un serveur distant

Option Javascript

Dynamiser son site web avec Javascript
Principe de base du JS et son utilisation sur le web
Création de variables, de conditions, de fonctions
Concept et manipulation du DOM en JS

L’interaction utilisateur avec jQuery et Bootstrap

Découverte de la bibliothèque jQuery
Les sélecteurs en jQuery
Utilisation des méthodes avancées de jQuery
Intégrer des plug-ins jQuery à des pages web
Manipulation des composants avancés de Bootstrap

Outils & Logiciels

Informations pédagogiques

Immeuble Le Hastings, 4éme étage, 27 Rue du 74ème Régiment d’Infanterie, 76000 Rouen

Accès PMR :

Le centre de formation est accessible et équipée pour les PMR. Un référent handicap est à l’écoute de vos besoins et mettra en place un accompagnement personnalisé adapté.

Toutes nos formations peuvent être effectués :

en présentiel directement au centre de formation
et/ou en distanciel avec Moodle et Teams, un ordinateur ( tout système d’exploitation ) avec le/les logiciels utiles pour la formation
ou directement en entreprise.

Dans le cas de formation d’Entreprise :

Les formations peuvent avoir lieu dans nos locaux, ou directement en entreprise.

Selon le nombre de participants, merci de nous contacter directement afin d’évaluer si la formation serait plus adapté dans vos locaux ou au centre de formation.

Vous pouvez également vous referez directement à notre page « Entreprise » pour connaître les modalités de formation en entreprise.

Afin de pouvoir intégrer la formation, l’apprenant doit valider les pré-requis suivants :

Aptitudes physiques : capacité à travailler en station assise prolongée, capacité à travailler sur écran
Niveau B2 en Français
Maîtrise de l’outil informatique généraliste
Maîtrise des calculs de base en mathématiques
Maîtrise de la lecture (compréhension dʼun texte simple) et l’écriture (rédaction de phrase simple)
Sensibilité artistique
Posséder un ordinateur avec le/les logiciels installés pour les journées de formation à distance

Cette formation est accessible pour tout type de public ( Demandeurs d’emploi / Particuliers / Salariés / Entreprises / Personnes en situation de Handicap )

Un entretien de positionnement est nécessaire avant l’entrée en formation
Merci de prendre rendez-vous avec nous pour un entretien physique, en visio ou par téléphone.

Cet entretien nous servira à pour bien comprendre votre parcours, vos motivations et votre projet professionnel afin de vous proposer l’offre de formation la plus adaptée à vos attentes.

Selon la formation envisagé, un test de positionnement sous la forme d’un Questionnaire à Choix Multiples (QCM) peut vous être proposés, afin de vérifier les pré-requis.

Les méthodes d’apprentissage d’ ART & COMMUNICATION sont basées sur l’individualisation et la personnalisation dans un climat exigeant mais bienveillant, dans le respect de la personne humaine.

Formation sur mesure adaptée à vos besoins.

Un bilan de fin de formation vous est délivré par le formateur.

Une équipe de formateurs permanents
Peu importe la modalité de formation que vous choisissez, les formations sont dispensés par des professionnels dans chaque domaine. Ils ont tous exercés dans le domaine dans lequel ils forment ; ils connaissent les contraintes du métier.
Chaque apprenant est suivi par un formateur référent et une équipe pédagogique complète qui encadre la formation.

Méthodes et moyens pédagogiques

Pratique professionnelle / mise en situation
Formation participative, expositive, interrogative, démonstrative et expérientielle
Réflexion individuelle et collective
Formation en blended learning

Matériel mis à disposition

Ordinateur avec système d’exploitation Windows + 2 écrans
WiFi Très Haut Débit
Vidéoprojecteur dans chaque salle de formation
Tablettes graphiques sur demande
Tablettes tactiles sur demande
Imprimante 3D
Plateforme e-learning accessible 24h/24 pour y retrouver tous les ressources nécessaires, y déposer vos rendus d’exercices et suivre votre progression

Matériel nécessaire pour le distanciel : Posséder un ordinateur avec le/les logiciels pour les journées de formation à distance ( tout système d’exploitation ).

En Complément

Les différents types de financement sont les suivants :

OPCO : Le plan de développement des compétences est à l’initiative de l’employeur ou du salarié. Ce dispositif a pour but de développer les compétences de ses salariés et de les maintenir dans l’emploi (adaptation du poste de travail).
AIF : L’Aide Individuelle à la Formation est un dispositif de France Travail. Il peut prendre en charge le coût pédagogique de votre formation, sous réserve que votre conseiller la juge cohérente et pertinente.
L’agefiph peut également intervenir dans le financement si vous êtes en situation de handicap

Pour de plus d’informations concernants les financements, vous pouvez consulter notre page dédié aux solutions de financements

Nous consulter !

Les débouchés de cette formation ne sont pas disponibles

Pas de statistiques disponibles pour cette formation