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.

您将获得的技能
要了解的详细信息

添加到您的领英档案
33 项作业
了解顶级公司的员工如何掌握热门技能

积累特定领域的专业知识
- 向行业专家学习新概念
- 获得对主题或工具的基础理解
- 通过实践项目培养工作相关技能
- 通过 Microsoft 获得可共享的职业证书

该课程共有5个模块
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.
涵盖的内容
26个视频10篇阅读材料6个作业2个非评分实验室2个插件
26个视频• 总计121分钟
- Course Introduction: Introduction to Web Development• 3分钟
- Instructor Introduction• 2分钟
- The What’s What of the Course• 3分钟
- Completing the Guided Labs• 4分钟
- Introducing the AI Tool: Microsoft Copilot• 3分钟
- How to Be Successful in This Program• 5分钟
- Introduction to the Project• 4分钟
- Introduction to HTML• 2分钟
- HTML Elements and Tags• 5分钟
- HTML Attributes• 6分钟
- HTML Document Structure and Hierarchy• 5分钟
- HTML as the Foundation of Web Content• 5分钟
- Interaction Between HTML and CSS• 11分钟
- Interaction Between HTML and JavaScript• 7分钟
- Understanding Semantic HTML• 4分钟
- Semantic HTML and Accessibility• 5分钟
- Implementing Semantic HTML in Web Development• 8分钟
- Structuring an HTML Document• 4分钟
- Working with Forms, Tables, and Lists• 6分钟
- Integrating Media Elements• 7分钟
- Building an HTML Document• 6分钟
- Structuring the Web Page• 4分钟
- Incorporating Text, Lists, and Links• 4分钟
- HTML Page Walk Through• 3分钟
- Create a Web Page with HTML• 3分钟
- Conclusion: HTML for Web Development• 1分钟
10篇阅读材料• 总计200分钟
- Introduction to Web Development Course Syllabus• 30分钟
- Completing the Guided Labs• 30分钟
- Microsoft Tools for Front-End Development• 10分钟
- HTML Structure and Elements• 30分钟
- HTML in Web Development• 10分钟
- Semantic HTML• 10分钟
- Building an HTML Document• 30分钟
- You Try It! Building an HTML Document - Answer Key• 10分钟
- Constructing a Complete Web Page with HTML• 30分钟
- You Try It! Create a Web Page with HTML - Answer Key• 10分钟
6个作业• 总计150分钟
- Practice Quiz: Introduction to HTML• 20分钟
- Practice Quiz: The Role of HTML in Web Development• 25分钟
- Practice Quiz: The Importance of Semantic HTML• 20分钟
- Practice Quiz: Building Your First HTML Document• 20分钟
- Practice Quiz: Constructing a Complete Web Page with HTML• 15分钟
- Graded Quiz: HTML for Web Development• 50分钟
2个非评分实验室• 总计90分钟
- You Try It! Building an HTML Document• 30分钟
- You Try It! Create a Web Page with HTML• 60分钟
2个插件• 总计30分钟
- Guided Lab: Building an HTML Document• 15分钟
- Guided Lab: Create a Web Page with HTML• 15分钟
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.
涵盖的内容
17个视频6篇阅读材料6个作业1个非评分实验室1个插件
17个视频• 总计83分钟
- Introduction to CSS for Web Development• 2分钟
- CSS Syntax and Structure• 8分钟
- Applying CSS to HTML Documents• 6分钟
- The CSS Box Model• 4分钟
- Responsive Web Design Principles• 4分钟
- Media Queries• 3分钟
- Techniques for Creating Flexible Layouts• 6分钟
- Introduction to Enhancing Web Accessibility with CSS• 7分钟
- Using CSS to Enhance Accessibility• 6分钟
- Best Practices for Accessible Design• 6分钟
- Flexbox for Responsive Layouts• 4分钟
- CSS Grid for Complex Layouts• 4分钟
- CSS Animations and Transitions• 6分钟
- Planning a Responsive Web Design• 4分钟
- Implementing Flexbox for Responsive Layouts• 3分钟
- Creating a Responsive Web Page with Advanced CSS Techniques• 7分钟
- Conclusion: CSS for Web Development• 2分钟
6篇阅读材料• 总计60分钟
- CSS• 10分钟
- Introduction to CSS• 10分钟
- Web Accessibility• 10分钟
- CSS Techniques for Web Design• 10分钟
- Creating a Responsive Web Page with Advanced CSS Techniques• 10分钟
- You Try It! Creating a Responsive Web Page with Advanced CSS Techniques - Answer Key• 10分钟
6个作业• 总计150分钟
- Practice Quiz: Introduction to CSS• 20分钟
- Practice Quiz: Web Design with CSS• 20分钟
- Practice Quiz: Enhancing Web Accessibility with CSS• 20分钟
- Practice Quiz: Advanced CSS Techniques for Web Design• 20分钟
- Practice Quiz: Creating a Responsive Web Page with Advanced CSS Techniques• 20分钟
- Graded Quiz: CSS for Web Development• 50分钟
1个非评分实验室• 总计60分钟
- You Try It! Creating a Responsive Web Page with Advanced CSS Techniques• 60分钟
1个插件• 总计15分钟
- Guided Lab: Creating a Responsive Web Page with Advanced CSS Techniques• 15分钟
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.
涵盖的内容
20个视频13篇阅读材料7个作业5个非评分实验室5个插件
20个视频• 总计127分钟
- Introduction: JavaScript Basics• 2分钟
- JavaScript Variables, Data Types, and Operators• 10分钟
- JavaScript Control Structures• 10分钟
- Writing and Running JavaScript Code• 6分钟
- Writing Basic JavaScript Programs• 4分钟
- Understanding the DOM• 12分钟
- Manipulating the DOM with JavaScript• 8分钟
- Manipulating the DOM Lab• 5分钟
- Functions in JavaScript• 5分钟
- Understanding Scope in JavaScript• 4分钟
- Principles of Asynchronous Programming• 6分钟
- Using Async/Await in JavaScript• 6分钟
- Writing Asynchronous JavaScript• 16分钟
- JavaScript Design Patterns• 9分钟
- Working with JSON• 6分钟
- Implementing the Module Pattern for Reusable Code• 4分钟
- Understanding JSON• 6分钟
- Working with JSON in JavaScript• 4分钟
- Managing Data with JSON• 5分钟
- Conclusion: Introduction to JavaScript for Interactivity• 2分钟
13篇阅读材料• 总计130分钟
- JavaScript Basics• 10分钟
- You Try It! Writing Basic JavaScript Programs - Answer Key• 10分钟
- DOM Manipulation• 10分钟
- You Try It! Manipulating the DOM - Answer Key• 10分钟
- Functions in JavaScript• 10分钟
- Scope in JavaScript• 10分钟
- Asynchronous JavaScript• 10分钟
- You Try It! Writing Asynchronous JavaScript - Answer Key• 10分钟
- JavaScript Design Patterns• 10分钟
- Managing Data with JSON• 10分钟
- You Try It! Implementing the Module Pattern for Reusable Code - Answer Key• 10分钟
- Managing Data with JSON• 10分钟
- You Try It! Managing Data with JSON - Answer Key• 10分钟
7个作业• 总计140分钟
- Practice Quiz: JavaScript Basics• 15分钟
- Practice Quiz: DOM Manipulation• 15分钟
- Practice Quiz: JavaScript Functions and Scope• 15分钟
- Practice Quiz: Asynchronous JavaScript• 15分钟
- Practice Quiz: Advanced JavaScript Concepts• 15分钟
- Practice Quiz: Managing Data with JSON• 15分钟
- Graded Quiz: Introduction to JavaScript for Interactivity• 50分钟
5个非评分实验室• 总计210分钟
- You Try It! Writing Basic JavaScript Programs• 30分钟
- You Try It! Manipulating the DOM• 60分钟
- You Try It! Writing Asynchronous JavaScript• 30分钟
- You Try It! Implementing the Module Pattern for Reusable Code• 30分钟
- You Try It! Managing Data with JSON• 60分钟
5个插件• 总计75分钟
- Guided Lab: Writing Basic JavaScript Programs• 15分钟
- Guided Lab: Manipulating the DOM• 15分钟
- Guided Lab: Writing Asynchronous JavaScript• 15分钟
- Guided Lab: Implementing the Module Pattern for Reusable Code• 15分钟
- Guided Lab: Managing Data with JSON• 15分钟
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.
涵盖的内容
14个视频9篇阅读材料9个作业2个插件
14个视频• 总计70分钟
- Introduction: Version Control with Git and GitHub• 2分钟
- Fundamentals of Version Control• 8分钟
- Version Control Workflows• 9分钟
- Git Setup and Initialization• 4分钟
- Core Git Commands• 5分钟
- Basic Git Commands• 2分钟
- Introduction to GitHub• 5分钟
- Collaborating with GitHub• 4分钟
- Git Integration with IDEs• 7分钟
- Enhancing Productivity with Git Plugins• 6分钟
- Managing Branches and Merging• 7分钟
- Advanced Repository Management• 4分钟
- Advanced Git Techniques• 6分钟
- Conclusion: Version Control with Git and Github• 2分钟
9篇阅读材料• 总计85分钟
- Version Control• 10分钟
- Git Setup and Initialization• 10分钟
- Core Git Commands• 5分钟
- You Try It! Basic Git Commands - Answer Key• 10分钟
- Using GitHub for Collaboration• 10分钟
- Activity: Collaborating with GitHub - Answer Key• 10分钟
- Integrating Git with Development Tools• 10分钟
- Advanced Git Techniques• 10分钟
- You Try It! Advanced Git Techniques - Answer Key• 10分钟
9个作业• 总计215分钟
- Practice Quiz: Introduction to Version Control• 15分钟
- You Try It! Basic Git Commands• 30分钟
- Practice Quiz: Basic Git Commands• 15分钟
- Activity: Collaborating with GitHub• 30分钟
- Practice Quiz: Using GitHub for Collaboration• 15分钟
- Practice Quiz: Integrating Git with Development Tools• 15分钟
- You Try It! Advanced Git Techniques• 30分钟
- Practice Quiz: Advanced Git Techniques• 15分钟
- Graded Quiz: Version Control with Git and GitHub• 50分钟
2个插件• 总计30分钟
- Guided Lab: Basic Git Commands• 15分钟
- Guided Lab: Advanced Git Techniques• 15分钟
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.
涵盖的内容
11个视频5个作业1次同伴评审
11个视频• 总计38分钟
- Introduction to Microsoft Copilot• 4分钟
- Setting Up Microsoft Copilot• 2分钟
- Enhancing HTML Code with Copilot• 2分钟
- Creating Semantic HTML with Copilot• 3分钟
- Enhancing CSS Code with Copilot• 4分钟
- Creating Responsive Designs with Copilot• 4分钟
- Enhancing JavaScript Code with Copilot• 5分钟
- Implementing Interactivity with Copilot• 5分钟
- Developing a Web Project with Copilot• 4分钟
- Testing and Debugging with Copilot• 4分钟
- Course Conclusion: Introduction to Web Development• 3分钟
5个作业• 总计150分钟
- Activity: Setting Up Microsoft Copilot• 30分钟
- Activity: Writing and Enhancing HTML with Copilot• 30分钟
- Activity: Writing and Enhancing CSS with Copilot• 30分钟
- Activity: Writing and Enhancing JavaScript with Copilot• 30分钟
- Activity: Developing and Testing a Web Project with Copilot• 30分钟
1次同伴评审• 总计45分钟
- Using Microsoft Copilot for Writing HTML, CSS, and JavaScript• 45分钟
获得职业证书
将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。
位教师
授课教师评分
我们要求所有学生根据授课教师的教学风格和质量提供对授课教师的反馈。

提供方

提供方

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.
从 Mobile and Web Development 浏览更多内容
人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

Jennifer J.

Larry W.

Chaitanya A.
学生评论
40 条评论
- 5 stars
67.50%
- 4 stars
5%
- 3 stars
7.50%
- 2 stars
5%
- 1 star
15%
显示 3/40 个
已于 Aug 11, 2025审阅
dễ dàng tiếp cận cho người mới không biết gì về IT
常见问题
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.
更多问题
提供助学金,




