Build Interactive Websites with HTML, CSS & jQuery

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. Consultez les langues disponibles.

Build Interactive Websites with HTML, CSS & jQuery

Ce cours fait partie de Spécialisation "Interactive Web Apps & Advanced HTML Techniques"

Instructeur : EDUCBA

Inclus avec

Demander à Coursera

3 modules

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

7 heures à compléter

Planning flexible

Apprenez à votre propre rythme

3 modules

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

7 heures à compléter

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

Construct structured webpages using semantic HTML and styled layouts with CSS.
Apply interactivity with jQuery to enhance user engagement and functionality.
Build portfolio-ready projects like a Travel Website and Online Resume Builder.

Compétences que vous acquerrez

Catégorie : Usability
Catégorie : Web Design
Catégorie : Semantic Web
Catégorie : Web Content Accessibility Guidelines
Catégorie : Web Design and Development
Catégorie : Front-End Web Development
Catégorie : Web Development
Catégorie : HTML and CSS
Catégorie : Javascript
Catégorie : Javascript and jQuery

Outils que vous découvrirez

Catégorie : jQuery
Catégorie : Cascading Style Sheets (CSS)
Catégorie : Hypertext Markup Language (HTML)
Catégorie : UI Components

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

9 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 fait partie de la Spécialisation "Interactive Web Apps & Advanced HTML Techniques"

Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.

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

Il y a 3 modules dans ce cours

By completing this course, learners will be able to construct structured webpages with semantic HTML, design visually appealing layouts with CSS, and apply interactivity using jQuery to bring websites to life. They will develop two real-world projects: a Travel Website that strengthens HTML/CSS fundamentals and an Online Resume Builder that introduces advanced styling, reusable templates, and interactive features.

Learners will benefit by gaining hands-on, project-driven experience that goes beyond memorizing syntax. Each concept is applied immediately in building functional websites, ensuring stronger retention and practical confidence. This structured approach helps beginners transition from basic coding to creating professional, portfolio-ready projects that highlight both creativity and technical ability. What makes this course unique is its step-by-step, outcome-oriented design. Rather than isolated tutorials, learners follow a cohesive journey—starting with foundational skills and progressing to dynamic interactivity. By the end, students not only understand how to code but also why specific design and structural choices matter in real-world development, preparing them for future web projects and career growth.

This module introduces the fundamentals of resume building with HTML, guiding learners through the creation of basic elements, templates, and forms. By the end, students will be able to structure resume content effectively using semantic HTML while applying best practices for accessibility and usability.

Inclus

6 vidéos3 devoirs

6 vidéosTotal 65 minutes

Introduction to the Project12 minutes
Creating HTML Elements11 minutes
Creating HTML Elements Continue6 minutes
Creating Templates in HTML14 minutes
Creating Forms in HTML13 minutes
Creating Forms in HTML Continue8 minutes

3 devoirsTotal 60 minutes

Kickoff and HTML Basics15 minutes
Structuring and Extending Content15 minutes
Graded Quiz – Building the Resume Foundation30 minutes

This module focuses on styling and enhancing the resume with CSS and jQuery to make it visually appealing and interactive. Learners will explore modals, scripts, external styling, and libraries to create a polished and dynamic online resume project.

Inclus

6 vidéos3 devoirs

6 vidéosTotal 52 minutes

Creating Modals for Additional Information12 minutes
Adding Results and Scripts5 minutes
Adding CSS to HTML Elements14 minutes
Adding CSS to HTML Elements Continue4 minutes
Adding jQuery File to webpage12 minutes
Adding jQuery File to webpage Continue6 minutes

3 devoirsTotal 60 minutes

Interactive Features and User Input15 minutes
Styling and Dynamic Enhancements15 minutes
Graded Quiz – Enhancing with Style and Interactivity30 minutes

This module introduces learners to the essential building blocks of creating a travel website using HTML and CSS. Learners will explore the structure of a webpage, implement semantic tags, and apply CSS styling techniques to enhance both design and readability. By the end of this module, learners will be equipped with the skills to design a professional header, footer, and text elements that form the backbone of a modern travel website.

Inclus

5 vidéos3 devoirs

5 vidéosTotal 35 minutes

Introduction to HTML and CSS7 minutes
Creating Logo and Header5 minutes
Linking CSS to HTML Page7 minutes
Creating Footer and Adding Class8 minutes
Assigining Font Weight8 minutes

3 devoirsTotal 60 minutes

Getting Started with HTML & Structure15 minutes
Styling and Enhancing Web Pages15 minutes
Graded Quiz – Building the Foundation of a Travel Website30 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

EDUCBA

1 598 Cours332 384 apprenants

Offert par

EDUCBA

En savoir plus sur Mobile and Web Development

Statut : Essai gratuit
EDUCBA
Build Interactive Websites Using jQuery & Sliders
Cours
Packt
Build Real-World Websites Using HTML5, CSS3, Sass and more
Cours
Statut : Essai gratuit
Packt
Real-World Projects & Advanced Animations
Cours
Statut : Essai gratuit
Packt
Hands-On Projects with HTML, CSS, and JavaScript
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 enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. 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.

Plus de questions

Visitez le Centre d'Aide pour les Étudiants

Aide financière disponible,