Graduate Développeur Front-End

Bac+2

Eligible CPF

Alternance

En partenariat académique avec

Recevoir la brochure

100% en ligne 24h/24 et 7j/7 • Web & Mobile
- Durée estimée
- Alternance : 609h • 18 mois
- Formation continue : 380h • 8 mois
Démarrage A tout moment de l'année
Certification Titre Professionnel • Niveau 5 (Bac+2)

Graduate Développeur Front-End

En bref
Programme
Modalités
Financement
Métiers visés

Recevoir la brochure

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

Donnez vie à des sites internet optimisés et épanouissez-vous dans un secteur en plein essor vous offrant des perspectives de carrières en France et dans le monde entier !

Cette formation vous permet d’acquérir toutes les compétences nécessaires pour exercer le métier de développeur front-end. Vous serez capable de gérer la création d’un site web à la fois côté utilisateur (front-office) et côté administrateur (back-office).

Vous serez capable de :

Maquetter et réaliser des interfaces utilisateur web ou web mobile
Développer la partie dynamique des interfaces utilisateur web ou web mobile
Mettre en place une base de données relationnelle
Développer des composants d'accès aux données SQL et NoSQL
Développer des composants métier côté serveur

Programme

Les fondamentaux du développement (facultatif)

Écosystème et outils du développeur

L'histoire de l'informatique et d'Internet, culture générale numérique
Le fonctionnement d'Internet
Sensibilisation à la cybersécurité
Les droits d'auteur et licences libres
La sensibilisation à la RGPD
Repl.it
Github Student Developper Pack
La suite Jetbrains
VSCode
La préparation de l'environnement de travail localhost
Les lignes de commande linux
Jeux de logique
Assurer une veille technologique en développement

Introduction à la programmation

Introduction à la programmation
Introduction aux variables
Les types et portées des variables
Les structures de contrôle
les opérateurs et opérateurs logiques
Les boucles
Les chaînes de caractères
La structure de données Tableau
La structure de données Liste
Le type de données Date
L'utilisation des fonctions
L'écriture des fonctions
Représentation graphique d'un algorithme : flowchart
L'écriture d'un algorithme en pseudo-code
Mon premier algo
La récursivité
Les Tris 1
Les Tris 2
La recherche

Développer la partie front-end d’une application

Participer à des projets web

L'environnement du développeur web
Les modèles de gestion de projet
Les outils collaboratifs de partage de ressources
Le récit utilisateur (user story)
Bien rédiger ses user stories

Réaliser une maquette avec Figma

Introduction aux concepts UX (versus UI)
Planifier et suivre les tâches du maquettage
Prendre en main Figma et son interface
Importer et exporter des fichiers sur Figma
Créer des composants sur Figma
Utiliser les composants animés sur Figma
Créer un design responsive sur Figma
Créer un prototype, le partager et l'exporter avec Figma
Prendre en compte l'accessibilité visuelle sur Figma
Collaborer avec Figma
Découvrir le Dev Mode de Figma

Créer un site web avec HTML & CSS

Introduction au HTML
Syntaxe générale de HTML
L'organisation du texte
Un langage hypertexte
Le multimédia en HTML
Introduction au CSS
CSS3 : Le stylage du texte
La structuration logique en HTML5 et le modèle de boîtes en CSS3
Les sélecteurs CSS
La mise en page avec CSS
La création de tableaux
La création de formulaires
Layout avec CSS Grid
Les effets avancés de CSS
Le responsive design
Introduction à Bootstrap
Ouverture vers d'autres frameworks CSS
Le référencement des sites Web
Valider la qualité de son site
Déployer son site sur le web

Créer un site web avec le CMS Wordpress

Installer et configurer WordPress sur son serveur : Hello world
L'administration de son site wordpress
Les paramètres d'un site Wordpress
Les solutions de paiement en ligne

Débuter avec JavaScript

