Passer au contenu principal
CMC
Français (fr)
English (en)
Français (fr)
Non connecté. (
Connexion
)
3. Réaliser des interfaces utilisateur statiques
Accueil
Cours
DWWM
BLOC 1 : Front-end
3. Réaliser des interfaces utilisateur statiques
Catégories de cours
DWWM
DWWM / BLOC 1 : Front-end
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Choisir un éditeur de code adapté (VS Code, WebStorm, etc.)
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Installer Node.js, npm/yarn
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Installer un navigateur moderne (Chrome, Firefox…)
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Savoir utiliser un terminal (commandes de base)
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Installer un gestionnaire de versions (Git)
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Configurer Git (compte, SSH, dépôt local/distant)
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Installer les outils de debug front (extensions, devtools)
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Créer et organiser la structure de dossiers du projet
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Installer et configurer un framework CSS (Bootstrap, Tailwind…)
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Savoir utiliser un gestionnaire de paquets pour installer des dépendances
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Mettre en place des outils de build (Webpack, Vite, Parcel…)
DWWM / BLOC 1 : Front-end / 1. Installer et configurer son environnement de travail / Mettre en place un serveur local de développement
DWWM / BLOC 1 : Front-end / 2. Maquetter des interfaces utilisateur
DWWM / BLOC 1 : Front-end / 2. Maquetter des interfaces utilisateur / Comprendre la notion de maquette et de wireframe
DWWM / BLOC 1 : Front-end / 2. Maquetter des interfaces utilisateur / Utiliser un outil de maquettage (Figma, Adobe XD, Balsamiq…)
DWWM / BLOC 1 : Front-end / 2. Maquetter des interfaces utilisateur / Respecter une charte graphique ou un cahier des charges
DWWM / BLOC 1 : Front-end / 2. Maquetter des interfaces utilisateur / Savoir découper une maquette en composants UI (header, footer, sidebar…)
DWWM / BLOC 1 : Front-end / 2. Maquetter des interfaces utilisateur / Prendre en compte l’accessibilité dès la maquette
DWWM / BLOC 1 : Front-end / 2. Maquetter des interfaces utilisateur / Identifier les zones d’interaction (boutons, formulaires, menus…)
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Maîtriser HTML5 sémantique
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Utilisation correcte des balises (header, nav, main, section, article, footer…)
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Bonnes pratiques d’accessibilité (aria, alt, labels)
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Maîtriser CSS3
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Positionnement (flex, grid, float)
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Responsive design (media queries)
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Utilisation d’un préprocesseur (Sass, LESS…)
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Animation et transitions CSS de base
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Intégrer des polices, icônes, images optimisées
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Savoir structurer le code pour la réutilisation (BEM, composants…)
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Utiliser les outils d’inspection (DevTools) pour corriger l’affichage
DWWM / BLOC 1 : Front-end / 3. Réaliser des interfaces utilisateur statiques / Mettre en place une navigation simple (menu, liens)
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Maîtriser les bases de JavaScript
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Syntaxe, variables, fonctions, tableaux, objets
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Manipulation du DOM (sélection, modification, création, suppression d’éléments)
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Gestion des événements (click, submit, etc.)
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Utiliser les APIs du navigateur (localStorage, fetch…)
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Effectuer des requêtes HTTP (AJAX/fetch)
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Afficher dynamiquement des données (listes, tableaux…)
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Gérer les formulaires (validation, envoi…)
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Gestion des erreurs côté client
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Sécuriser les données saisies (protection XSS, validation…)
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Utiliser un framework ou une librairie front-end (React, Vue, Angular…)
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Comprendre la notion de composant
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Gérer l’état (state) et les props
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Utiliser le routing (navigation dynamique)
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Mettre en place une communication avec le back-end (API REST)
DWWM / BLOC 1 : Front-end / 4. Développer la partie dynamique des interfaces utilisateur / Savoir déboguer son application
DWWM / BLOC 2 : Back-end
DWWM / BLOC 2 : Back-end / 1. Mettre en place une base de données relationnelle
DWWM / BLOC 2 : Back-end / 1. Mettre en place une base de données relationnelle / Comprendre le modèle relationnel (tables, relations, clés primaires/étrangères)
DWWM / BLOC 2 : Back-end / 1. Mettre en place une base de données relationnelle / Installer un SGBD (MySQL, PostgreSQL, MariaDB…)
DWWM / BLOC 2 : Back-end / 1. Mettre en place une base de données relationnelle / Créer et modifier des bases de données et tables
DWWM / BLOC 2 : Back-end / 1. Mettre en place une base de données relationnelle / Savoir écrire des requêtes SQL (CRUD : SELECT, INSERT, UPDATE, DELETE)
DWWM / BLOC 2 : Back-end / 1. Mettre en place une base de données relationnelle / Gérer les droits/utilisateurs de la base de données
DWWM / BLOC 2 : Back-end / 1. Mettre en place une base de données relationnelle / Concevoir un schéma de base de données à partir d’un cahier des charges
DWWM / BLOC 2 : Back-end / 1. Mettre en place une base de données relationnelle / Optimiser les requêtes (index, jointures)
DWWM / BLOC 2 : Back-end / 1. Mettre en place une base de données relationnelle / Sauvegarder et restaurer une base de données
DWWM / BLOC 2 : Back-end / 2. Développer des composants d’accès aux données SQL et NoSQL
DWWM / BLOC 2 : Back-end / 2. Développer des composants d’accès aux données SQL et NoSQL / Connexion à une base de données en back-end (Node.js/Express, PHP, Python…)
DWWM / BLOC 2 : Back-end / 2. Développer des composants d’accès aux données SQL et NoSQL / Écrire des fonctions de lecture, insertion, mise à jour, suppression (CRUD) via le back-end
DWWM / BLOC 2 : Back-end / 2. Développer des composants d’accès aux données SQL et NoSQL / Utiliser une base NoSQL (MongoDB, Firebase…)
DWWM / BLOC 2 : Back-end / 2. Développer des composants d’accès aux données SQL et NoSQL / Comprendre la différence SQL/NoSQL
DWWM / BLOC 2 : Back-end / 2. Développer des composants d’accès aux données SQL et NoSQL / Écrire des opérations de base en NoSQL
DWWM / BLOC 2 : Back-end / 2. Développer des composants d’accès aux données SQL et NoSQL / Tester les composants d’accès aux données
DWWM / BLOC 2 : Back-end / 3. Développer des composants métier côté serveur
DWWM / BLOC 2 : Back-end / 3. Développer des composants métier côté serveur / Créer une application serveur (API RESTful) avec un framework adapté (Express, Django, Laravel…)
DWWM / BLOC 2 : Back-end / 3. Développer des composants métier côté serveur / Implémenter la logique métier (gestion des utilisateurs, droits, rôles, etc.)
DWWM / BLOC 2 : Back-end / 3. Développer des composants métier côté serveur / Gérer les sessions et l’authentification (JWT, cookies…)
DWWM / BLOC 2 : Back-end / 3. Développer des composants métier côté serveur / Sécuriser l’application (CORS, XSS, CSRF, etc.)
DWWM / BLOC 2 : Back-end / 3. Développer des composants métier côté serveur / Gérer les erreurs et logs serveur
DWWM / BLOC 2 : Back-end / 3. Développer des composants métier côté serveur / Tester les endpoints (Postman, Insomnia…)
DWWM / BLOC 2 : Back-end / 3. Développer des composants métier côté serveur / Assurer la conformité RGPD (gestion des données personnelles)
DWWM / BLOC 2 : Back-end / 4. Documenter le déploiement d’une application dynamique web ou web mobile
DWWM / BLOC 2 : Back-end / 4. Documenter le déploiement d’une application dynamique web ou web mobile / Rédiger une documentation claire d’installation et de déploiement
DWWM / BLOC 2 : Back-end / 4. Documenter le déploiement d’une application dynamique web ou web mobile / Expliquer la configuration des variables d’environnement
DWWM / BLOC 2 : Back-end / 4. Documenter le déploiement d’une application dynamique web ou web mobile / Documenter la mise en ligne sur un hébergement (FTP, cloud, VPS…)
DWWM / BLOC 2 : Back-end / 4. Documenter le déploiement d’une application dynamique web ou web mobile / Expliquer l’installation des dépendances (npm install, composer…)
DWWM / BLOC 2 : Back-end / 4. Documenter le déploiement d’une application dynamique web ou web mobile / Décrire les étapes de migration ou de mise à jour de la base de données
DWWM / BLOC 2 : Back-end / 4. Documenter le déploiement d’une application dynamique web ou web mobile / Documenter la sécurisation minimale en production (HTTPS, sauvegardes…)
DWWM / BLOC 2 : Back-end / 4. Documenter le déploiement d’une application dynamique web ou web mobile / Fournir des instructions pour le monitoring et la gestion des erreurs
DWWM / BLOC 2 : Back-end / 4. Documenter le déploiement d’une application dynamique web ou web mobile / Rédiger un guide utilisateur/administrateur pour l’application
Rechercher des cours
Rechercher des cours
Tout déplier
Maîtriser HTML5 sémantique
Utilisation correcte des balises (header, nav, main, section, article, footer…)
Bonnes pratiques d’accessibilité (aria, alt, labels)
Maîtriser CSS3
Positionnement (flex, grid, float)
Responsive design (media queries)
Utilisation d’un préprocesseur (Sass, LESS…)
Animation et transitions CSS de base
Intégrer des polices, icônes, images optimisées
Savoir structurer le code pour la réutilisation (BEM, composants…)
Utiliser les outils d’inspection (DevTools) pour corriger l’affichage
Mettre en place une navigation simple (menu, liens)