DÉVELOPPEUR.SE FRONT-END
Formation créée le 15/12/2020. Dernière mise à jour le 20/02/2024.
Version du programme : 1
Programme de la formation
De l’analyse du besoin à la mise en ligne, en passant par l’interface et la base de données, le développeur·se web conçoit et programme des applications web. Il ou elle réalise l’ensemble des fonctionnalités d’un site ou d’une application web et analyse les besoins des clients consignés au préalable dans un cahier de charges par le chef de projet. Le développeur·se web préconise et met en œuvre une solution technique pour concevoir des sites sur mesure ou adapter des solutions techniques existantes.
Objectifs de la formation
- Développer le back-end d’une application web/Mobile
- Créer une base de données
- Développer les composants d’accès aux données
- Élaborer et mettre en œuvre des composants dans une application de gestion de contenu ou e-commerce
- Développer le front-end d’une application web/mobile
- Maquetter une application
- Réaliser une interface utilisateur web
- Développer une interface utilisateur web/mobile dynamique
Profil des bénéficiaires
Pour qui
Prérequis
- Pratique courante recommandée de l’ordinateur, des smartphones et tablettes tactiles ainsi que de leurs outils (outils des systèmes d’exploitation, bureautique et internet)
- Pratique de l’anglais à l’oral et à l’écrit (lire, comprendre des textes courts, poser des questions simples et exprimer ses opinions)
- Appétence pour les chiffres
Contenu de la formation
-
Présentation du développement Web
- L’algorithmique
- Introduction : aperçu du développement Web
- L'Internet et le développement Web
- Introduction au génie logiciel
-
Fondamentaux du HTML
- Introduction : Principes de base du HTML
- Apprendre HTML : Éléments
- Apprendre HTML : Structure
- Apprendre HTML : Tableaux
- HTML sémantique
- Révision : Principes de base du HTML
-
Fondamentaux du CSS
- Introduction : Fondamentaux du CSS
- Apprendre CSS : Sélecteurs et règles visuelles
- Apprendre CSS : le modèle de boîte
- Révision : Fondamentaux du CSS
-
Développer des sites Web localement
- Introduction : Développer des sites Web localement
- Premiers pas avec les éditeurs de texte
- Développer avec CSS
- Révision : Développer des sites Web localement
-
Déploiement de sites Web
- Introduction : déploiement de sites Web
- Hébergement Web
- Ligne de commande pour la création de sites Web
-
Style amélioré avec CSS
- Introduction : style amélioré avec CSS
- Apprendre CSS : Couleurs
- Apprendre CSS : Typographie
- Projet de défi : Créez votre propre feuille de triche
- Apprendre les liens et les boutons
- Apprendre la navigation secondaire
- Filaire
- Projet de défi : créer un système de conception de site Web
- Révision : style amélioré avec CSS
-
Rendre un site Web responsive
- Introduction : Rendre un site Web réactif
- Apprendre la conception réactive : grilles et espacement
- Mise en page avec Flexbox
- Apprendre CSS : Grille
- Apprendre la conception réactive
- Apprendre CSS : documentation et débogage
- Projet Challenge : Page d'accueil de l'entreprise
- Projet de défi : site Web réactif du club
- Bilan : Rendre un site Web responsive
-
Syntaxe JavaScript, partie I
- Introduction : syntaxe JavaScript, partie I
- Introduction à JavaScript
- Apprendre la syntaxe JavaScript : introduction
- Apprendre la syntaxe JavaScript : les fonctions
- Apprendre la syntaxe JavaScript : Portée
- Exercez-vous à la syntaxe JavaScript : variables, types de données, conditions, fonctions
- Sortir de la plate-forme avec JavaScript
- Projet de défi : Devineur de nombres
- Révision : syntaxe JavaScript, partie I
-
Syntaxe JavaScript, partie II
- Introduction : syntaxe JavaScript, partie II
- Apprendre la syntaxe JavaScript : les tableaux
- Apprendre la syntaxe JavaScript : les boucles
- Apprendre la syntaxe JavaScript : les objets
- Apprendre la syntaxe JavaScript : les itérateurs
- Apprendre la syntaxe JavaScript : erreurs et débogage
- Programmation en binôme : Syntaxe JavaScript, parties I et II
- Pratiquer la syntaxe JavaScript : tableaux, boucles, objets, itérateurs
- Projet de défi : Vérificateur de carte de crédit
- Projet Challenge : Organisme mystérieux
- Révision : syntaxe JavaScript, partie II
-
Git et GitHub, première partie
- Introduction : Git et GitHub, première partie
- Flux de travail Git de base
- Opérations Git importantes
- Présentation de GitHub
- GitHub & Markdown
- Bilan : Git et GitHub, partie I
-
Projet de portefeuille : syntaxe JavaScript
- Projet de groupe : Messages mitigés
- Messages mixtes
-
Créer des sites Web interactifs
- Introduction : Créer des sites Web interactifs
- JavaScript et le DOM
- Événements DOM avec JavaScript
- Formulaires HTML
- Bilan : Création de sites Web interactifs
-
Rendre un site Web accessible
- Introduction : Rendre un site Web accessible
- Apprendre l'accessibilité Web
- Révision : Rendre un site Web accessible
- Projet de portfolio : site Web de portfolio personnel
-
Syntaxe JavaScript, partie III
- Introduction : syntaxe JavaScript, partie III
- Apprendre la syntaxe JavaScript : classes
- Apprendre la syntaxe JavaScript : modules
- Apprendre la syntaxe JavaScript : gestion des erreurs
- Programmation en binôme : syntaxe JavaScript, partie III
- Exercez-vous à la syntaxe JavaScript : classes
- Révision : syntaxe JavaScript, partie III
-
Test JavaScript
- Introduction : Test JavaScript
- Pourquoi tester ?
- Rédigez de bons tests avec Moka
- Apprendre le TDD avec Moka
- Concepts de test avancés
- Révision : test JavaScript
-
Requêtes JavaScript et HTTP asynchrones
- Introduction : JavaScript asynchrone et requêtes HTTP
- Principes de base du JavaScript asynchrone
- Apprendre la syntaxe JavaScript : Promesses
- Apprendre la syntaxe JavaScript : Async-Await
- API et requêtes HTTP
- Apprendre la syntaxe JavaScript : Requêtes
- Révision : JavaScript asynchrone et requêtes HTTP
-
Applications Web
- Présentation : applications Web
- Qu'est-ce qu'une application Web ?
- Examen : applications Web
-
Réact, partie I
- Introduction : Réact, Partie I
- Rafraîchissement JavaScript
- Le DOM virtuel
- JSX
- Composants de réaction
- Critique : React, partie I
-
Réact, partie II
- Introduction : Réac, Partie II
- Composants en interaction
- Composants sans état à partir de composants avec état
- Méthodes de cycle de vie
- Projet d'entraînement : Jammming
- Déployer une application React avec Netlify
- Composants fonctionnels et crochets
- Réaction intermédiaire
- Réac Routeur
- Apprenez à tester React avec Jest
- Révision du code : Réagissez
- Projet Défi : Planificateur de rendez-vous
- Critique : React, partie II
-
Redux
- Présentation : Redux
- Concepts de base dans Redux
- API Core Redux
- Connectez-vous pour réagir avec React Redux
- Refactoring avec Redux Toolkit
- Actions asynchrones avec middleware et thunks
- Revue de code : Redux
- Projet de défi : Flashcards
- Critique : Redux
-
Git et GitHub, partie II
- Introduction : Git et Github, partie II
- Branchement Git
- Travail d'équipe Git
- Meilleures pratiques pour les référentiels GitHub
- Collaboration avec la communauté GitHub
- Révision : Git et GitHub, partie II
-
Projet de portefeuille : Client Reddit
- Projet de groupe : React/Redux
- Projet de portefeuille : Client Reddit
- Introduction au back-end
Suivi de l'exécution et évaluation des résultats
- Feuilles de présence.
- Questions orales ou écrites (QCM).
- Mises en situation.
- Formulaires d'évaluation de la formation.
Ressources techniques et pédagogiques
- Documents supports de formation projetés.
- Exposés théoriques
- Etude de cas concrets
- Quiz en salle
- Plateforme d'apprentissage en ligne
Qualité et satisfaction
Taux de réussite
Modalités de certification
Modalité d'obtention
- En alternance : 24 semaines à l’école sur un contrat de 18 à 24 mois En continu : 24 semaines à l’école 8 semaines de stage pratique en entreprise
Détails sur la certification
- Formation découpée en 2 blocs de compétences RNCP31116BC01 - Développer la partie front-end d'une application web ou web mobile en intégrant les recommandations de sécurité
Délai d'accès
2 semaines
Accessibilité
Accessible aux personnes en situation de handicap