Objectifs

Graduate Développeur Front-End

Réalisez des sites web performants en pensant ergonomie et expérience utilisateur !

À 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)
500 heures
9 à 18 mois
Formation 100 % en ligne
Garantie réussite Prolongez gratuitement votre formation pendant 5 ans
Financement

Votre financement sur-mesure

Personne naviguant sur le site Studi.fr

Financement CPF

Financez jusqu'à 100 % de votre formation.
Découvrez le montant de votre CPF et souscrivez en ligne sur l'application "Mon Compte Formation".

0 €

Bourse d'étude

Bénéficiez d'une bourse d'étude Studi en fonction de votre profil. Jusqu'à 30% pris en charge par l'école.

Jusqu'à -30 %

4 fois sans frais

Profitez d'un règlement en 4 mensualités sans aucun frais et sans condition.

Financement personnel

Maîtrisez le coût de votre formation en la finançant sur 12, 24 ou 36 mois.

À partir de 59 €/mois

Graduate Développeur Front-End

Demande de documentation

Programme de la formation

Le développement Front-End
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
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
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
Diplôme

Infos Pratiques

Titre Développeur web et web mobile

Publié au JO du : 17/04/2018

Certificateur : DIRECCTE

Dates d'examen

Juin ou décembre

Lieu

Paris, Lyon, Montpellier, Bordeaux

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

L'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.

Répertoire officiel RNCP
Témoignages

Ils ont réussi

Méthode

Un accompagnement personnel et individualisé

Soyez entrepreneur de vos réinventions professionnelles.

Démarrez votre formation quand vous le souhaitez à tout moment de l’année et adaptez votre planning de formation selon vos disponibilités.

Bénéficiez du meilleur du Digital Education et d’un accompagnement personnel et individualisé
Cours écrits et vidéo LIVE et on demand.
Accompagnement individuel régulier de la part de votre conseiller pédagogique.
Assistance de vos formateurs experts sous 24h ouvrées maximum.
Studi Campus : ateliers, business challenges et conférences dans 10 villes françaises.
Applications web et mobile IOS/Android.
Accompagnement personnalisé vers l’emploi.