Groupe ECL · Gestion et management

Le front-end expliqué — HTML, CSS, JavaScript et les frameworks

Fullstack pour décideurs · séance 1 · ≈ 28 min d’écoute

Écouter ce coursLe lire

Ce que tu sauras faire

• Expliquer HTML, CSS, JS avec des mots simples
• Distinguer front, back, base de données
• Comparer React, Vue et Angular sans coder
• Évaluer responsive, accessibilité et performance

Écouter un extrait

Au programme

1. La structure du web : HTML, CSS et JavaScript
   • HTML : la charpente de la page
   • CSS : la mise en scène visuelle
   • JavaScript : le moteur de l'interactivité
2. Les frameworks front-end : choisir et piloter
   • Pourquoi les frameworks existent
   • React, Vue, Angular : portrait comparé
   • Coûts, délais et décisions de manager
3. Qualité front-end : responsive, accessibilité et UX technique
   • Responsive design : s'adapter à tous les écrans
   • Accessibilité numérique : obligation et levier
   • Performance, SEO et pilotage du rendu final

Notions clés du cours

HTML

HTML est le langage qui décrit la structure et le contenu d'une page web à l'aide de balises : titres, paragraphes, images, liens, formulaires.

CSS

CSS est le langage qui contrôle l'apparence visuelle d'une page web : couleurs, typographies, espacements, animations et mise en page.

JavaScript

JavaScript est le seul langage de programmation exécuté nativement par les navigateurs web.

Framework front-end

Un framework front-end est un ensemble de conventions, d'outils et de composants prêts à l'emploi qui organisent et accélèrent le développement d'interfaces web complexes, en imposant une architecture partagée à toute l'…

React, Vue.js, Angular

React, Vue et Angular sont les trois frameworks JavaScript front-end dominants.

Responsive design

Le responsive design désigne la capacité d'une interface web à adapter automatiquement sa mise en page à la taille et aux caractéristiques de l'écran de l'utilisateur, grâce à des règles CSS dynamiques.

Accessibilité numérique (A11y)

L'accessibilité numérique désigne la capacité d'une interface à être utilisée par toutes les personnes, quelles que soient leurs capacités sensorielles, motrices ou cognitives, via des technologies d'assistance ou des ad…

Core Web Vitals

Les Core Web Vitals sont trois métriques de performance front-end définies par Google pour mesurer l'expérience utilisateur réelle : la vitesse de chargement du contenu principal (LCP), la réactivité aux interactions (IN…

Questions fréquentes

Combien de temps dure « Le front-end expliqué — HTML, CSS, JavaScript et les frameworks » ?

Environ 28 min d’écoute, réparties sur 51 écrans avec voix-off et 4 quiz d’auto-évaluation.

Que saurai-je faire à la fin ?

Expliquer HTML, CSS, JS avec des mots simples. Distinguer front, back, base de données. Comparer React, Vue et Angular sans coder.

Faut-il un compte ou payer ?

Non : ce cours est accessible sans inscription, et il peut être téléchargé pour l’écouter hors-ligne.

Puis-je lire au lieu d’écouter ?

Oui : choisis « Lire » (texte seul), « Suivre » (voix et texte qui défile), « Écouter » (audio seul) ou « Slides ».

Sources citées dans le cours

• W3C — HTML Living Standard, whatwg.org, 2026
• W3C — CSS Snapshot 2023, w3.org/TR/css-2023/
• MDN Web Docs — JavaScript Guide, Mozilla Foundation, 2026
• Brendan Eich — Histoire de JavaScript, brendaneich.com
• State of JS 2024 — stateofjs.com, résultats annuels
• State of JS 2024 — stateofjs.com
• npm trends 2024 — npmtrends.com/react vs vue vs @angular/core
• Ethan Marcotte — Responsive Web Design, A List Apart, 2010
• Médiamétrie — Audience Internet Mobile France 2024
• W3C — WCAG 2.2, w3.org/TR/WCAG22/, 2023

Dans la même série

• Comment fonctionne une application web — du navigateur au serveur (28 min)
• L'architecture d'une application — front-end, back-end, base de données, API (27 min)
• Le back-end expliqué — serveurs, langages, logique métier et authentification (23 min)
• Les bases de données — SQL, NoSQL et modélisation des données (25 min)
• Les API et l'intégration — REST, GraphQL, webhooks (29 min)
• Le cycle de vie d'un projet logiciel — agile, sprints et MVP (26 min)
• DevOps et mise en production — cloud, hébergement et CI/CD (30 min)
• Qualité, tests et dette technique (24 min)
• Sécurité applicative pour décideurs — risques, OWASP et RGPD (31 min)
• No-code / low-code — livrer vite sans développeur (29 min)
• Manager une équipe de développeurs — rôles, rituels et motivation (27 min)
• Recruter et évaluer des profils tech sans être technique (24 min)

Toute la série « Fullstack pour décideurs » · Tous les cours Groupe ECL

Cours conçu par le Groupe École de Commerce de Lyon. Contenu pédagogique de formation, sans valeur de diplôme.