Passer au contenu principal
CMC
Français (fr)
English (en)
Français (fr)
Non connecté. (
Connexion
)
DWWM
Accueil
Cours
DWWM
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
BLOC 1 : Front-end
BLOC 2 : Back-end
Pré-rentré
Enseignant:
Reda DERRAZ