Introduction to Web Development

Grow your skills with Coursera Plus for $239/year (usually $399). Save now.

Introduction to Web Development

Name: Introduction to Web Development
Rating: 4.05 (40 reviews)

This course is part of multiple programs.

Instructor: Microsoft

8,480 already enrolled

Included with

5 modules

Gain insight into a topic and learn the fundamentals.

40 reviews

Beginner level

Recommended experience

Flexible schedule

4 weeks at 10 hours a week

Learn at your own pace

89%

Most learners liked this course

5 modules

Gain insight into a topic and learn the fundamentals.

40 reviews

Beginner level

Recommended experience

Flexible schedule

4 weeks at 10 hours a week

Learn at your own pace

89%

Most learners liked this course

Skills you'll gain

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

Tools you'll learn

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

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

33 assignments

Taught in English

Build your subject-matter expertise

This course is available as part of

When you enroll in this course, you'll also be asked to select a specific program.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate from Microsoft

There are 5 modules in this course

This course covers the essential building blocks of web development, including HTML, CSS, and JavaScript. You'll learn responsive design, web accessibility, and how to use Git and Microsoft Copilot to collaborate and build small web projects efficiently.

By the end of this program, you will be able to… Define the basic structure and elements of HTML, syntax of CSS and JavaScript, and concepts of version control. Explain the principles of responsive design, web accessibility, DOM manipulation, asynchronous JavaScript, and integration of Git with development tools. Describe advanced CSS techniques, functions, and scope in JavaScript, collaborative development with GitHub, and the features of Microsoft Copilot. Apply HTML, CSS, and JavaScript skills with Microsoft Copilot for a small web project.

In this module, you'll learn the basics of HTML, including its structure, key elements, and role in web development. You'll understand how HTML interacts with CSS and JavaScript and why semantic HTML is important for accessibility. By the end, you'll create simple web pages, applying your foundational HTML skills through hands-on exercises.

What's included

26 videos10 readings6 assignments2 ungraded labs2 plugins

26 videos Total 121 minutes

Course Introduction: Introduction to Web Development 3 minutes
Instructor Introduction 2 minutes
The What’s What of the Course 3 minutes
Completing the Guided Labs 4 minutes
Introducing the AI Tool: Microsoft Copilot 3 minutes
How to Be Successful in This Program 5 minutes
Introduction to the Project 4 minutes
Introduction to HTML 2 minutes
HTML Elements and Tags 5 minutes
HTML Attributes 6 minutes
HTML Document Structure and Hierarchy 5 minutes
HTML as the Foundation of Web Content 5 minutes
Interaction Between HTML and CSS 11 minutes
Interaction Between HTML and JavaScript 7 minutes
Understanding Semantic HTML 4 minutes
Semantic HTML and Accessibility 5 minutes
Implementing Semantic HTML in Web Development 8 minutes
Structuring an HTML Document 4 minutes
Working with Forms, Tables, and Lists 6 minutes
Integrating Media Elements 7 minutes
Building an HTML Document 6 minutes
Structuring the Web Page 4 minutes
Incorporating Text, Lists, and Links 4 minutes
HTML Page Walk Through 3 minutes
Create a Web Page with HTML 3 minutes
Conclusion: HTML for Web Development 1 minute

10 readings Total 200 minutes

Introduction to Web Development Course Syllabus 30 minutes
Completing the Guided Labs 30 minutes
Microsoft Tools for Front-End Development 10 minutes
HTML Structure and Elements 30 minutes
HTML in Web Development 10 minutes
Semantic HTML 10 minutes
Building an HTML Document 30 minutes
You Try It! Building an HTML Document - Answer Key 10 minutes
Constructing a Complete Web Page with HTML 30 minutes
You Try It! Create a Web Page with HTML - Answer Key 10 minutes

6 assignments Total 150 minutes

Practice Quiz: Introduction to HTML 20 minutes
Practice Quiz: The Role of HTML in Web Development 25 minutes
Practice Quiz: The Importance of Semantic HTML 20 minutes
Practice Quiz: Building Your First HTML Document 20 minutes
Practice Quiz: Constructing a Complete Web Page with HTML 15 minutes
Graded Quiz: HTML for Web Development 50 minutes

2 ungraded labs Total 90 minutes

You Try It! Building an HTML Document 30 minutes
You Try It! Create a Web Page with HTML 60 minutes

2 plugins Total 30 minutes

Guided Lab: Building an HTML Document 15 minutes
Guided Lab: Create a Web Page with HTML 15 minutes

In this module, you'll learn the core concepts and syntax of CSS, focusing on how it's used to style and layout web pages. You'll explore responsive web design techniques to ensure websites work seamlessly across different devices and screen sizes. The module also covers key web accessibility features, their importance, and advanced CSS techniques. By the end, you'll apply these skills to design a fully responsive and accessible web page using CSS.

What's included

