Introduction au développement web

Saisissez l'occasion de faire des économies ! Bénéficiez de 40 % de réduction sur 3 mois de Coursera Plus et d'un accès complet à des milliers de cours.

Introduction au développement web

Ce cours fait partie de plusieurs programmes.

Instructeur : Microsoft

8 169 déjà inscrits

Inclus avec

5 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

36 avis

niveau Débutant

Expérience recommandée

Planning flexible

4 semaines à 10 heures une semaine

Apprenez à votre propre rythme

89%

La plupart des étudiants ont apprécié ce cours

5 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

36 avis

niveau Débutant

Expérience recommandée

Planning flexible

4 semaines à 10 heures une semaine

Apprenez à votre propre rythme

89%

La plupart des étudiants ont apprécié ce cours

Compétences que vous acquerrez

Catégorie : Javascript
Catégorie : Semantic Web
Catégorie : Microsoft Copilot
Catégorie : Web Design
Catégorie : Responsive Web Design
Catégorie : HTML and CSS
Catégorie : Web Content Accessibility Guidelines
Catégorie : Web Development
Catégorie : Front-End Web Development

Outils que vous découvrirez

Catégorie : Cascading Style Sheets (CSS)
Catégorie : JSON
Catégorie : Git (Version Control System)
Catégorie : Hypertext Markup Language (HTML)
Catégorie : GitHub

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

33 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours est disponible dans le cadre de

Lorsque vous vous inscrivez à ce cours, vous devez également sélectionner un programme spécifique.

Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable auprès de Microsoft

Il y a 5 modules dans ce cours

Ce cours couvre les éléments essentiels du développement web, notamment le HTML, le CSS et le JavaScript. Vous apprendrez le responsive Design, l'accessibilité Web, et comment utiliser Git et Microsoft Copilot pour collaborer et construire de petits projets Web efficacement. À la fin de ce programme, vous serez en mesure de... Définir la structure et les éléments de base du HTML, la syntaxe du CSS et du JavaScript, et les concepts de contrôle de version.

Expliquer les principes du Responsive Design, de l'accessibilité Web, de la manipulation du DOM, du JavaScript asynchrone et de l'intégration de Git avec les outils de développement. Décrire les techniques CSS avancées, les fonctions et la portée de JavaScript, le développement collaboratif avec GitHub et les fonctionnalités de Microsoft Copilot. Appliquer les compétences HTML, CSS et JavaScript avec Microsoft Copilot pour un petit projet Web.

Dans ce module, vous apprendrez les bases du HTML, notamment sa structure, ses éléments clés et son rôle dans le développement web. Vous comprendrez comment le HTML interagit avec CSS et JavaScript et pourquoi le HTML sémantique est important pour l'accessibilité. À la fin du module, vous créerez des pages Web simples, en appliquant vos compétences fondamentales en HTML à l'aide d'exercices pratiques.

Inclus

26 vidéos10 lectures6 devoirs2 laboratoires non notés2 plugins

26 vidéos Total 121 minutes

Introduction au cours : Introduction au développement web 3 minutes
Présentation de l'instructeur 2 minutes
Le déroulement du cours 3 minutes
Compléter les laboratoires guidés 4 minutes
Présentation de l'outil IA : Microsoft Copilot 3 minutes
Comment réussir dans ce programme 5 minutes
Introduction au projet 4 minutes
Introduction au HTML 2 minutes
Éléments et balises HTML 5 minutes
Attributs HTML 6 minutes
Structure et hiérarchie des documents HTML 5 minutes
Le serveur d'authentification HTML, fondement du contenu Web 5 minutes
Interaction entre HTML et CSS 11 minutes
Interaction entre HTML et JavaScript 7 minutes
Comprendre le HTML sémantique 4 minutes
HTML sémantique et accessibilité 5 minutes
Mise en œuvre du HTML sémantique dans le développement Web 8 minutes
Structurer un document HTML 4 minutes
Travailler avec des formulaires, des tableaux et des listes 6 minutes
Intégration d'éléments médiatiques 7 minutes
Construire un document HTML 6 minutes
Structurer la page web 4 minutes
Incorporer du texte, des listes et des liens 4 minutes
Page HTML à l'aveugle 3 minutes
Créer une page web avec HTML 3 minutes
Conclusion : HTML pour le développement Web 1 minute

10 lectures Total 200 minutes

