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

Formation éligible CPF

Financez facilement votre formation avec Mon compte formation.

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

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

Dates d'examen

Juin ou décembre

Lieu

Paris, Lyon, Montpellier, Bordeaux

Documentation

Admission

Avoir validé un titre ou diplôme de niveau 4 (équivalent BAC)

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