17 videos6 readings6 assignments1 ungraded lab1 plugin

17 videos Total 83 minutes

Introduction to CSS for Web Development 2 minutes
CSS Syntax and Structure 8 minutes
Applying CSS to HTML Documents 6 minutes
The CSS Box Model 4 minutes
Responsive Web Design Principles 4 minutes
Media Queries 3 minutes
Techniques for Creating Flexible Layouts 6 minutes
Introduction to Enhancing Web Accessibility with CSS 7 minutes
Using CSS to Enhance Accessibility 6 minutes
Best Practices for Accessible Design 6 minutes
Flexbox for Responsive Layouts 4 minutes
CSS Grid for Complex Layouts 4 minutes
CSS Animations and Transitions 6 minutes
Planning a Responsive Web Design 4 minutes
Implementing Flexbox for Responsive Layouts 3 minutes
Creating a Responsive Web Page with Advanced CSS Techniques 7 minutes
Conclusion: CSS for Web Development 2 minutes

6 readings Total 60 minutes

CSS 10 minutes
Introduction to CSS 10 minutes
Web Accessibility 10 minutes
CSS Techniques for Web Design 10 minutes
Creating a Responsive Web Page with Advanced CSS Techniques 10 minutes
You Try It! Creating a Responsive Web Page with Advanced CSS Techniques - Answer Key 10 minutes

6 assignments Total 150 minutes

Practice Quiz: Introduction to CSS 20 minutes
Practice Quiz: Web Design with CSS 20 minutes
Practice Quiz: Enhancing Web Accessibility with CSS 20 minutes
Practice Quiz: Advanced CSS Techniques for Web Design 20 minutes
Practice Quiz: Creating a Responsive Web Page with Advanced CSS Techniques 20 minutes
Graded Quiz: CSS for Web Development 50 minutes

1 ungraded lab Total 60 minutes

You Try It! Creating a Responsive Web Page with Advanced CSS Techniques 60 minutes

1 plugin Total 15 minutes

Guided Lab: Creating a Responsive Web Page with Advanced CSS Techniques 15 minutes

In this module, you'll learn the basic syntax and constructs of JavaScript, with a focus on using it to manipulate the Document Object Model (DOM). You'll explore key concepts like functions, scope, and asynchronous programming. The module also covers advanced JavaScript techniques and managing data with JSON. By the end, you'll have a solid foundation in JavaScript for building dynamic and interactive web pages.

What's included

20 videos13 readings7 assignments5 ungraded labs5 plugins

20 videos Total 127 minutes

Introduction: JavaScript Basics 2 minutes
JavaScript Variables, Data Types, and Operators 10 minutes
JavaScript Control Structures 10 minutes
Writing and Running JavaScript Code 6 minutes
Writing Basic JavaScript Programs 4 minutes
Understanding the DOM 12 minutes
Manipulating the DOM with JavaScript 8 minutes
Manipulating the DOM Lab 5 minutes
Functions in JavaScript 5 minutes
Understanding Scope in JavaScript 4 minutes
Principles of Asynchronous Programming 6 minutes
Using Async/Await in JavaScript 6 minutes
Writing Asynchronous JavaScript 16 minutes
JavaScript Design Patterns 9 minutes
Working with JSON 6 minutes
Implementing the Module Pattern for Reusable Code 4 minutes
Understanding JSON 6 minutes
Working with JSON in JavaScript 4 minutes
Managing Data with JSON 5 minutes
Conclusion: Introduction to JavaScript for Interactivity 2 minutes

13 readings Total 130 minutes

JavaScript Basics 10 minutes
You Try It! Writing Basic JavaScript Programs - Answer Key 10 minutes
DOM Manipulation 10 minutes
You Try It! Manipulating the DOM - Answer Key 10 minutes
Functions in JavaScript 10 minutes
Scope in JavaScript 10 minutes
Asynchronous JavaScript 10 minutes
You Try It! Writing Asynchronous JavaScript - Answer Key 10 minutes
JavaScript Design Patterns 10 minutes
Managing Data with JSON 10 minutes
You Try It! Implementing the Module Pattern for Reusable Code - Answer Key 10 minutes
Managing Data with JSON 10 minutes
You Try It! Managing Data with JSON - Answer Key 10 minutes

7 assignments Total 140 minutes

Practice Quiz: JavaScript Basics 15 minutes
Practice Quiz: DOM Manipulation 15 minutes
Practice Quiz: JavaScript Functions and Scope 15 minutes
Practice Quiz: Asynchronous JavaScript 15 minutes
Practice Quiz: Advanced JavaScript Concepts 15 minutes
Practice Quiz: Managing Data with JSON 15 minutes
Graded Quiz: Introduction to JavaScript for Interactivity 50 minutes

5 ungraded labs Total 210 minutes

