Graduate Développeur Front-End en alternance
- Bac+2
-
100% en ligne 24h/24 et 7j/7 • Web & Mobile
-
Durée estimée 609h • 18 mois
-
Démarrage A tout moment de l'année
-
Certification Titre Professionnel • Niveau 5 (Bac+2)
Donnez vie aux interfaces web et façonnez le web de demain côté utilisateur !
Ce graduate en alternance vous prépare à concevoir des sites web interactifs et responsives en maîtrisant les technologies front-end les plus utilisées. Avec l’alternance, vous apprendrez à transformer des maquettes en interfaces fonctionnelles, animer des éléments graphiques, optimiser l’ergonomie et veiller à l’accessibilité.
Vous serez capable de concevoir des interfaces utilisateur web ou mobiles, de les rendre dynamiques, d’intégrer une base de données relationnelle, de développer des composants d’accès aux données SQL et NoSQL, et de créer les composants métier côté serveur.
En immersion professionnelle, vous serez opérationnel rapidement et prêt à façonner l’expérience digitale des utilisateurs.
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)
- Connaissance de l’alternance, des contrats, engagements réciproques, aides et modalités de suivi
- Citoyenneté, diversité et santé au travail.
- Comprendre les enjeux de l'entreprise pour favoriser mon intégration
- Démarquez-vous en entreprise
- 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
- 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
À 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
Onboarding personnalisé et suivi continu
Dès votre arrivée, vous êtes onboardé par votre référent alternance avec un kit de démarrage complet et un live de rentrée. Vous bénéficiez d'un suivi mensuel proactif et d'une disponibilité constante de votre référent. Votre progression est évaluée via un relevé mensuel et des entretiens tripartites avec votre tuteur, assurant une intégration réussie en entreprise.
Pédagogie concrète et immersive
Parce que l'alternance est avant tout une immersion professionnelle, nos formations s'appuient sur une pédagogie active. À travers des cas pratiques, des mises en situation et des contenus immersifs, vous développez des compétences directement actionnables en entreprise.
Ressources accessibles 24/7 et forum pédagogique réactif
Accédez à votre plateforme de formation 24h/24 sur tous supports, avec des ressources pédagogiques variées (cours écrits et vidéos, classes virtuelles à la demande, exercices corrigés, accès aux licences logicielles). Notre forum pédagogique garantit des réponses de formateurs experts sous 24h ouvrées, avec des évaluations corrigées pour une progression continue.
Préparation intensive aux examens
Nous vous préparons intensivement aux examens grâce à des classes virtuelles dédiées par certification, des examens blancs corrigés, des semaines de révision et des entraînements aux oraux. Tout est mis en œuvre pour vous assurer une réussite optimale le jour J.
Accompagnement carrière et compétences 360°
Au-delà de la formation, Studi s'engage pour votre avenir professionnel. Un coaching carrière sur-mesure (tests de personnalité, ateliers pitch et personal branding, mises en relation avec des alumni, plateformes de recrutement partenaires, sessions de job dating internes) et des modules complémentaires (IA appliquée, outils pro, langues, soft skills) boostent votre employabilité pour vous démarquer sur le marché du travail.
Une vraie communauté d'apprentissage
Rejoignez une plateforme collaborative pour échanger, partager et tisser des liens avec d'autres alternants et formateurs. Cette communauté favorise l'entraide, le partage d'expériences et l'élargissement de votre réseau, faisant de l'apprentissage une aventure collective.
Modalités
Pour entrer en formation, le candidat doit :
- Etre âgé de 16 ans lors de la signature du contrat
- Avoir validé un Diplôme ou un Titre de niveau 3 (CAP, BEP)
OU
- Avoir validé le diplôme national du brevet (DNB) ou le certificat de formation générale (CFG)
OU
- Être sorti du système scolaire depuis au moins 6 mois : être dans la vie active ou demandeur d'emploi enregistré auprès de France Travail
Pour toute autre situation, contactez un conseiller en formation qui étudiera votre admissibilité.
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.
Un accompagnement renforcé, pensé pour les alternants
Le parcours d’un alternant ne ressemble à aucun autre, c’est pourquoi nous avons mis en place un suivi spécifique, dédié et renforcé pour répondre à ses enjeux particuliers. Dès son entrée chez Studi, chaque alternant réalise un test de positionnement pour évaluer ses acquis et lui proposer, si besoin, un parcours de remise à niveau individualisé. Un onboarding personnalisé, animé par son chargé de suivi, lui permet de découvrir l’ensemble des services et des ressources utiles pour bien démarrer.
Tout au long de sa formation, il bénéficie d’un chargé de suivi alternance dédié, expert de l’alternance, à la fois sur les volets administratifs et pédagogiques. Ce référent s’adapte aux contraintes propres au rythme alterné et reste accessible à tout moment via son agenda en ligne.
Le suivi de l'alternant inclut également :
- des entretiens tripartites réguliers, menés avec le tuteur en entreprise, pour faire le point sur l’acquisition des compétences à l’aide d’une grille d’évaluation partagée ;
- un suivi continu de l’assiduité et de la progression pédagogique, permettant d’intervenir rapidement en cas de besoin, de proposer un coaching personnalisé ou de rebooster la motivation dans les phases de creux ;
- des contenus employabilité dédiés, pour préparer l’insertion professionnelle au-delà de la formation.
Ce dispositif global assure à chaque alternant un cadre solide et bienveillant, propice à sa réussite dans ce double défi que représente la formation en alternance.
Financement
Alternance
Formation réalisable en apprentissage ou contrat de professionnalisation
Inclus
- Accompagnement méthodologique personnalisé par votre référent
- Accompagnement individuel de vos missions en entreprise
- Suivi pédagogique par nos formateurs experts
- Coaching carrière
- Cours écrits et vidéos à la demande et évaluations personnalisées
- Accès illimité à plus de 10 000 classes virtuelles* en direct et replay
- Préparation spécifiques aux examens
- Accès illimité à Studi+ pendant 2 ans
*Nombre moyen de classes virtuelles en direct observées sur les 12 derniers mois (organisées majoritairement à partir de 18h)
L’accès à la plateforme se fait en moyenne sous 14 jours après l’accord du financeur. Ce délai peut varier selon la typologie de financement.
Ces autres formations peuvent vous intéresser
Voir tout
Alternance
Alternance
Alternance
Alternance
Alternance
Alternance
Alternance
BTS Services Informatiques aux Organisations (SIO) - Option B "SLAM"
100% en ligne
Alternance
Alternance
Alternance