Introduction à javascript
Syntaxe et intégration de JS
Les variables en JS
Les opérateurs
Structures de contrôle en JS
Les boucles
Les fonctions en JS
Les types de données
L'objet JavaScript Number
Les objets JavaScript String et Array
Les objets JS
Les classes et l'instanciation d'objet
L'objet Date
Introduction au Document Object Model

Programmer avec Javascript

JS Browser BOM (window - screen - Location - History, etc)
Fonction asynchrone et callback
Le format JSON et AJAX
Les promesses
Découverte des patrons de conception
JavaScript Events
Introduction et installation de TypeScript
Type de donnée avec TypesScript
Données avancée avec TypeScript
L'objet avec TypeScript
JavaScript Graphics
JavaScript Canvas
La Gestion d'erreur
Debug
Les bonnes pratiques de la programmation avec JS

Utiliser Git et Github pour gérer son code source

Introduction à la ligne de commande
Introduction à Git et Github
Les bases
Les interactions avec le dépôt distant
Naviguer dans l'historique
La gestion des branches
Les branches avec Git - Rebaser
Les bonnes pratiques

Déployer son application web

La mise en ligne d’applications web avec Heroku
Présentation et utilisation de Fly.io
Présentation et utilisation de planethoster

Sécuriser ses applications web

Les principales failles de sécurité
Les guides de tests
Analyser la sécurité pour évaluer la vulnérabilité d'une application web
Sécuriser la publication d'une application web

Gérer des conteneurs

L’architecture applicative de microservices
L'outil Docker : principes, objectifs et solutions
Le Dockerfile et ses instructions
Docker Compose : Introduction
Docker Compose : Étude de cas
L'automatisation de la création des containers avec un outil de type Docker
L'utilisation des conteneurs pour gérer les mises à jour applicatives

Réaliser les maquettes fonctionnelles d'une application

L'UX design
La recherche utilisateur
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

Créer la représentation graphique d'une application

Les différents aspects de la conception graphique
Détecter les tendances visuelles sur son marché et pour sa cible
Prise en compte des contraintes ergonomie / utilisabilité / solution
Réaliser une charte graphique ou 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

Développer la partie back-end d’une application

Introduction aux bases de données

Présentation de la notion base de données
Installer un SGDB en ligne de commande
Créer une BDD et l'explorer
Introduction à la modélisation conceptuelle de données avec UML
Les diagrammes fonctionnels
Le diagramme de classe
Introduction au passage UML-Relationnel
Modèle relationnel Vs Objet
Introduction au SQL

Développer des sites web dynamiques avec PHP

PHP et HTML (sorties)
Les types de données, les variables et les constantes
Les fonctions
Les tableaux en PHP
Les conditions
Les boucles
Créer ses propres fonctions
L'organisation des fichiers PHP
Les superglobales Get, Post et Files
Les superglobales Server, Env et Session
La sécurité
La manipulation des dates
La manipulation des fichiers en PHP
Les expressions régulières
Utiliser la documentation PHP et Standard de codage PHP
La programmation Orientée Objet : concepts de base
La programmation Orientée Objet : concepts avancés
La gestion des erreurs
La programmation Orientée Objet : Design Patterns
La programmation Orientée Objet : L’encapsulation et la visibilité
Le modèle MVC

Créer et administrer une base de données en SQL

Création et alimentation de bases de données SQL
L'interrogation de bases de données SQL
Connexion à la base de données en PHP
PHP/PDO : accès en lecture/écriture
Les requêtes SQL
Les fonctions SQL
Les jointures SQL
Gérer les accès des utilisateurs au niveau PHP et BD
Découvrir un autre SGBDR : PostgreSQL
Introduction à MongoDB
Découverte d'un ORM PHP

Créer une application web avec le framework Symfony

Présentation du framework Symfony
Les bases de Symfony
Le routing
Les contrôleurs
Le moteur de template Twig
Les entités
Manipuler ses entités avec Doctrine
Les formulaires en Symfony
Le Profiler
La validation en Symfony
La sécurité et la gestion des utilisateurs
Déployer son site Symfony en production
Le composant Mailer
L'Event Dispatcher
Les tests unitaires avec PHPUnit
Ouverture à un autre framework PHP : Laravel

