Packt

Développeur front-end - HTML, CSS, JS, & React

Profitez de l'une de nos meilleures offres et renforcez vos compétences avec 50 % de réduction sur Coursera Plus. Économisez maintenant.

Packt

Développeur front-end - HTML, CSS, JS, & React

Inclus avec Coursera Plus

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Débutant

Expérience recommandée

2 semaines à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Débutant

Expérience recommandée

2 semaines à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme

Ce que vous apprendrez

  • Apprenez à structurer et à concevoir des pages web avec HTML5 et CSS3

  • Acquérir une expérience pratique de JavaScript et de React pour créer des interfaces utilisateur interactives

  • Maîtrisez les techniques de conception adaptative grâce aux requêtes média CSS3, à Flexbox et à Grid

  • Apprendre à utiliser les API et à développer des applications web dynamiques basées sur les données

Compétences que vous acquerrez

  • Catégorie : Javascript
  • Catégorie : Développement Web
  • Catégorie : Conception de sites web
  • Catégorie : HTML et CSS
  • Catégorie : Développement Web Front-End
  • Catégorie : React.js
  • Catégorie : Conception de sites web réactifs
  • Catégorie : Programmation événementielle

Outils que vous découvrirez

  • Catégorie : Cadres JavaScript
  • Catégorie : Restful API
  • Catégorie : Langage de balisage hypertexte (HTML)
  • Catégorie : Feuilles de style en cascade (CSS)
  • Catégorie : Composants de l'interface utilisateur

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

février 2026

Évaluations

35 devoirs

Enseigné en Anglais

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

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

Il y a 35 modules dans ce cours

Dans ce module, nous vous présenterons le HTML5 et son rôle dans le développement web moderne. Vous découvrirez ses fonctionnalités puissantes, telles que les balises sémantiques, la prise en charge du multimédia et les améliorations apportées aux formulaires. De plus, vous apprendrez à configurer les outils adaptés, comme Visual Studio Code, pour vous lancer dans la programmation en HTML5.

Inclus

6 vidéos1 lecture

Dans ce module, nous allons découvrir la structure de base d'un fichier HTML5, notamment les sections DOCTYPE, head et body. Vous apprendrez à organiser vos projets HTML et la structure de vos fichiers pour gagner en efficacité. À la fin de ce module, vous serez capable de créer des fichiers HTML bien structurés.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons nous pencher sur les éléments fondamentaux du HTML5, tels que les balises d'en-tête, les citations et les balises de référence. Vous apprendrez également à utiliser les attributs HTML pour personnaliser les éléments et découvrirez différentes façons d'appliquer des styles au contenu HTML.

Inclus

5 vidéos1 devoir

Dans ce module, nous aborderons plusieurs balises HTML5 essentielles, allant des balises d'ancrage et d'image aux balises de liste, de tableau, de vidéo et d'audio. Vous apprendrez à structurer et à présenter du contenu, qu'il s'agisse de texte, de multimédia ou de données, afin d'assurer une meilleure accessibilité et une meilleure fonctionnalité.

Inclus

8 vidéos1 devoir

Dans ce module, nous vous guiderons tout au long du processus de création d'un formulaire HTML5 à partir de zéro. Vous découvrirez différents types de champs de saisie, attributs et techniques de validation afin de garantir l'exactitude des données transmises par les utilisateurs.

Inclus

5 vidéos1 devoir

Dans ce module, nous allons examiner les différences entre les éléments « block » et les éléments « inline » en HTML. Vous apprendrez comment ces éléments influencent la mise en page et comment les utiliser pour organiser efficacement le contenu.

Inclus

2 vidéos1 devoir

Dans ce module de conclusion, nous allons récapituler les concepts CORE du HTML5 abordés tout au long de cette section. Vous acquerrez une meilleure compréhension de son importance dans la création de pages web bien structurées et dynamiques.

Inclus

1 vidéo1 devoir

Dans ce module, nous vous présenterons le CSS3 et son rôle essentiel dans l'amélioration de la conception de sites web. Vous apprendrez la syntaxe du CSS3 et découvrirez comment l'utiliser pour styliser divers aspects de votre page web, de la mise en page à la typographie.

Inclus

5 vidéos1 devoir

