Graduate Développeur Front-End
Vous souhaitez être à la pointe dans la création de sites web ? Réaliser des sites web performants en pensant ergonomie et expérience utilisateur ?
La formation “Graduate Développeur Front-End” vous permettra de gérer la création de sites web à la fois côté utilisateur (front-office) et côté administrateur (back-office) en adéquation avec l’UX (User Experience) !

Objectif de la formation
Cette formation vous permet d’acquérir toutes les compétences nécessaires pour réaliser des sites et applications web de A à Z et en optimiser les interfaces.
À l’issue de la formation, vous serez capable de :
- Analyser les besoins à partir d’un cahier des charges
- Maîtriser les différents langages front et les principaux frameworks
- Concevoir et développer des applications et sites Web modernes et dynamiques
- Optimiser l’ergonomie et l’accessibilité du site web ou de l’application
- Titre Professionnel
- Niveau 5 (BAC +2)
- Certificateur : DIRECCTE
- 500h de formation
- De 9 à 18 mois
- Formation 100 % en ligne
- Garantie réussite : prolongez gratuitement votre formation pendant 5 ans.
- Garantie diplômé ou remboursé.
Programme
Découper et intégrer une maquette graphique en HTML5
Maîtriser les bases de l’UX Design
Réaliser des interfaces web statique et adaptable en respectant les standards du web et les normes en vigueur
Mettre en forme des pages web avec CSS3
Optimiser le référencement naturel
Utiliser un outil de versionning et gérer son code source
Dynamiser des pages web en Javascript
Utiliser la librairie JQuery
Programmer en asynchrone avec AJAX
Créer une application web avec React.js
Se connecter et communiquer avec une API
Comprendre l’architecture MVVM
Concevoir un site avec le CMS Wordpress, le personnaliser et organiser son contenu
- Les Users Stories
- Les wireframes
- Les interfaces Web
- Les bases de l’UX
- La création et l’intégration d’une maquette
- Le fonctionnement des sites web
- La création de page web en HTML
- La mise en forme des pages avec CSS
- L’agencement d’une page HTML avec CSS
- Le système de grille avec Bootstrap
- Le responsive design avec Bootstrap
- Le préprocesseur CSS : SASS
- L’utilisation de la ligne de commande dans le terminal
- L'installation de Git
- La gestion du code avec Git et Github
- La création de repository Git
- L’enregistrement de commit
- Les interactions avec le repository
- La navigation dans l’historique du repository
- La notion de branche et la résolution de conflit
- La navigation dans l’historique
- La fusion des branches
- La rebase des branches
- L’algorithmie avec Javascript
- Le concept de variable
- Les opérateurs arithmétiques et opérateurs d'affectation
- La logique d’un programme en Javascript : conditions et boucles
- La construction de tableau : les propriétés et méthodes de l’objet Array()
- Les fonctions en Javascript : les fonctions prédéfinies, les fonctions personnalisées, les fonctions anonymes et les fonctions récursives
- L’utilisation de données et les types de données en Javascript
- Les notions de tests unitaires et tests fonctionnels
- La programmation événementielle en Javascript
- L’initiation aux objets et aux classes
- La manipulation du DOM
- La librairie JQuery
- La programmation asynchrone avec AJAX
- L’Utilisation du JSON en REST
- L’API Canvas
- Les concepts fondamentaux de React
- Le modèle MVVM
- L’utilisation de Node.js
- Les composants React.js
- Les props avec PropTypes
- Le DOM virtuel avec JSX
- La gestion du style avec React : Styled Component
- L’utilisation de Redux et ses extensions
- La navigation avec React Router
- La communication avec les Api
- La découverte d’un autre framework : Vue.js
- L’installation de Wordpress en local
- La conception d’un site web professionnel
- La personnalisation de son site
- La modification de l’apparence du site avec les thèmes
- L’utilisation du tableau de bord Wordpress
- La création, la gestion et l’optimisation du contenu avec Wordpress
- Les plugins Wordpress
- Les formulaires avec WP Form
- Le plugin Woocommerce
- L’optimisation du référencement
Créer, accéder et administrer une base de données MySQL
Créer des pages web dynamiques avec PHP
Maîtriser les bases de la Programmation Orientée Objet en PHP
Comprendre l’architecture MVC
Développer des applications web avec le framework Symfony
- La création de base de données
- La création et modification des tables
- L’insertion, la modification et la suppression des données
- La connexion à la base données
- Les requêtes SQL
- Les fonctions SQL
- Les jointures SQL
- Un SGBDR non relationnel : MongoDB
- L’installation du serveur web Apache et de MySQL
- Les variables et les constantes
- Les conditions et les boucles
- Les fonctions en PHP
- Les variables superglobales
- La programmation orientée objet
- L’API de réflexivité
- Les Design Patterns
- Le modèle MVC
- Présentation et installation du framework Symfony
- Construire un contrôleur
- Le moteur de template Twig
- Le Bundle Composer
- La création et la manipulation des entités
- L’ORM Doctrine
- Les formulaires avec Symfony
- La sécurité et la gestion des utilisateurs
- L’Event Dispatcher
- Le Profiler
- L’API Platform
- Les bases de React Native
- La gestion des vues
- Les composants React Native
- Les props et les states
- Le Style et la mise en page avec Flexbox
- L’objet Plateform
- Le fonctionnement des hooks
- Les actions dans Wordpress
- Les hooks de filtres pour modifier les données
- Les variables globales
- Les fonctions PHP dans son projet Wordpress
Réaliser les maquettes fonctionnelles d'une application
Maquetter un site web responsive dans le respect des standards
Maquetter une application mobile dans le respect des standards
Structurer son application
Créer la représentation graphique d'une application
Choisir une solution technique adaptée
Maîtriser des frameworks CSS
- L'UX Design
- La recherche utilisateur
- L'idéation / Brainstorming
- Le test utilisateur
- Le prototypage
- Le lean UX
- Le design de service
- Le design de prototype HD interactif
- Les spécificités du mobile
- Présentation générale
- Gestion des documents
- Les outils de dessin vectoriel
- Les textes, importation de fichiers et d'images
- Les différents effets graphiques
- La création d'éléments répétés
- Le redimensionnement réactif
- L'utilisation des composants
- L'utilisation et la gestion des Actifs
- Le mode Prototype Plug-ins
- Le partage de designs et de prototypes
- Les différents types d'export
- Les différents aspects de la conception graphique
- La détection des tendances visuelles sur son marché et pour sa cible
- La prise en compte des contraintes ergonomie / utilisabilité / solution
- La réalisation d'une charte graphique ou d'un design system
- Appliquer pour concevoir
- Comment valider et présenter sa solution
- Travailler dans un processus itératif avec l’utilisateur
- Loi de Fitts
- Loi de Hick
- Loi de Jakob
- Les codes couleur
- Accessibilité visuelle
- La librairie Ant Design
- AOS (animate on scroll)
- Slick
- Les frameworks CSS
- L’UI/UX en constante évolution
Des centaines d’heures de screencasts vidéo pour maîtriser les logiciels essentiels en entreprise. Différenciez-vous et boostez votre employabilité !






