Sécuriser ses bases de données

Cadre légal et chiffrement des données
Failles liées à la BDD côté développement
Failles liées à la BDD côté administration
Les failles d'include et d'upload
Failles XSS
Attaque par brute force

Sécuriser son infrastructure

Les normes et des standards relatifs aux échanges sécurisés
Les recommandations de configuration d’un système GNU/Linux de l’ANSSI
Les principes de base d'une gestion sécurisée des identités
Introduction à l'architecture TCP-IP
Les règles d'authentification
Introduction à OpenSSH
Les Niveaux de test
Le test fonctionnel
La mise en place des environnements de test
La mise en place des environnements de pré-production
L'utilisation d'un environnement de test et de pré-production
Le test des mises à jour de sécurité avant le déploiement
La mise à jour de la documentation technique après un test

Préparer un environnement de test

Les méthodes Agile pour le développement logiciel
La démarche DevOps
Les bases d'un environnement de test
La mise en place de l'intégration continue (CI)
La mise en place de la livraison ou déploiement continu (CD)

À l’issue de la formation, vous obtiendrez

Obtenez le Titre Professionnel “Développeur web et web mobile” niveau 5, enregistré au RNCP sous le numéro 37674 par décision de France Compétences du 13/05/2023

Obtenez le diplôme Développeur Front-End délivré par Studi en partenariat avec Digital Campus

Voir le specimen

La méthode Studi : votre chemin vers le succès

Accompagnement jusqu’à la réussite

Support pédagogique à chaque étape de votre parcours de formation, et assistance de vos formateurs experts sous 24h ouvrées maximum

Coaching carrière

Programme de coaching exclusif orienté emploi et carrière pour booster votre employabilité et votre succès en poste

Apprendre en faisant

Pédagogie active où l’apprenant est acteur de son propre apprentissage : construisez, créez, expérimentez !

Se préparer pour le monde réel

Apprentissage directement applicable basé sur des exemples réels, projets, cas pratiques et contenus immersifs

Réseau d'experts de premier plan

Plus de 300 formateurs experts pour transmettre les meilleures pratiques dans chaque domaine

Excellence académique & digitale

Cours écrits et vidéos, à la demande et en direct Plateforme de formation accessible 24h/24 et 7j/7 en ligne et sur app iOS/Android

Modalités

Conditions d'admission

Pour entrer en formation, le candidat doit :

En formation continue :

Être âgé(e) de 16 ans révolus à la date d’entrée en formation

En alternance :

Avoir validé un Diplôme ou un Titre de niveau 3 (CAP, BEP)

Etre âgé de 16 à 30 ans ET avoir le diplôme national du brevet (DNB) ou le certificat de formation générale (CFG)

Pour toute autre situation, contactez un conseiller en formation qui étudiera votre admissibilité.

Expérience professionnelle et stage

Dans le cadre de votre formation, le stage n'est pas obligatoire.

Toutefois, toute expérience professionnelle, passée ou en cours, ou réalisation de stage, vous permet de développer vos compétences et de vous immerger dans le milieu que vous rejoindrez prochainement.

Cela reste un atout pour l'obtention de votre Titre/Diplôme.

Studi vous fournira une convention de stage sur demande.

Examen

Mois d'examen : Janvier/FévrierMars/AvrilJuin/JuilletSeptembre/OctobreNovembre/Décembre

Lieu : "En présentiel (Paris, Montpellier, Bordeaux ou Lyon au choix). Possible également en présentiel pour la Martinique, la Guadeloupe et La Réunion sur les sessions de Juin/Juillet et Novembre/Décembre."

Pour obtenir le Titre, le candidat sera évalué selon les modalités suivantes :

Les évaluations passées en cours de formations
Un dossier professionnel
Un dossier de Projet
Une présentation d'un projet réalisé en amont (35 min)
Un entretien technique avec le jury (40 min)
1 questionnaire professionnel (30 min)
Un entretien final avec le jury (15 min)

Certification

