Web Development Fundamentals

通过 Coursera Plus 解锁访问 10,000 多门课程。开始 7 天免费试用。

Web Development Fundamentals

本课程是 Microsoft JavaScript Starter Kit 专业证书的一部分

位教师： Microsoft

包含在中

了解更多

5个模块

深入了解一个主题并学习基础知识。

初级等级

推荐体验

3 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

5个模块

深入了解一个主题并学习基础知识。

初级等级

推荐体验

3 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累 Mobile and Web Development 领域的专业知识

本课程是 Microsoft JavaScript Starter Kit 专业证书专项课程的一部分

在注册此课程时，您还会同时注册此专业证书。

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

该课程共有5个模块

Welcome to Web Development Fundamentals, the second course in the JavaScript Starter Kit Professional Certificate program.

This course will introduce you to the essential technologies for modern web development, teaching you how to create professional, responsive websites using HTML, CSS, and DOM manipulation with JavaScript. By the end of this course, you will be able to: - Create professional web page structures using semantic HTML elements and accessibility best practices - Implement responsive web designs using CSS properties and layout techniques that work across all device sizes - Develop dynamic web content using DOM manipulation and event handling to create interactive user experiences - Design and implement secure data management systems with proper form validation and XSS prevention - Build a complete To-Do List web application that demonstrates mastery of HTML, CSS, and JavaScript integration For the final project in this course, you will progressively develop a fully functional To-Do List web application that combines all web development fundamentals into a portfolio-ready project. You'll create semantic HTML structures, implement responsive CSS designs, build interactive features using DOM manipulation, handle user events and form submissions, and manage data persistence using browser storage. Throughout the development process, you'll learn to follow professional web standards, implement accessibility best practices, and create secure, user-friendly web applications that demonstrate real-world development skills. To succeed in this course, you should have programming experience with JavaScript variables, functions, control flow, and basic data structures. Familiarity with basic computer concepts and comfort using a web browser are also required. The course uses an online development environment, so you can start building web applications immediately.

Master the building blocks of web development by learning to create well-structured, accessible web pages using HTML. You'll start with basic HTML document structure and progress to implementing semantic elements that improve both SEO and accessibility. By the end of this module, you'll build professional HTML forms with proper validation and create the complete HTML foundation for your To-Do List application, following industry standards for document organization and user experience.

涵盖的内容

6个视频2篇阅读材料3个作业6个非评分实验室2个插件

6个视频总计27分钟

Introduction to Web Development Fundamentals Course2分钟
HTML in Modern Web Development7分钟
Introducing the To-Do List Web Application Final Course Project2分钟
Becoming a Front End Developer4分钟
Semantic HTML5分钟
Web Form Design5分钟

2篇阅读材料总计35分钟

Course Syllabus10分钟
Podcast Module Overview25分钟

3个作业总计60分钟

Graded Quiz: Forms and Validation30分钟
Practice Quiz: HTML Fundamentals15分钟
Practice Quiz: Semantic HTML Implementation15分钟

6个非评分实验室总计225分钟

First HTML Document30分钟
To-Do List Structure45分钟
Semantic Document Structure30分钟
To-Do List Semantic Enhancement40分钟
Interactive Form Elements30分钟
To-Do List Form Implementation50分钟

2个插件总计30分钟

HTML Structure Analysis15分钟
Accessibility and SEO Strategy15分钟

Transform your HTML structures into visually appealing, professional websites using CSS styling and layout techniques. You'll learn to apply colors, typography, and spacing using the CSS box model, then advance to creating responsive designs that work seamlessly across all device sizes. This module culminates in implementing a complete visual design system for your To-Do List application, ensuring it looks professional on desktop, tablet, and mobile devices.

涵盖的内容

3个视频1篇阅读材料3个作业6个非评分实验室

3个视频总计14分钟

CSS Basics5分钟
Layout and Box Model4分钟
Responsive Design in Production5分钟

1篇阅读材料总计25分钟

Podcast Module Overview25分钟

3个作业总计60分钟

Graded Quiz: Responsive Implementation30分钟
Practice Quiz: CSS Fundamentals15分钟
Practice Quiz: Layout Implementation15分钟

6个非评分实验室总计250分钟