You Try It! Writing Basic JavaScript Programs 30 minutes
You Try It! Manipulating the DOM 60 minutes
You Try It! Writing Asynchronous JavaScript 30 minutes
You Try It! Implementing the Module Pattern for Reusable Code 30 minutes
You Try It! Managing Data with JSON 60 minutes

5 plugins Total 75 minutes

Guided Lab: Writing Basic JavaScript Programs 15 minutes
Guided Lab: Manipulating the DOM 15 minutes
Guided Lab: Writing Asynchronous JavaScript 15 minutes
Guided Lab: Implementing the Module Pattern for Reusable Code 15 minutes
Guided Lab: Managing Data with JSON 15 minutes

In this module, you'll learn the foundational concepts of version control, with a focus on Git for managing code changes. You'll explore the basic Git commands and how to use GitHub for collaborative development. You'll also learn how to integrate Git with development tools and IDEs, along with advanced techniques for managing repositories. By the end, you'll be ready to work efficiently on team-based projects using Git and GitHub.

What's included

14 videos9 readings9 assignments2 plugins

14 videos Total 70 minutes

Introduction: Version Control with Git and GitHub 2 minutes
Fundamentals of Version Control 8 minutes
Version Control Workflows 9 minutes
Git Setup and Initialization 4 minutes
Core Git Commands 5 minutes
Basic Git Commands 2 minutes
Introduction to GitHub 5 minutes
Collaborating with GitHub 4 minutes
Git Integration with IDEs 7 minutes
Enhancing Productivity with Git Plugins 6 minutes
Managing Branches and Merging 7 minutes
Advanced Repository Management 4 minutes
Advanced Git Techniques 6 minutes
Conclusion: Version Control with Git and Github 2 minutes

9 readings Total 85 minutes

Version Control 10 minutes
Git Setup and Initialization 10 minutes
Core Git Commands 5 minutes
You Try It! Basic Git Commands - Answer Key 10 minutes
Using GitHub for Collaboration 10 minutes
Activity: Collaborating with GitHub - Answer Key 10 minutes
Integrating Git with Development Tools 10 minutes
Advanced Git Techniques 10 minutes
You Try It! Advanced Git Techniques - Answer Key 10 minutes

9 assignments Total 215 minutes

Practice Quiz: Introduction to Version Control 15 minutes
You Try It! Basic Git Commands 30 minutes
Practice Quiz: Basic Git Commands 15 minutes
Activity: Collaborating with GitHub 30 minutes
Practice Quiz: Using GitHub for Collaboration 15 minutes
Practice Quiz: Integrating Git with Development Tools 15 minutes
You Try It! Advanced Git Techniques 30 minutes
Practice Quiz: Advanced Git Techniques 15 minutes
Graded Quiz: Version Control with Git and GitHub 50 minutes

2 plugins Total 30 minutes

Guided Lab: Basic Git Commands 15 minutes
Guided Lab: Advanced Git Techniques 15 minutes

In this module, you'll explore the features and functionalities of Microsoft Copilot for HTML, CSS, and JavaScript development. You'll learn how to use Copilot to write and enhance code for each of these languages, streamlining your development process. By the end, you'll apply what you've learned to develop a small web project, utilizing Microsoft Copilot to assist with HTML, CSS, and JavaScript integration.

What's included

11 videos5 assignments1 peer review

11 videos Total 38 minutes

Introduction to Microsoft Copilot 4 minutes
Setting Up Microsoft Copilot 2 minutes
Enhancing HTML Code with Copilot 2 minutes
Creating Semantic HTML with Copilot 3 minutes
Enhancing CSS Code with Copilot 4 minutes
Creating Responsive Designs with Copilot 4 minutes
Enhancing JavaScript Code with Copilot 5 minutes
Implementing Interactivity with Copilot 5 minutes
Developing a Web Project with Copilot 4 minutes
Testing and Debugging with Copilot 4 minutes
Course Conclusion: Introduction to Web Development 3 minutes

5 assignments Total 150 minutes

Activity: Setting Up Microsoft Copilot 30 minutes
Activity: Writing and Enhancing HTML with Copilot 30 minutes
Activity: Writing and Enhancing CSS with Copilot 30 minutes
Activity: Writing and Enhancing JavaScript with Copilot 30 minutes
Activity: Developing and Testing a Web Project with Copilot 30 minutes

1 peer review Total 45 minutes

Using Microsoft Copilot for Writing HTML, CSS, and JavaScript 45 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Instructor ratings

(9 ratings)

Microsoft

287 Courses 2,388,670 learners

Offered by

Microsoft

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

5 stars
67.50%
4 stars
5%
3 stars
7.50%
2 stars
5%
1 star
15%

Showing 3 of 40

Reviewed on Mar 14, 2026

The guided labs in this course could be better designed to assimilate the key concepts; there is too much unnecessary filler.

Reviewed on Aug 11, 2025

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

Frequently asked 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 Certificate, 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.