Développeur web full stack + spécialisation frameworks & UI/UW

Objectifs

La formation vise à former des professionnels au métier de développeur web full stack. Le développeur web full stack  est capable de concevoir et réaliser de A à Z un site ou une application web et mobile, de comprendre et de travailler sur « toute la stack » :
- Développement du projet ou de l’application web (conception, organisation)
- Développement de l’interface avec l’utilisateur ou « front end » en veillant à mettre en place les  solutions techniques nécessaires pour une expérience utilisateur optimale (notamment en termes de « responsive design ») et une interface intuitive et dynamique (mise en œuvre des technologies et langages appropriés pour garantir l’accessibilité pour tous les publics).
- Développement des bases de données et du codage de l’application (identification, requêtes dans la base de données, …) ou « back end » en veillant à mettre en œuvre, dans une démarche d’éco-conception, les technologies et langages appropriés visant à garantir la sécurité de l’application.   

Sa maîtrise du développement d’applications web front-end et back-end lui permet de coordonner le développement d’applications ou de sites web et d’être ainsi un profil recherché par les entreprises.
 
La formation permet en plus d'acquérir deux spécialités supplémentaires : 

- une spécialisation frameworks pour être capable de concevoir une application au sein d'un environnement commun. L'avantage est de permettre d'accelérer les temps de production et de livraison au client, tout en travaillant dans un environnement normalisé, fiable et sécurisé. Les framework permettent une meilleure maintenabilité et facilitent les opérations de mise-à jour.

- une spécialisation UX/UI pour  comprendre les besoins des utilisateurs dans leur démarche d'utilisation d'un produit. Cette étape nécessite de comprendre un cahier des charges client, réaliser les prototypes de composants d'interface (boutons d'actions, champs de formulaire ... ), d'effectuer des tests d'usabilité.

Programme

Bloc de compétences 1 - Développement Front End de sites et applications web
Traduire une maquette en code structuré et valide compréhensible par les navigateurs suivant les règles du W3C, du RGAA et WCAG pour l’accessibilité
HTML : le langage, la sémantiques et le référencement (SEO)
CSS : le langage, la mise en forme et l’animation d’une page
Intégrer du contenu de manière moderne et responsive : flexbox, grids, media queries
Utiliser un framework (Bootstrap) et un préprocesseur de CSS (Sass)
Dynamiser une page avec JavaScript
JavaScript : l’algorithmique, la programmation fonctionnelle, le langage
Manipulation du Document Object Model avec une approche object
JavaScript asynchrone : JSON, ajax, utilisation de services externes
Bloc de compétences 2 : Développement back end d’applications Web
Bases de données : conception, MCD, MLD, modèle relationnel
Bases de données : faire des requêtes, langage SQL
Bases de données : sécuriser et administrer (MySQL, PhpMyAdmin). Respect de la réglementation (RGPD)
PHP : le langage, programmation fonctionnelle et procédurale
La Programmation Orientée Objet : UML, concepts, application à PHP
Accès aux données sécurisées : PDO, utilisateurs et rôles, session (et cookies), sécurité (hachage, prévention des injections, failles XSS)
Architecture d’une application : Modèle-Vue-Contrôleur, organisation et protection des fichiers (.htaccess, ...), gestion des dépendances en PHP (Composer)
Tester et déployer une application sur un serveur
Construire une API REST (utilisation de Supabase)
Bloc de compétences 3 : Développement avancé : Comprendre et utiliser une architecture de type framework
Principe et intérêts d’un framework de back end
Installation et dépendances de Symfony
Configuration et architecture d’un projet
MVC sous Symfony : routage et contrôleurs, gestion des accès et permissions, sécurité (JWT)
MVC sous Symfony : les vues avec un moteur de template (Twig)
MVC sous Symfony : les modèles, le schéma Entity/Repository, la liaison entre les objets et la base de données relationnelle (ORM Doctrine)
Bloc de compétences 4 : Design d’interfaces utilisateur
Analyser un cahier des charges et le traduire
Garantir la cohérence graphique et typologique d’un site (UI)
Structurer l’ergonomie d’une application (UX)
Maquettage et prototypage (Figma)
Composants, layout et responsive design (Figma)