Dans ce module, nous nous intéresserons aux propriétés CSS3 fondamentales qui permettent de contrôler l'apparence et l'espacement des éléments. Vous apprendrez à gérer les arrière-plans, les bordures et les dimensions, ce qui vous permettra de contrôler la mise en page et l'espacement de votre page web.

Inclus

5 vidéos1 devoir

Dans ce module, nous allons découvrir les propriétés typographiques de CSS3. Vous apprendrez à contrôler l'alignement du texte, à appliquer des décorations et à transformer le texte afin d'améliorer son aspect et sa lisibilité sur vos pages web.

Inclus

6 vidéos1 devoir

Dans ce module, nous allons nous plonger dans les sélecteurs et propriétés CSS3 avancés. Vous apprendrez à modifier la mise en page et la visibilité des éléments, ainsi qu’à utiliser les pseudo-classes et les pseudo-éléments pour créer du contenu interactif et stylisé.

Inclus

9 vidéos1 devoir

Dans ce module, nous aborderons des fonctionnalités CSS3 supplémentaires qui permettent d'améliorer l'aspect visuel de votre site web. Vous apprendrez à appliquer l'opacité, les coins arrondis et les effets d'ombre afin de créer des designs visuellement percutants, avec une touche de modernité.

Inclus

3 vidéos1 devoir

Dans ce module, nous vous enseignerons les principes du responsive design à l'aide de CSS3. Vous découvrirez les puissants outils que sont CSS Grid et Flexbox, et apprendrez à utiliser les requêtes média pour concevoir des sites web qui s'adaptent à différentes tailles d'écran et à différents appareils.

Inclus

3 vidéos1 devoir

Dans ce module, vous travaillerez sur un mini-projet afin de mettre en pratique les compétences que vous avez acquises en HTML5 et CSS3. Cette expérience pratique vous permettra de mieux comprendre comment créer et mettre en forme des pages web dynamiques.

Inclus

1 vidéo1 devoir

Dans ce module, nous vous présenterons JavaScript, son histoire et son rôle essentiel dans le développement web. Vous apprendrez les bases de la syntaxe de JavaScript, ses types de données, ainsi que la manière de l'intégrer à vos fichiers HTML pour créer des fonctionnalités dynamiques.

Inclus

4 vidéos1 devoir

Dans ce module, vous vous plongerez dans l'univers des variables en JavaScript et apprendrez à les déclarer, à les initialiser et à les manipuler. Vous découvrirez également comment utiliser la fonction `console.log` pour déboguer et inspecter votre code.

Inclus

3 vidéos1 devoir

Dans ce module, vous apprendrez à utiliser différentes structures de contrôle en JavaScript, notamment les instructions conditionnelles et les boucles. Vous découvrirez la syntaxe et l'utilisation des instructions « if », des opérateurs ternaires et des mots-clés « break » et « continue » pour contrôler le flux du code.

Inclus

7 vidéos1 devoir

Dans ce module, nous allons découvrir les différents opérateurs disponibles en JavaScript. Vous apprendrez à effectuer des opérations mathématiques, à attribuer des valeurs à des variables et à les comparer dans le cadre d'une évaluation conditionnelle.

Inclus

3 vidéos1 devoir

Dans ce module, vous découvrirez différents types de fenêtres contextuelles en JavaScript. Vous apprendrez à créer des fenêtres d'alerte, de confirmation et de saisie interactives qui permettent de fournir des informations aux utilisateurs et de recueillir leurs saisies.

Inclus

6 vidéos1 devoir

Dans ce module, nous allons découvrir le fonctionnement des événements en JavaScript. Vous apprendrez à associer des écouteurs d'événements à des éléments HTML et à réagir aux actions de l'utilisateur, telles que les clics, les frappes au clavier et les mouvements de souris.

Inclus

1 vidéo1 devoir

Dans ce module, vous découvrirez les boucles JavaScript, telles que les boucles « while », « do-while » et « for ». Vous apprendrez également à utiliser les boucles imbriquées pour gérer efficacement des structures de données complexes.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons découvrir les tableaux en JavaScript. Vous apprendrez à créer et à modifier des tableaux, à utiliser des méthodes puissantes pour les trier, les inverser et les filtrer, ainsi qu'à parcourir les éléments d'un tableau à l'aide de fonctions intégrées telles que forEach() et map().

