Développer la partie front-end d'une application web intégrant des modèles d'intelligence artificielle
- Bac+2
-
100% en ligne 24h/24 et 7j/7 • Web & Mobile
-
Durée estimée 190h • 6 mois
-
Démarrage A tout moment de l’année
-
Certification Bloc de compétences • Niveau 5 (Bac+2)
Plongez au cœur du développement front-end en apprenant à créer des interfaces modernes, dynamiques et accessibles, intégrant des modèles d’intelligence artificielle.
De la maquette à la mise en ligne, en passant par la programmation et la gestion collaborative de projets web, cette formation vous guide pas à pas dans la réalisation complète d’une application web front-end innovante et sécurisée.
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
- Github Student Developper Pack
- La suite Jetbrains
- VSCode
- Les lignes de commande linux
- Jeux de logique
- Assurer une veille technologique en développement
- Application: 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
- Application: Introduction à la programmation
- 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
- Application: Introduction à l'algorithme
- 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
- Projet : Réaliser la maquette d'une application web responsive
- 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
- Projet d'application : formulaire dynamique avec JS
- 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
- Types de données 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
- Projet : Memory game
- 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
- Projet - Utiliser Git et Github pour gérer son code source
- 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
- Onboarding - Découverte des interfaces intelligentes : l'IA au service du Front-End web
- Fondamentaux de l'IA pour le développement web
- Machine Learning et Deep Learning pour le web
- Microlearning - Focus sur le NLP dans les interfaces web
- Computer Vision pour les interfaces web
- Conception éthique d'interfaces intelligentes
- Le rôle de l'humain dans les interactions IA
- Intégration technique de composants IA pré-entraînés
- Microlearning - Focus sur TensorFlow.js
- Transparence et contrôle utilisateur dans les interfaces IA
- Interfaces adaptatives basées sur le comportement utilisateur
- Personnalisation intelligente des interfaces web
- Performance et optimisation des modèles IA côté client
- Maîtriser les interfaces intelligentes : perspectives et évolutions
- Offboarding - Maîtriser les interfaces intelligentes : perspectives et évolutions
- Application - Interfaces intelligentes : Intégration de l'IA dans le Front-End
- Auto-évaluation : Interfaces intelligentes : Intégration de l'IA dans le Front-End
- Modéliser la partie front d'un site à partir d'un brief client
- Réaliser la partie front responsive
- Réaliser l'interface utilisateur
- Dynamiser la partie front
- Appeler une API depuis le front
- Mettre en place les recommandations de sécurité de la partie front
- Mettre en ligne la partie front d'une application
À l’issue de la formation, vous obtiendrez
Obtenez le CCP Développer la partie front-end d’une application web ou web mobile sécurisée du Titre Professionnel "Développeur web et web mobile", de niveau 5 délivré par le Ministère du Travail, RNCP37674, décision de France Compétences le 12/06/23, NSF 326t
& 
La méthode Studi : votre chemin vers le succès
Une formation qui s’adapte à votre vie
Formez-vous quand vous voulez, où vous voulez, à votre rythme.
Une méthode pensée pour concilier travail, vie perso et formation.
Vous avancez sans pression, mais avec un cadre clair.
Un accompagnement humain, du début à la fin
Un référent pédagogique dédié pour vous guider et vous motiver.
Des formateurs disponibles pour répondre à vos questions.
Chez Studi, vous n’êtes jamais livré à vous-même.
Apprendre en faisant, vraiment
Cas pratiques, projets concrets, mises en situation.
Vous développez des compétences directement utiles en entreprise.
Chaque apprentissage a un objectif métier clair.
Des formateurs issus du terrain
Plus de 700 professionnels en activité partagent leur expertise.
Des contenus alignés sur les réalités du marché de l’emploi.
Vous apprenez ce qui est réellement utilisé en entreprise.
Des formats variés pour mieux apprendre
Vidéos, cours écrits, PDF, quiz, exercices et auto-évaluations.
Des supports complémentaires pour mémoriser plus efficacement.
Une expérience d’apprentissage dynamique et engageante.
Des classes virtuelles pour aller plus loin
Plus de 10 000 classes en direct ou en replay.
Interagissez avec les formateurs et les apprenants.
Approfondissez les notions clés quand vous en avez besoin.
Une préparation solide aux examens
Évaluations d'entraînement corrigées, révisions ciblées et entraînements aux oraux.
Des classes dédiées pour se préparer sereinement.
Objectif : réussir votre diplôme du premier coup.
Une communauté qui vous tire vers le haut
Une communauté de plus de 59 000 apprenants.
Échanges, entraide et partage d’expériences.
Parce que la réussite est plus forte quand elle est collective.
Un objectif clair : votre réussite professionnelle
Des compétences pensées pour l’emploi.
Des contenus connectés au terrain.
Votre projet professionnel au cœur de la méthode Studi.
Modalités
Pour entrer en formation préparant au Titre visé, le candidat doit :
- Être âgé(e) de 16 ans à la date d'entrée en formation (ou avoir 16 ans dans l'année civile de son inscription)
Pour toute autre situation, contactez un conseiller en formation qui étudiera votre profil pour étudier 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.
Le candidat sera évalué selon les modalités suivantes :
Pendant la formation :
- Evaluation en cours de formation (ECF)
- Un dossier professionnel et ses annexes (DP)
- Un dossier de Projet
Examen final en présentiel :
- Une présentation d'un projet réalisé en amont (20 min)
- Un entretien technique avec le jury (30 min)
- Un questionnaire professionnel (30 min)
Pour obtenir le taux d’insertion dans les fonctions visées, consulter la fiche RNCP sur le site de France compétences
Le certificateur n'a identifié aucune équivalence.
Après avoir obtenu le CCP Développer la partie front-end d’une application web ou web mobile sécurisée du TP - Développeur Web et Web Mobile, il est possible de :
- Poursuivre vers l'obtention du titre complet
Tarifs et solutions de financement
France Travail
Formation éligible à des aides de France Travail (anciennement Pôle Emploi)
Entreprise
Bénéficiez d'un financement par votre employeur
Jusqu’à 100% finançable(2)
Financement personnel
Financez votre formation facilement en plusieurs fois sans frais jusqu'à 36 mois(3)
Bourse d'études
Bénéficiez d'une bourse d'études en fonction de votre profil
Inclus
(1)Sous réserve d’un crédit suffisant de vos droits formation CPF et d’un cas d’exonération d’une participation financière.
(2)Votre formation peut être financée par votre entreprise dans le cadre du plan de développement des compétences ou bien en prise en charge directe. L’employeur peut s’appuyer sur son OPCO pour obtenir une prise en charge partielle ou totale.
(3)Sous réserve d’acceptation. Vous disposez d’un délai de rétractation. Voir les conditions
(4)Hors Diplômes d’État et préparation aux concours.
(5)Nombre moyen de classes virtuelles en direct observées sur les 12 derniers mois (organisées majoritairement à partir de 18h)
(6)Voir les CGV Studi
Ces autres formations peuvent vous intéresser
Voir tout
FAQ
Le bloc de compétences « Développer la partie front-end d'une application web intégrant des modèles d'intelligence artificielle » est une certification professionnelle reconnue qui valide un ensemble de compétences spécifiques. Il fait partie d'un titre RNCP et peut être obtenu indépendamment, sous réserve de réussite aux évaluations.
Les conditions d'admission dépendent du titre RNCP dont ce bloc est issu. Un niveau d'études ou une expérience professionnelle dans le domaine peuvent être requis. Un conseiller Studi analyse votre profil pour confirmer votre éligibilité.
La durée estimée de cette formation est de 190h - 6 mois. Cette durée est indicative et s'adapte à votre rythme. La formation est 100% en ligne, accessible 24h/24 et 7j/7.
Oui, ce bloc de compétences est éligible au CPF (Compte Personnel de Formation). Vous pouvez utiliser vos droits pour financer tout ou partie de votre formation. D'autres solutions existent : aides France Travail, facilités de paiement, bourses d'études.
La validation s'effectue par une évaluation des compétences acquises, généralement sous forme de projet professionnel ou de mise en situation. Les sessions d'examen ont lieu en janvier.
Oui, après validation de ce bloc de compétences, vous pouvez poursuivre vers l'obtention du titre RNCP complet en suivant les autres blocs qui le composent. Cette approche modulaire permet de construire votre parcours progressivement.
