Code & développementGraduate Développeur Front-End
Re skill - FORMATION EN LIGNE

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) !

Image
graduate-dev-front

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
Logo Mon Compte Formation du gouvernement
Formation éligible CPF
Financez facilement votre formation avec Mon compte formation.
En savoir plus
  • Titre RNCP
  • Niveau 5 (BAC +2)
  • Certificateur : DIRECCTE
  • 500h de formation
  • De 9 à 18 mois
  • Formation 100 % en ligne
Double garantie !
  • Garantie réussite : prolongez gratuitement votre formation pendant 5 ans.
  • Garantie diplômé ou remboursé.
Demande de documentation

Programme

Le développement Front-End
Compétences acquises

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

Détail du bloc de compétences
Réaliser la maquette d’une application web responsive
  • Les Users Stories
  • Les wireframes
  • Les interfaces Web
  • Les bases de l’UX
  • La création et l’intégration d’une maquette
Créer un site web avec HTML, CSS et le Framework Bootstrap
  • 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
Utiliser Git et Github pour gérer son code source
  • 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
S’initier à la programmation avec Javascript
  • 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
Développer une application web avec React.js
  • 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
Créer un site web avec le CMS Wordpress
  • 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
Le développement Back-End
Compétences acquises

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

Détail du bloc de compétences
Créer et administrer une base de données
  • 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
Développer des sites web dynamiques avec PHP
  • 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
Créer une application web avec le framework Symfony
  • 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
Développer une application mobile avec React Native
  • 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
Créer un plugin Wordpress
  • 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
Spécialisation Développement Front-End
Compétences acquises

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

Détail du bloc de compétences
Réaliser les maquettes fonctionnelles d'une application
  • 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
Adobe XD 
  • Présentation générale 
  • Gestion des documents 
  • Les outils de dessin vectoriel 
  • Les textes, importation de fichiers et d'images 
Créer la représentation graphique d'une application
  • 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 
Se former à l'UX design pour développeur
  • 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
Inclus dans votre formation
+ de 50 formations aux logiciels métiers

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
La rémunération du Développeur Front-end
Qui dit profil recherché dit aussi salaire intéressant !
Un Développeur Front-end peut prétendre à différents salaires bruts selon son expérience.
30000 €
Débutant
45000 €
3 à 5 ans
60000 €
Après 10 ans

Votre diplôme

Titre Développeur web et web mobile

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.

Demande de documentation
La puissance de la formation en ligne et du réseau Digital Campus
Image
Coaching personnalisé
La relation est au cœur de nos dispositifs de formation : coaching, accompagnement vers l’emploi, communauté d’apprenants et de formateurs pour répondre à toutes vos questions.
Image
La formation qui vous suit partout
La culture "digital first" est dans notre ADN. Formez-vous partout et à tout moment avec les applications web et mobiles (Android et IOS).
Image
Plateforme Social Learning
Interagissez avec les autres apprenants, entraidez-vous, créez des communautés, likez, questionnez les formateurs directement. Vivez une formation 100% social learning.
Image
Diplômes reconnus et finançables CPF !
Nos formations débouchent sur des titres RNCP, des certifications professionnelles qui sont enregistrées au Répertoire Spécifique. Elles sont reconnues par les entreprises, l’État et sont finançables CPF !
Image
Garantie diplômé ou remboursé
Prolongez votre formation gratuitement pendant 5 ans avec la garantie réussite. En cas d'échec, nous vous remboursons.
En complément de votre formation, des + qui font la différence

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
Options métier

Complétez votre cursus principal avec la spécialisation de votre choix.

L'occasion d'élargir vos domaines d'expertise parmi un choix de 36 options métier.

Découvrir
Evènements à venir