Objectifs
Appliquer les étapes du développement front-end d’applications web et web mobile, de la conception au déploiement, en utilisant des technologies adaptées.
Analyser les contraintes d’affichage et d’ergonomie pour concevoir des interfaces responsives adaptées aux différentes plateformes (web, desktop, mobile).
Collaborer efficacement au sein d’une équipe de développement en adoptant des méthodes de travail autonomes et structurées.
Programme
- Environnement et outils : Découverte des outils essentiels : IDE (Visual Studio Code, WebStorm), gestionnaires de version (Git, GitHub/GitLab). Installation et configuration de Node.js, mise en place de serveurs locaux et gestion des packages. Introduction au workflow collaboratif pour un travail efficace en équipe.
- Maquettage (Figma) : Comprendre les principes fondamentaux de l’UX/UI et leur impact sur l’expérience utilisateur. Création de wireframes et prototypes interactifs avec Figma pour concevoir des interfaces ergonomiques et accessibles.
- Web statique, interfaces : Structuration de pages web en HTML sémantique. Utilisation avancée de CSS : Flexbox, CSS Grid, animations pour des interfaces modernes et dynamiques. Application des principes du design responsive et mobile-first. Intégration des standards d’accessibilité numérique pour une meilleure inclusivité.
- Web dynamique javascript, frameworks : Programmation en JavaScript pour dynamiser les interfaces. Gestion des événements et manipulation du DOM. Introduction à un framework front-end pour faciliter le développement et améliorer la maintenabilité du code. Approfondissement des événements asynchrones et des interactions utilisateur.
- API REST : Connexion à des APIs REST pour récupérer et envoyer des données. Maîtrise des requêtes HTTP avec Fetch ou Axios. Gestion des données dynamiques et interactions utilisateur pour enrichir l’expérience front-end.
Les logiciels, frameworks et technologies utilisés évolueront en fonction des besoins pédagogiques et des tendances du secteur.