CSS Fundamentals Practice40分钟
To-Do List Styling Basics45分钟
Layout Techniques Practice30分钟
To-Do List Layout Implementation50分钟
Responsive Techniques Practice30分钟
To-Do List Responsive Implementation55分钟

Bring your web pages to life by learning to manipulate HTML elements dynamically using JavaScript and the Document Object Model (DOM). You'll master selecting, modifying, and creating elements programmatically to update content without page refreshes. By the end of this module, you'll implement dynamic task creation and management features in your To-Do List application, creating the interactive foundation that modern web applications require.

涵盖的内容

3个视频1篇阅读材料3个作业6个非评分实验室

3个视频总计15分钟

DOM in Web Applications5分钟
Dynamic Content Creation5分钟
Professional DOM Updates4分钟

1篇阅读材料总计15分钟

Podcast Module Overview15分钟

3个作业总计60分钟

Graded Quiz: Element Modification30分钟
Practice Quiz: DOM Fundamentals15分钟
Practice Quiz: Element Creation15分钟

6个非评分实验室总计235分钟

DOM Selection Practice30分钟
To-Do List DOM Integration45分钟
Element Creation Practice30分钟
To-Do List Task Creation50分钟
Dynamic Element Modification25分钟
Enhancing To Do List Task Management55分钟

Create engaging user experiences by implementing event-driven programming that responds to user actions like clicks, form submissions, and keyboard input. You'll learn to handle various event types efficiently and implement event delegation patterns for optimal performance. This module enables you to build a fully interactive To-Do List application where users can add, edit, complete, and manage tasks through intuitive interface interactions.

涵盖的内容

3个视频1篇阅读材料3个作业6个非评分实验室

3个视频总计14分钟

Events in Professional Applications4分钟
Professional Form Processing5分钟
Event Delegation in Production4分钟

1篇阅读材料总计20分钟

Podcast Module Overview20分钟

3个作业总计60分钟

Graded Quiz: Event Delegation Implementation30分钟
Practice Quiz: Event Fundamentals15分钟
Practice Quiz: Form Event Processing15分钟

6个非评分实验室总计250分钟

Event Handling Fundamentals40分钟
To-Do List Event Integration45分钟
Form Event Practice30分钟
To-Do List Form Processing50分钟
Event Delegation Practice30分钟
To-Do List Event Optimization55分钟

Complete your web application by implementing secure data management and persistence using browser storage technologies. You'll learn to validate user input, prevent security vulnerabilities like XSS attacks, and store application data locally so users don't lose their work. By the end of this module, your To-Do List application will be a fully functional, secure web application that maintains user data across browser sessions and follows professional security best practices.

涵盖的内容

3个视频2篇阅读材料2个作业1个编程作业2个非评分实验室

3个视频总计22分钟

Security in Web Forms7分钟
Data Management in Web Applications9分钟
Expert Project Walkthrough5分钟

2篇阅读材料总计43分钟

Understanding Data Management in Web Applications30分钟
Podcast Module Overview13分钟

2个作业总计60分钟

Practice Quiz: Form Security Implementation30分钟
Graded Quiz: Data Management Implementation30分钟

1个编程作业总计60分钟

To-Do List Data Integration60分钟

2个非评分实验室总计80分钟

Form Security Implementation30分钟
To-Do List Security Enhancement50分钟

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

Microsoft

250 门课程2,069,834 名学生

提供方

Microsoft

从 Mobile and Web Development 浏览更多内容

状态：预览
Illinois Tech
Fundamentals of Web Development
课程
状态：免费试用
IBM
Introduction to HTML, CSS, & JavaScript
课程
状态：预览
Birla Institute of Technology & Science, Pilani
Programming with CSS, Javascript and HTML
课程
状态：免费试用
Packt
Web Development Foundations
课程

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

自 2018开始学习的学生

''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'

Jennifer J.

自 2020开始学习的学生

''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'

Larry W.

自 2021开始学习的学生

''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'

Chaitanya A.

''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'

通过 Coursera Plus 开启新生涯

无限制访问 10,000+ 世界一流的课程、实践项目和就业就绪证书课程 - 所有这些都包含在您的订阅中

了解更多

通过在线学位推动您的职业生涯

获取世界一流大学的学位 - 100% 在线

探索学位

加入超过 3400 家选择 Coursera for Business 的全球公司

提升员工的技能，使其在数字经济中脱颖而出

了解更多

常见问题

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.