Syllabus du cours d'introduction au développement web 30 minutes
Compléter les laboratoires guidés 30 minutes
Outils Microsoft pour le développement front-end 10 minutes
Structure et éléments du HTML 30 minutes
HTML dans le développement Web 10 minutes
HTML sémantique 10 minutes
Construire un document HTML 30 minutes
Essayez-le ! Construire un document HTML - Clé de réponse 10 minutes
Construire une page web complète avec HTML 30 minutes
A vous de jouer ! Créer une page Web avec HTML - Clé de réponse 10 minutes

6 devoirs Total 150 minutes

Quiz pratique : Introduction au HTML 20 minutes
Quiz pratique : Le rôle du HTML dans le développement Web 25 minutes
Quiz pratique : L'importance du HTML sémantique 20 minutes
Quiz pratique : Construire votre premier document HTML 20 minutes
Quiz pratique : Construire une page web complète avec HTML 15 minutes
Quiz noté : HTML pour le développement web 50 minutes

2 laboratoires non notés Total 90 minutes

Essayez-le ! Construction d'un document HTML 30 minutes
Essayez ! Créer une page web avec HTML 60 minutes

2 plugins Total 30 minutes

Laboratoire guidé : Construire un document HTML 15 minutes
Laboratoire guidé : Créer une page web avec HTML 15 minutes

Dans ce module, vous apprendrez les concepts de base et la syntaxe de CSS, en vous concentrant sur la façon dont il est utilisé pour styliser et mettre en page des pages Web. Vous explorerez les techniques de Responsive Web Design réactif pour garantir que les sites Web fonctionnent de manière transparente sur différents appareils et tailles d'écran. Le module aborde également les principales fonctionnalités d'accessibilité au web, leur importance et les techniques CSS avancées. À la fin, vous appliquerez ces compétences pour concevoir une page Web entièrement réactive et accessible à l'aide de CSS.

Inclus

17 vidéos6 lectures6 devoirs1 laboratoire non noté1 plugin

17 vidéos Total 83 minutes

Introduction aux CSS pour le développement web 2 minutes
Syntaxe et structure CSS 8 minutes
Application de CSS aux documents HTML 6 minutes
Le modèle de boîte CSS 4 minutes
Principes du Responsive Web Design réactif 4 minutes
Requêtes sur les médias 3 minutes
Techniques de création de mises en page flexibles 6 minutes
Introduction à l'amélioration de l'accessibilité du web avec les CSS 7 minutes
Utiliser les CSS pour améliorer l'accessibilité 6 minutes
Bonnes pratiques pour une conception accessible 6 minutes
Flexbox pour des mises en page réactives 4 minutes
Grille CSS pour les mises en page complexes 4 minutes
Animations et transitions CSS 6 minutes
Planification d'un Responsive Web Design réactif 4 minutes
Mise en œuvre de Flexbox pour des mises en page réactives 3 minutes
Créer une page web réactive avec des techniques CSS avancées 7 minutes
Conclusion : CSS pour le développement Web 2 minutes

6 lectures Total 60 minutes

CSS 10 minutes
Introduction aux CSS 10 minutes
Accessibilité du Web 10 minutes
Techniques CSS pour la conception de sites web 10 minutes
Créer une page web réactive avec des techniques CSS avancées 10 minutes
Essayez-le ! Créer une page Web réactive avec les techniques CSS avancées - Clé de réponse 10 minutes

6 devoirs Total 150 minutes

Quiz pratique : Introduction aux CSS 20 minutes
Quiz pratique : Conception de sites web avec CSS 20 minutes
Quiz pratique : Améliorer l'accessibilité du Web avec les CSS 20 minutes
Quiz pratique : Techniques CSS avancées pour la conception de sites Web 20 minutes
Quiz pratique : Créer une page Web réactive avec les techniques CSS avancées 20 minutes
Quiz noté : CSS pour le développement web 50 minutes

1 laboratoire non noté Total 60 minutes

Essayez-le ! Créer une page Web réactive avec des techniques CSS avancées 60 minutes

1 plugin Total 15 minutes

Laboratoire guidé : Créer une page web réactive avec les techniques CSS avancées 15 minutes

Dans ce module, vous apprendrez la syntaxe et les constructions de base de JavaScript, en vous concentrant sur son utilisation pour manipuler le Modèle DOM (Modèle DOM). Vous explorerez des concepts clés tels que les fonctions, la portée et la programmation asynchrone. Le module couvre également les techniques JavaScript avancées et la gestion des données avec JSON. À la fin du module, vous aurez une base solide en JavaScript pour créer des pages web dynamiques et interactives.