Votre futur métier
La formation de Développeur Front-End vous permettra d’exercer rapidement un grand nombre de métiers dans l’environnement du code et du développement :
Vous pourrez prétendre à des postes de :
- Développeur Front-End
- Développeur web
- Intégrateur web
- Webmaster
- Développeur web full stack junior
- Développeur JavaScript

Sa particularité est sa capacité à résoudre des problèmes en utilisant les langages qu'il maîtrise. Il optimise les lignes de code et développe chaque interface pour la rendre claire et facile d’utilisation en offrant aux internautes une navigation fluide et optimale.
Le développeur front-end gère toute la partie visible des sites web :
- Il est chargé de réaliser l'interface d'une application web en tenant compte de l'expérience utilisateur (User Experience). Il maîtrise donc les éléments visibles à l’écran que sont les langages CSS, HTML, Javascript...ainsi que la partie design/ergonomie.
- Tout en respectant le cahier des charges établi à partir des objectifs du client, il tient compte des attentes et des besoins de l’utilisateur mais également de la compatibilité de la solution avec des plateformes (ordinateur, tablette tactile, smartphone) et des navigateurs différents.
- Il veille notamment à ce que l'application soit accessible, facile à trouver, fonctionnelle et ergonomique. Il apporte à l'évolution de la méthodologie UX et des tendances ergonomiques en matière d'interface web.

Les développeurs sont des profils très demandés sur le marché de l’emploi. Selon Pôle emploi, seulement une offre sur 5 est pourvue en 2020, faisant de ces métiers des métiers dits “en tension”.
Vous former dans ce domaine, c’est la garantie de trouver un emploi valorisant avec une rémunération attractive en France ou à l’étranger, en entreprise ou en home office.

Afin de devenir un développeur performant, vous devrez faire preuve de certaines qualités :
- Être rigoureux, c’est la qualité première pour construire un code structuré, hiérarchisé, efficace et compréhensible de tous
- Être autonome, car la plupart du temps peu de personnes au sein d’une entreprise peuvent vous aider
- Être curieux, les technologies évoluant sans cesse vous devez avoir envie de vous former en continu et ainsi continuer à utiliser les derniers langages
- Être pédagogue et posséder un bon relationnel, c’est en effet essentiel pour expliquer votre travail à des collaborateurs n’ayant pas vos compétences techniques
Votre diplôme
Admission
Avoir validé un titre ou diplôme de niveau 4 (équivalent BAC)
Ou
Via un dossier VAPP (Validation des Acquis Professionnels et Personnels) retraçant l'expérience professionnelle, qui sera étudié par la direction pédagogique : avoir validé un titre ou diplôme de niveau inférieur au niveau 4 (équivalent BAC) ET justifier d’une expérience professionnelle d'un an minimum dans le domaine visé par le titre
Examen
Vous serez examiné sur 2 blocs de compétences via une présentation d’un projet réalisé en amont de la session d’examen, un entretien technique et un entretien final.
- Publié au JO17/04/2018
- CertificateurDIRECCTE
- LieuParis, Lyon, Montpellier, Bordeaux
- Dates d'examenJuin ou décembre
Vous apprenez comme vous voulez, à votre rythme.
A vous de choisir et de composer selon votre personnalité et vos aspirations.
Découvrez, apprenez, approfondissez tout ce qui vous fait envie ou qui vous sera utile demain.
Un accès illimité durant 5 ans à des milliers de formations supplémentaires : culture digitale, logiciels métiers & bureautique, langues étrangères, développement personnel, soft skills...)
Découvrir








