Finançable CPF
Développer la partie front-end d'une application web intégrant des modèles d'intelligence artificielle

Les fondamentaux du développement

Écosystème et outils du développeur

• 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 à 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

Développer la partie front-end d'une application web intégrant des modèles d'intelligence artificielle

Participer à des projets web

• 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 

Réaliser une maquette avec Figma

• 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

Créer un site web avec HTML & CSS

• 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

Créer un site web avec le CMS Wordpress

• 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

Débuter avec Javascript

• 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

Programmer avec Javascript

• 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 

Utiliser Git et Github pour gérer son code source

• 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

Déployer son application web

• La mise en ligne d’applications web avec Heroku
• Présentation et utilisation de Fly.io
• Présentation et utilisation de planethoster

Sécuriser ses applications web

• 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

Gérer des contenus

• 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

Interfaces intelligentes : Intégration de l'IA dans le Front-End

• 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 

Projet fil rouge - Développement 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