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
Accompagnement jusqu’à la réussite
Soutien méthodologique et motivationnel à chaque étape de votre parcours de formation, et support de vos formateurs experts
Coaching carrière
Programme de coaching exclusif orienté emploi et carrière pour booster la réussite de votre projet professionnel et votre employabilité
Apprendre en faisant
Pédagogie active où vous êtes acteur de votre apprentissage : construisez, créez, expérimentez !
Se préparer au monde professionnel
Compétences directement applicable basé sur des exemples réels, projets, cas pratiques et contenus immersifs
Réseau de formateurs de premier plan
Plus de 700 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 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
Bourse d'études
Bénéficiez d'une bourse d'études en fonction de votre profil
Financement personnel
Financez votre formation facilement en plusieurs fois sans frais jusqu'à 36 mois **
France Travail
Formation éligible à des aides de France Travail (anciennement Pôle Emploi)
Inclus
*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.
**Sous réserve d’acceptation. Vous disposez d’un délai de rétractation. Voir les conditions
***Hors Diplômes d’État et préparation aux concours.
****Nombre moyen de classes virtuelles en direct observées sur les 12 derniers mois (organisées majoritairement à partir de 18h)
*****Voir les CGV Studi
Ces autres formations peuvent vous intéresser
Voir tout
