Apply Front-End Web Development with HTML, CSS & JS

Obtenez l'une de nos meilleures offres avec Coursera Plus pour 199 $ (habituellement 399 $). Économisez maintenant.

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues.

Apply Front-End Web Development with HTML, CSS & JS

Instructeur : EDUCBA

Inclus avec

Demander à Coursera

6 modules

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

niveau Débutant

Expérience recommandée

1 semaine à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

6 modules

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

niveau Débutant

Expérience recommandée

1 semaine à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

Build structured web pages using HTML5 semantic elements.
Design responsive layouts with CSS, Bootstrap, and animations.
Implement interactive features using JavaScript and jQuery.

Compétences que vous acquerrez

Catégorie : Web Development
Catégorie : Responsive Web Design
Catégorie : User Interface (UI)
Catégorie : Web Design
Catégorie : Web Design and Development
Catégorie : Event-Driven Programming
Catégorie : HTML and CSS
Catégorie : Javascript and jQuery
Catégorie : Javascript
Catégorie : Animations
Catégorie : Front-End Web Development

Outils que vous découvrirez

Catégorie : Hypertext Markup Language (HTML)
Catégorie : Bootstrap (Front-End Framework)
Catégorie : Web Applications
Catégorie : jQuery
Catégorie : Cascading Style Sheets (CSS)
Catégorie : UI Components

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

février 2026

Évaluations

23 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

Il y a 6 modules dans ce cours

By the end of this course, learners will be able to build structured web pages, style responsive layouts, implement interactive behavior using JavaScript, and design a professional portfolio website. Learners will apply HTML5 semantic elements, CSS layout and animation techniques, JavaScript core concepts, jQuery-based DOM manipulation, and Bootstrap’s responsive grid system to create modern, user-friendly front-end interfaces.

This course benefits learners by guiding them through a complete front-end development journey—from foundational web concepts to practical, real-world implementation. Learners will gain hands-on experience with user events, drag-and-drop interactions, asynchronous programming with Promises, and responsive design principles that are essential for today’s web applications. By the end of the course, learners will be able to confidently design and structure a portfolio website that demonstrates practical front-end skills. What makes this course unique is its end-to-end, application-focused approach. Instead of isolated topics, concepts are progressively connected and reinforced through practical design scenarios and interface-building workflows. This structured progression helps learners move beyond theory to confidently apply front-end development skills in real-world projects and professional contexts.

This module introduces the fundamentals of front-end web development, covering core web technologies, user interaction through events, geolocation features, and interactive drag-and-drop functionality.

Inclus

6 vidéos4 devoirs

6 vidéosTotal 57 minutes

Introduction to Web Development13 minutes
HTML5 Core Elements Overview11 minutes
HTML and JavaScript Events9 minutes
Geolocation API in HTML510 minutes
Drag and Drop Fundamentals6 minutes
Advanced Drag and Drop Implementation8 minutes

4 devoirsTotal 60 minutes

Web Development Essentials10 minutes
Events and User Interaction10 minutes
Drag and Drop in Practice10 minutes
Graded-Foundations of Modern Web Development30 minutes

This module focuses on styling and layout techniques using CSS, including selectors, the box model, semantic structure, responsive design, transitions, and animations.

Inclus

10 vidéos4 devoirs

10 vidéosTotal 82 minutes

CSS Basics and Syntax8 minutes
Advanced CSS Styling5 minutes
HTML5 Main Element Basics7 minutes
Practical Usage of Main Element7 minutes
CSS Box Model Explained10 minutes
CSS Combination Selectors5 minutes
Responsive Design with Media Queries11 minutes
Browser Inspect Element Tool7 minutes
CSS Transitions Explained12 minutes
CSS Animations9 minutes

4 devoirsTotal 60 minutes

CSS Fundamentals10 minutes
Layout and Structure10 minutes
Responsive and Animated Design10 minutes
Graded-Styling the Web with CSS30 minutes

This module builds a strong foundation in JavaScript by covering data types, debugging, design patterns, user interaction via the console, and asynchronous programming with Promises.

Inclus

8 vidéos4 devoirs

8 vidéosTotal 74 minutes

JavaScript Data Types10 minutes
JavaScript Console Usage10 minutes
Advanced JavaScript Concepts12 minutes
Singleton Pattern Concept7 minutes
Singleton Pattern Implementation7 minutes
User Interaction via Console13 minutes
JavaScript Promises Introduction7 minutes
Handling Promises and Chaining8 minutes

4 devoirsTotal 60 minutes

JavaScript Fundamentals10 minutes
Design Patterns and Interaction10 minutes
Asynchronous JavaScript10 minutes
Graded-JavaScript Core Concepts30 minutes

This module explores efficient DOM manipulation using jQuery, including selectors, keyboard event handling, and dynamic HTML attribute management.

Inclus

7 vidéos4 devoirs

7 vidéosTotal 52 minutes

Introduction to jQuery9 minutes
jQuery Selectors Basics6 minutes
Advanced jQuery Selectors8 minutes
Keyboard Events Basics6 minutes
Advanced Keyboard Event Handling7 minutes
HTML Attributes and Values6 minutes
Dynamic Attribute Manipulation10 minutes

4 devoirsTotal 60 minutes

Getting Started with jQuery10 minutes
Advanced Selectors and Events10 minutes
HTML Attributes in Action10 minutes
Graded-DOM Manipulation and jQuery30 minutes

This module introduces the Bootstrap framework, focusing on responsive layout design using containers, grid systems, pagination, and advanced grid configurations.

Inclus

6 vidéos3 devoirs

6 vidéosTotal 58 minutes

Introduction to Bootstrap Framework13 minutes
Bootstrap Fluid Containers7 minutes
Responsive Layout with Fluid Containers9 minutes
Pagination Design and Logic13 minutes
Bootstrap Grid System Basics6 minutes
Advanced Bootstrap Grid Layouts10 minutes

3 devoirsTotal 50 minutes

Bootstrap Essentials10 minutes
Grid Systems and Pagination10 minutes
Graded-Responsive Layouts with Bootstrap30 minutes

This module applies front-end development skills to build a professional portfolio website, covering structure, styling, navigation, and contact page design.

Inclus

7 vidéos4 devoirs

7 vidéosTotal 59 minutes

Portfolio Page Structure7 minutes
Portfolio Page Styling9 minutes
Portfolio Header Design7 minutes
Enhancing Portfolio Titles8 minutes
Services Section Design12 minutes
Dark Navbar Design10 minutes
Contact Page Design7 minutes

4 devoirsTotal 60 minutes

Portfolio Structure and Styling10 minutes
Headers and Visual Enhancements10 minutes
Sections, Navigation, and Contact10 minutes
Graded-Building a Professional Portfolio Website30 minutes

Instructeur

EDUCBA

1 550 Cours323 303 apprenants

Offert par

EDUCBA

En savoir plus sur Mobile and Web Development

Statut : Essai gratuit
Board Infinity
Web Development Mastery: HTML, CSS & JavaScript Fundamentals
Cours
Packt
Front-End Web Developer Bootcamp - HTML, CSS, JS, & React
Cours
Statut : Essai gratuit
Meta
Introduction to Front-End Development
Cours
Statut : Essai gratuit
Board Infinity
Build Website with HTML, JavaScript, AngularJS, and React
Spécialisation

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

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.