Inclus

15 vidéos1 devoir

Dans ce module, nous aborderons les objets en JavaScript. Vous apprendrez à définir des objets, à accéder à leurs propriétés et à les parcourir à l'aide de la boucle « for-in », tout en découvrant la puissance de la programmation orientée objet en JavaScript.

Inclus

3 vidéos1 devoir

Dans ce module, vous maîtriserez l'art de la manipulation des chaînes de caractères en JavaScript. Vous découvrirez les méthodes de base et avancées permettant de rechercher, remplacer, extraire et modifier efficacement des données textuelles.

Inclus

3 vidéos1 devoir

Dans ce module, vous découvrirez les méthodes mathématiques et numériques intégrées à JavaScript. Vous apprendrez à valider, manipuler et mettre en forme des nombres et des dates, ce qui vous permettra d'effectuer des calculs complexes et de gérer efficacement les dates et heures dans vos projets.

Inclus

4 vidéos1 devoir

Dans ce module, vous découvrirez le DOM et son rôle dans le développement web. Vous apprendrez à accéder aux éléments HTML et à leurs attributs, à les manipuler et à les modifier de manière dynamique à l'aide de JavaScript.

Inclus

14 vidéos1 devoir

Dans ce dernier module, nous ferons le point sur les concepts CORE de JavaScript abordés tout au long de ce cours. Vous réfléchirez à la manière d'associer efficacement JavaScript au HTML et au DOM pour créer des pages web dynamiques et interactives.

Inclus

1 vidéo1 devoir

Dans ce module, nous vous présenterons React.JS et son approche basée sur les composants pour la création d'interfaces utilisateur. Vous découvrirez comment React simplifie le développement et améliore les performances grâce au DOM virtuel.

Inclus

3 vidéos1 devoir

Dans ce module, vous découvrirez différentes façons de styliser les composants React. Vous apprendrez également à utiliser les props pour créer des composants dynamiques et réutilisables, ainsi que les littéraux de modèle pour gérer le contenu dynamique au sein de JSX.

Inclus

5 vidéos1 devoir

Dans ce module, nous allons approfondir le concept de hiérarchie des composants dans React. Vous apprendrez à gérer les états des composants, à afficher des composants de manière conditionnelle et à utiliser le hook `useEffect` pour gérer les événements du cycle de vie et les effets secondaires.

Inclus

3 vidéos1 devoir

Dans ce module, vous découvrirez React Router DOM et son rôle dans la gestion des routes au sein des applications React. Vous explorerez différentes techniques permettant de naviguer entre les pages, de gérer les erreurs et d'optimiser la structure de routage de votre application.

Inclus

4 vidéos1 devoir

Dans ce module, vous allez vous atteler à la création d'un projet React complet, en mettant en pratique tout ce que vous avez appris. Vous vous concentrerez sur des fonctionnalités clés telles que la gestion de l'état, la communication entre composants et le rendu dynamique.

Inclus

2 vidéos1 devoir

Dans ce module, vous allez créer une application de calculatrice entièrement fonctionnelle à l'aide de React. Vous mettrez en œuvre des opérations arithmétiques de base, gérerez les saisies de l'utilisateur et découvrirez des fonctionnalités avancées telles que les calculs décimaux et la gestion des erreurs.

Inclus

2 vidéos1 devoir

Dans ce module, vous découvrirez comment créer une API RESTful avec React. Vous apprendrez à récupérer des données de manière dynamique à l'aide d'Axios, à gérer la pagination et à utiliser des fonctionnalités avancées de l'API, telles que l'authentification et les opérations CRUD.

Inclus

5 vidéos1 devoir

Dans ce dernier module, nous ferons le point sur les principaux concepts abordés tout au long de la section consacrée à React. Vous serez alors prêt à mettre en pratique React dans des projets concrets et disposerez de bases solides pour aborder des sujets plus avancés en matière de développement React.

Inclus

1 vidéo2 devoirs

Instructeur

Packt - Course Instructors
Packt
1 946 Cours575 115 apprenants

Offert par

Packt

En savoir plus sur Développement mobile et web

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.’

Foire Aux Questions