Paiement par virement bancaire · Marocتعلَّم · مارِس · أتقِن

Catalogue / Développement

Développement web : HTML, CSS et JavaScript

Construire des sites modernes de A à Z : HTML sémantique, CSS (Flexbox, Grid, responsive), JavaScript, DOM, fetch et API REST, jusqu’au site complet d’un riad.

  • Débutant à intermédiaire
  • 17 leçons
  • 17 h 20

Formation MasterLinux · Texte original

Ce que vous apprendrez

  • Comprendre ce qui se passe entre le navigateur et le serveur (DNS, HTTP, HTTPS)
  • Écrire des pages HTML sémantiques, accessibles, avec formulaires et tableaux
  • Mettre en forme avec CSS et maîtriser la cascade, la spécificité et le modèle de boîte
  • Construire des mises en page responsives avec Flexbox, Grid et les media queries
  • Programmer en JavaScript moderne (fonctions, tableaux, objets, classes, modules)
  • Gérer l’asynchrone avec les promesses et async/await
  • Manipuler le DOM et dialoguer avec une API REST grâce à fetch
  • Livrer un site rapide, accessible et sûr, outillé avec npm, un formateur et un linter

Programme de la formation

17 leçons · 17 h 20
Section 1 — HTML et CSS6 leçons · 4 h 50
  1. Comment fonctionne le web : client, serveur, DNS, HTTP et navigateur Aperçu40 min
  2. HTML : structure d'une page, balises sémantiques, liens et images Aperçu45 min
  3. HTML : formulaires, tableaux et accessibilité 50 min
  4. CSS : sélecteurs, cascade, spécificité, modèle de boîte, unités, couleurs et polices 55 min
  5. Mise en page : Flexbox 45 min
  6. Mise en page : Grid et responsive design (media queries, mobile d'abord) 55 min
Section 2 — JavaScript5 leçons · 4 h 45
  1. JavaScript 1 : variables, types, opérateurs et conditions 55 min
  2. JavaScript 2 : fonctions, portée et fonctions fléchées 50 min
  3. JavaScript 3 : tableaux et objets, map, filter, reduce et JSON 1 h 00
  4. JavaScript 4 : classes, modules ES et gestion des erreurs 1 h 00
  5. JavaScript asynchrone : callbacks, promesses et async/await 1 h 00
Section 3 — Navigateur et réseau3 leçons · 2 h 55
  1. Le DOM : sélectionner, modifier, créer des éléments et réagir aux événements 1 h 00
  2. fetch et les API REST : JSON, codes HTTP et CORS 1 h 00
  3. Stockage navigateur (localStorage, cookies) et sécurité de base (XSS, HTTPS) 55 min
Section 4 — Qualité2 leçons · 1 h 50
  1. Outils du développeur front : npm, Vite, formatage, linting et débogage 55 min
  2. Performance et accessibilité : Lighthouse, images et chargement 55 min
Section 5 — Projet1 leçon · 3 h 00
  1. Projet : le site complet d'un riad (accueil, chambres, réservation en JavaScript) 3 h 00

Prérequis

  • Savoir utiliser un ordinateur et un navigateur web
  • Aucune connaissance en programmation n’est exigée
  • Les bases du terminal aident pour les labs (cours « Fondamentaux » conseillé)

À qui s’adresse cette formation ?

  • Débutants qui veulent devenir développeurs web
  • Étudiants en informatique (BTS, DUT, licence) qui veulent une base solide et pratique
  • Commerçants, artisans ou gérants de riad qui veulent comprendre et faire évoluer leur site
  • Administrateurs système qui veulent passer au développement