Certification : Titre Professionnel “Développeur web et web mobile” niveau 5, enregistré au RNCP sous le numéro 37674 par décision de France Compétences du 13/05/2023

Certificateur : Ministère du Travail

Pour obtenir le taux d’insertion dans les fonctions visées, consulter la fiche RNCP sur le site de France compétences

Validation par bloc de compétence

La certification professionnelle est composée de plusieurs blocs de compétences à acquérir pour l'obtention de la certification professionnelle.

Il est possible de valider un ou plusieurs des blocs de compétences. Chaque bloc peut être acquis individuellement.

La fiche RNCP accessible depuis chaque fiche formation en précise les modalités d'obtention.

Pour toute question concernant les blocs de compétence, contactez votre conseiller en formation.

Equivalences et passerelles

Le certificateur n'a identifié aucune équivalence.

Poursuite d'études

Après avoir obtenu le TP - Développeur Web et Web Mobile, il est possible de :
- Soit intégrer directement le marché du travail
- Soit poursuivre vers un parcours de niveau 6 en développement, par exemple un Bachelor Développeur d'applications ou un Bachelor Développeur Web.

Modalités spécifiques Alternance

Module Réussir mon alternance (durée estimée : 50h)

- Connaissance de l’alternance, des contrats, engagements réciproques, aides et modalités de suivi

- Citoyenneté, diversité et santé au travail.

Module Réussir ma vie professionnelle (durée estimée : 20h)

- Comprendre les enjeux de l'entreprise pour favoriser mon intégration

- Démarquez-vous en entreprise

Accompagnement et renforcement pédagogique, suivi du Career Center (durée estimée : 54h en moyenne)

- Un live interactif par semaine permettant de répondre aux questions des alternants et informations liées aux aides sociales, à la mobilité internationale, au handicap

- Suivi du CFA : entretiens tripartites pluriannuels

Compétences digitales (Accès Studi+)

- Accès à 1 à 2 programme(s) courts(s) dédié(s) aux "digital skills" au choix parmi le catalogue, permettant de se former et s’exercer aux logiciels les plus adaptés à son entreprise

Indicateurs de performance

Taux d'emploi : 100%

Taux de réussite : 100%

Taux de satisfaction lié aux cours : 82%

Taux de satisfaction générale : 79%

Tarifs et solutions de financement

3 990 € Tarif pour les particuliers.

CPF

Mon compte CPF

Financement jusqu'à 100%

Alternance

Formation réalisable en apprentissage ou contrat de professionnalisation

Prise en charge à 100%

France Travail

Formation éligible à des aides de France Travail (anciennement Pôle Emploi)

Financement jusqu'à 100%

Bourse d'études

Bénéficiez d'une bourse d'études en fonction de votre profil

Jusqu'à -30%

Financement personnel

Financez votre formation facilement en plusieurs fois sans frais jusqu'à 36 mois ***

A partir de 69€ / mois

Inclus

Cours écrits et vidéos à la demande
Accès illimité aux 4 000 cours du soir* en direct et replay
Accompagnement pédagogique personnalisé
Projets professionnels
Coaching carrière
Accès illimité à Studi + pendant 2 ans
Frais de dossier et d'inscription**
Garantie Réussite 2 ans et Garantie Diplômé ou Remboursé***

* Nombre moyen de cours du soir en direct observés sur les 12 derniers mois (organisés majoritairement à partir de 18h)
** Hors Diplômes d’État et préparation aux concours
*** Voir les CGV Studi
**** Sous réserve d’acceptation. Vous disposez d’un délai de rétractation. Voir les conditions

Je simule la durée de ma formation

9 heures / semaine

•

Total : 380 h

Formation terminée :

Examen :

Le délai moyen d'accès à la plateforme est de 14 jours.

Ce délai peut varier en fonction du type de financement et de l'accord du financeur. Une fois l'accord de votre financeur reçu, vous recevrez un mail de connexion à la plateforme.

Vous cliquez sur le lien, choisissez votre mot de passe et démarrez votre formation.