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.
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
Graded Quiz: HTML for Web Development•50 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
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
CSS for Web Development
Module 2•6 hours to complete
Module details
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.
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
Graded Quiz: CSS for Web Development•50 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
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
Introduction to JavaScript for Interactivity
Module 3•11 hours to complete
Module details
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.
Guided Lab: Implementing the Module Pattern for Reusable Code•15 minutes
Guided Lab: Managing Data with JSON•15 minutes
Version Control with Git and GitHub
Module 4•7 hours to complete
Module details
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
Show info about module content
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
Graded Quiz: Version Control with Git and GitHub•50 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
2 plugins•Total 30 minutes
Guided Lab: Basic Git Commands•15 minutes
Guided Lab: Advanced Git Techniques•15 minutes
Using Microsoft Copilot for Writing HTML, CSS, and JavaScript
Module 5•4 hours to complete
Module details
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
Show info about module content
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
Instructor ratings
We asked all learners to give feedback on our instructors based on the quality of their teaching style.
Our goal at Microsoft is to empower every individual and organization on the planet to achieve more.
In this next revolution of digital transformation, growth is being driven by technology. Our integrated cloud approach creates an unmatched platform for digital transformation. We address the real-world needs of customers by seamlessly integrating Microsoft 365, Dynamics 365, LinkedIn, GitHub, Microsoft Power Platform, and Azure to unlock business value for every organization—from large enterprises to family-run businesses. The backbone and foundation of this is Azure.
OK
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
4.1
41 reviews
5 stars
68.29%
4 stars
4.87%
3 stars
7.31%
2 stars
4.87%
1 star
14.63%
Showing 3 of 41
K
KD
4·
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.
Frequently asked questions
When will I have access to the lectures and assignments?
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.
What will I get if I subscribe to this Certificate?
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.