Inclus

20 vidéos13 lectures7 devoirs5 laboratoires non notés5 plugins

20 vidéos Total 127 minutes

Introduction : Les bases du JavaScript 2 minutes
Variables, types de données et opérateurs en JavaScript 10 minutes
Structures de contrôle JavaScript 10 minutes
Écrire et exécuter du code JavaScript 6 minutes
Écrire des programmes JavaScript de base 4 minutes
Comprendre le Modèle DOM (DOM) 12 minutes
Manipuler le Modèle DOM avec JavaScript 8 minutes
Manipuler le Modèle DOM (DOM) Labo 5 minutes
Fonctions en JavaScript 5 minutes
Comprendre la portée en JavaScript 4 minutes
Principes de la programmation asynchrone 6 minutes
Utiliser Async/Await en JavaScript 6 minutes
Écrire du JavaScript asynchrone 16 minutes
JavaScript Patron de conception 9 minutes
Travailler avec JSON 6 minutes
Mise en œuvre du modèle de module pour un code réutilisable 4 minutes
Comprendre JSON 6 minutes
Travailler avec JSON en JavaScript 4 minutes
Gestion des données avec JSON 5 minutes
Conclusion : Introduction à JavaScript pour l'interactivité 2 minutes

13 lectures Total 130 minutes

Les bases du JavaScript 10 minutes
Essayez-le ! Écrire des programmes JavaScript de base - Clé de réponse 10 minutes
Manipulation du DOM 10 minutes
Essayez-le ! Manipuler le Modèle DOM (DOM) - Clé de réponse 10 minutes
Fonctions en JavaScript 10 minutes
Champ d'application en JavaScript 10 minutes
JavaScript asynchrone 10 minutes
Essayez-le ! Écrire du JavaScript asynchrone - Clé de réponse 10 minutes
JavaScript Patron de conception 10 minutes
Gestion des données avec JSON 10 minutes
Essayez-le ! Implémentation du modèle de module pour un code réutilisable - Clé de réponse 10 minutes
Gestion des données avec JSON 10 minutes
Essayez-le ! Gestion des données avec JSON - Clé de réponse 10 minutes

7 devoirs Total 140 minutes

Quiz pratique : Les bases du JavaScript 15 minutes
Quiz pratique : Manipulation du Modèle (DOM) 15 minutes
Quiz pratique : Fonctions JavaScript et portée 15 minutes
Quiz pratique : JavaScript asynchrone 15 minutes
Quiz pratique : Concepts avancés de JavaScript 15 minutes
Quiz pratique : Gestion des données avec JSON 15 minutes
Quiz noté : Introduction à JavaScript pour l'interactivité 50 minutes

5 laboratoires non notés Total 210 minutes

Essayez-le ! Ecrire des programmes JavaScript de base 30 minutes
Essayez-le ! Manipuler le Modèle DOM (DOM) 60 minutes
Essayez-le ! Écrire du JavaScript asynchrone 30 minutes
Essayez-le ! Mise en œuvre du modèle de module pour un code réutilisable 30 minutes
Essayez-le ! Gestion des données avec JSON 60 minutes

5 plugins Total 75 minutes

Laboratoire guidé : Écrire des programmes JavaScript de base 15 minutes
Laboratoire guidé : Manipuler le Modèle DOM (DOM) 15 minutes
Laboratoire guidé : Écrire du JavaScript asynchrone 15 minutes
Laboratoire guidé : Mise en œuvre du modèle de module pour un code réutilisable 15 minutes
Labo guidé : Gestion des données avec JSON 15 minutes

Dans ce module, vous apprendrez les concepts fondamentaux du contrôle des versions, en mettant l'accent sur Git pour la gestion des changements de code. Vous explorerez les commandes de base de Git et comment utiliser GitHub pour le développement collaboratif. Vous apprendrez également à intégrer Git aux outils de développement et aux IDE, ainsi que des techniques avancées de gestion des référentiels. À la fin, vous serez prêt à travailler efficacement sur des projets en équipe en utilisant Git et GitHub.

Inclus

14 vidéos9 lectures9 devoirs2 plugins

14 vidéos Total 70 minutes

