Finançable CPF
Développer la partie front-end d’une application web ou web mobile sécurisée

Les fondamentaux du développement (facultatif)

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

Développer la partie front-end d’une application

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  

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  

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

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  

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 conteneurs

• 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