Graduate Développeur Front-End
- Bac+2
-
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
- 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
- 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
- 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
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
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
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é.
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.
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)
Pour obtenir le taux d’insertion dans les fonctions visées, consulter la fiche RNCP sur le site de France compétences
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.
Le certificateur n'a identifié aucune équivalence.
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.
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
Tarifs et solutions de financement
Financement CPF
Mon compte CPF
Alternance
Formation réalisable en apprentissage ou contrat de professionnalisation
France Travail
Formation éligible à des aides France Travail
Bourse d'études
Bénéficiez d’une bourse d’étude en fonction de votre profil.
Financement personnel
Maitrisez le coût de votre formation en la finançant sur 10, 12, 24 ou 36 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 conditions
Je simule la durée de ma formation
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
Bachelor Responsable de projets événementiels
Bachelor Management et Gestion d'entreprise
