Changer de langue
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)
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 :
Programme
Les fondamentaux du développement (facultatif)
Écosystème et outils du développeur
Introduction à la programmation
- 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 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
Réaliser une maquette avec Figma
Créer un site web avec HTML & CSS
Créer un site web avec le CMS Wordpress
Débuter avec JavaScript
Programmer avec Javascript
Utiliser Git et Github pour gérer son code source
Déployer son application web
Sécuriser ses applications web
Gérer des conteneurs
Réaliser les maquettes fonctionnelles d'une application
Créer la représentation graphique d'une application
Se former à l'UX design pour développeur
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- La mise en ligne d’applications web avec Heroku
- Présentation et utilisation de Fly.io
- Présentation et utilisation de planethoster
- 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
- 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
- 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
- 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
- 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
Développer des sites web dynamiques avec PHP
Créer et administrer une base de données en SQL
Créer une application web avec le framework Symfony
Sécuriser ses bases de données
Sécuriser son infrastructure
Préparer un environnement de test
- 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
- 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é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
- 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
- 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
- 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
- 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
Titre professionnelReconnu par l'état
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
Diplôme écoleen partenariat avec Digital Campus
& 
Obtenez le diplôme Développeur Front-End délivré par Studi en partenariat avec Digital Campus
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)
OU
-
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.
Financement 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
Maîtrisez vos dépenses de formation grâce au financement en 10, 12, 24 ou 36 mois sans frais. ****
A partir de
69€ / mois
Inclus
* 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 réserve d’acceptation. Vous disposez d’un délai de rétractation. Voir les conditions
Un crédit vous engage et doit être remboursé. Vérifiez vos capacités de remboursement avant de vous engager.
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.
Ces autres formations peuvent vous intéresser
Voir tout
Développement web
« Solutions logicielles et applications métiers » : Conception et développement d’applications
Bac+2
Développement web
Développer la partie front-end d’une application web ou web mobile sécurisée
Bac+2
Infrastructures et Systèmes
BTS Services Informatiques aux Organisations (SIO) - Option A "SISR"
Bac+2
Retail - Point de vente
Bachelor Responsable du développement commercial en Grande distribution
100% en ligneBac+3
Management - Stratégie d'entreprise
Bachelor Management et Gestion d'entreprise
100% en ligneNiveau Bac+3
Infrastructures et Systèmes
Graduate Technicien Systèmes et réseaux - 100% financé par France Travail
Bac+2
Infrastructures et Systèmes
Pré-Graduate Technicien d'assistance en IT - 100% financé par France Travail
Bac
Commercial - Relation client
Gérer un budget et piloter la performance marketing et commerciale
100% en ligneBac+5
Commercial - Relation client
Manager un projet de transformation et/ou d'innovation
100% en ligneBac+5
Commercial - Relation client
Elaborer et piloter une stratégie marketing et commerciale
100% en ligneBac+5
Commerce international
Conception et pilotage de la stratégie de développement à l'international
100% en ligneBac+3
Commerce international
Prospection, négociation et développement du portefeuille client à l'international
100% en ligneBac+3
Commerce international
Fidélisation et gestion de la relation client à l'international
100% en ligneBac+3
Commerce international
Encadrement et animation d'une équipe commerciale interculturelle
100% en ligneBac+3
Commercial - Relation client
Prospection, négociation et développement du portefeuille client
100% en ligneBac+3
Immobilier
Conception et pilotage de la stratégie de développement commercial en immobilier
100% en ligneBac+3
Politique RH - Recrutement
Assurer les missions opérationnelles de la gestion des ressources humaines
Bac+2
Commercial - Relation client
Conception et pilotage de la stratégie de développement commercial
100% en ligneBac+3
Finance - Contrôle de gestion
Elaborer une solution d’optimisation et de gestion comptable et financière
100% en ligneBac+5
Finance - Contrôle de gestion
Concevoir et piloter le système de contrôle de gestion
100% en ligneBac+5
Finance - Contrôle de gestion
Piloter des audits de performance comptables et financiers
100% en ligneBac+5
Politique RH - Recrutement
Assurer la gestion administrative et règlementaire des ressources humaines
100% en ligneBac+3
Politique RH - Recrutement
Piloter le processus de recrutement et d’intégration des collaborateurs
100% en ligneBac+3
Social - Paie
Gestionnaire de paie : conseiller et assister les décideurs et les collaborateurs
100% en ligneBac+2
Comptabilité
Gérer l’accueil et les travaux administratifs courants du service comptable
100% en ligneBac
Retail - Point de vente
Développer la dynamique commerciale de l'unité marchande dans une environnement omnicanal
Bac+2
Retail - Point de vente
Optimiser la performance économique et la rentabilité financière de l'unité marchande
Bac+2
Services à la personne
Assurer l'accueil et la prise en charge administrative du patient ou de l'usager
Bac
Infrastructures et Systèmes
« Solutions d’infrastructure, systèmes et réseaux » : Administration des systèmes et des réseaux
Bac+2
Infrastructures et Systèmes
Concevoir et mettre en œuvre une solution en réponse à un besoin d'évolution
Bac+3
Design graphique et digital
Concevoir les éléments graphiques d'une interface et de supports de communication
Bac+3
Infrastructures et Systèmes
Maintenir l’infrastructure et contribuer à son évolution et à sa sécurisation
Bac+2
Infrastructures et Systèmes
Exploiter les éléments de l’infrastructure et assurer le support aux utilisateurs
Bac+2
Design graphique et digital
Contribuer à la gestion et au suivi d'un projet de communication numérique
Bac+3
Marketing
Animer un processus de problématisation et d’idéation à partir d'une analyse des besoins clients
100% en ligneBac+5
Marketing
Concevoir et mettre en œuvre une stratégie de communication interne/externe
100% en ligneBac+5
Commercial - Relation client
Contribuer au déploiement de la stratégie commerciale de l'entreprise
Bac+2
Management - Stratégie d'entreprise
Etablir et présenter un rapport d'activité de la structure
Bac+2
Office management - Secrétariat
Assister une équipe dans la communication des informations et l'organisation des activités
Office management - Secrétariat
Traiter les opérations administratives liées à la gestion commerciale et aux ressources humaines
Management - Stratégie d'entreprise
Gérer la relation avec les clients et les fournisseurs de la PME
Banque - Gestion de patrimoine
Assurer l'accompagnement du parcours du client de services bancaires et financiers
Bac+2
Retail - Point de vente
Développer la relation client, la vente, le conseil et l'animation de l’offre commerciale
Bac+2
Commercial - Relation client
Négocier une solution technique et commerciale et consolider l'expérience client
Bac+2
Finance - Contrôle de gestion
Développer les activités et pratiques de conseil patrimonial
100% en ligne
Politique RH - Recrutement
Piloter la gestion stratégique des ressources humaines et le développement RH
100% en ligne
Politique RH - Recrutement
Piloter le développement des compétences, de l’emploi et des parcours professionnels
100% en ligne
Politique RH - Recrutement
Accompagner la conduite du changement à l’échelle d’une organisation ou d’une direction
100% en ligne