Introduction : Contrôle des versions avec Git et GitHub 2 minutes
Principes de base du Contrôle des versions 8 minutes
Contrôle des versions 9 minutes
Configuration et initialisation de Git 4 minutes
Commandes principales de Git 5 minutes
Commandes de base de Git 2 minutes
Introduction à GitHub 5 minutes
Collaborer avec GitHub 4 minutes
Intégration de Git avec les IDEs 7 minutes
Améliorer la productivité avec les plugins Git 6 minutes
Gestion des branches et fusion 7 minutes
Gestion avancée des référentiels 4 minutes
Techniques avancées de Git 6 minutes
Conclusion : Contrôle des versions avec Git et Github 2 minutes

9 lectures Total 85 minutes

Contrôle des versions 10 minutes
Configuration et initialisation de Git 10 minutes
Commandes principales de Git 5 minutes
Essayez-le ! Commandes de base de Git - Clé de réponse 10 minutes
Utiliser GitHub pour la collaboration 10 minutes
Activité : Collaborer avec GitHub - Clé de correction 10 minutes
Intégrer Git aux outils de développement 10 minutes
Techniques avancées de Git 10 minutes
Essayez-le ! Techniques avancées de Git - Clé de réponse 10 minutes

9 devoirs Total 215 minutes

Quiz pratique : Introduction au contrôle des versions 15 minutes
Essayez-le ! Commandes de base de Git 30 minutes
Quiz pratique : Commandes de base de Git 15 minutes
Activité : Collaborer avec GitHub 30 minutes
Quiz pratique : Utiliser GitHub pour la collaboration 15 minutes
Quiz pratique : Intégrer Git aux outils de développement 15 minutes
Essayez-le ! Techniques avancées de Git 30 minutes
Quiz pratique : Techniques avancées de Git 15 minutes
Quiz noté : Contrôle des versions avec Git et GitHub 50 minutes

2 plugins Total 30 minutes

Labo guidé : Commandes de base de Git 15 minutes
Labo guidé : Techniques avancées de Git 15 minutes

Dans ce module, vous explorerez les caractéristiques et les fonctionnalités de Microsoft Copilot pour le développement HTML, CSS et JavaScript. Vous apprendrez à utiliser Copilot pour écrire et améliorer le code pour chacun de ces langages, rationalisant ainsi votre processus de développement. À la fin, vous appliquerez ce que vous avez appris pour développer un petit projet Web, en utilisant Microsoft Copilot pour faciliter l'intégration de HTML, CSS et JavaScript.

Inclus

11 vidéos5 devoirs1 évaluation par les pairs

11 vidéos Total 38 minutes

Introduction à Microsoft Copilot 4 minutes
Configuration de Microsoft Copilot 2 minutes
Améliorer le code HTML avec Copilot 2 minutes
Créer du HTML sémantique avec Copilot 3 minutes
Améliorer le code CSS avec Copilot 4 minutes
Créer des designs réactifs avec Copilot 4 minutes
Améliorer le code JavaScript avec Copilot 5 minutes
Mise en œuvre de l'interactivité avec Copilot 5 minutes
Développer un projet Web avec Copilot 4 minutes
Test et débogage avec Copilot 4 minutes
Conclusion du cours : Introduction au développement web 3 minutes

5 devoirs Total 150 minutes

Activité : Configuration de Microsoft Copilot 30 minutes
Activité : Rédiger et améliorer le HTML avec Copilot 30 minutes
Activité : Rédiger et améliorer les CSS avec Copilot 30 minutes
Activité : Écrire et améliorer JavaScript avec Copilot 30 minutes
Activité : Développer et tester un projet Web avec Copilot 30 minutes

1 évaluation par les pairs Total 45 minutes

Utiliser Microsoft Copilot pour écrire du HTML, du CSS et du JavaScript 45 minutes

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

Évaluations de l’enseignant

(8 évaluations)

Microsoft

287 Cours 2 323 864 apprenants

Offert par

Microsoft

En savoir plus sur Développement mobile et web

Statut : Essai gratuit
Packt
Introduction to Web Development and HTML Basics
Cours
Statut : Essai gratuit
IBM
Introduction to HTML, CSS, & JavaScript
Cours
Statut : Essai gratuit
Packt
Web Development Fundamentals
Cours
Statut : Essai gratuit
IBM
Introduction to Web Development with HTML, CSS, JavaScript
Cours

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018

’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020

’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021

’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Avis des étudiants

5 stars
71,05 %
4 stars
2,63 %
3 stars
7,89 %
2 stars
2,63 %
1 star
15,78 %

Affichage de 3 sur 36

Révisé le 11 août 2025

dễ dàng tiếp cận cho người mới không biết gì về IT

Voir plus d’avis

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux Questions

Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.

Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours du certificat et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - à partir de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.