前端开发简介

前端开发简介

Q: 我什么时候能看到讲座和作业？

要获取课程资料、作业和证书，您需要在注册课程时购买证书体验。 您可以尝试免费试听，或申请资助。课程可能提供 "完整课程，无证书"。通过该选项，您可以查看所有课程资料，提交必要的评估，并获得最终成绩。这也意味着您无法购买证书体验。

本课程是多个项目的一部分。

位教师：Taught by Meta Staff

482,108 人已注册

包含在 Coursera Plus 中

了解更多

4个模块

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

4.8

（13,334 条评论）

初级等级

推荐体验

灵活的计划

2 周在 10 小时一周

自行安排学习进度

96%

大多数学生喜欢此课程

4个模块

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

4.8

（13,334 条评论）

初级等级

推荐体验

灵活的计划

2 周在 10 小时一周

自行安排学习进度

96%

大多数学生喜欢此课程

您将学到什么

区分前端、后端和全栈开发人员。
使用 HTML 和 CSS 创建网页并为其设计样式。
使用用户界面框架的好处。

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

15 项作业

授课语言：英语（English）

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

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

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

积累特定领域的专业知识

此课程作为的一部分提供

在注册此课程时，您还需要选择一个特定的合作项目。

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

该课程共有4个模块

欢迎学习《前端开发入门》，这是 Meta 前端开发员课程的第一门课程。

如果您想成为一名网络开发人员，本课程是一个很好的开始。您将了解网络开发人员的日常职责，并对互联网的核心和底层技术有一个总体的认识。您将学习前端开发员如何创建运行良好且易于维护的网站和应用程序。您将学习 HTML 和 CSS 等核心网络开发技术，并有机会练习使用这些技术。此外，您还将学习 Bootstrap 和 React 等现代 UI 框架，轻松创建交互式用户体验。课程结束时，您将能够 - 描述前端开发员的角色 - 解释为互联网提供动力的核心和底层技术 - 使用 HTML 创建一个简单的网页 - 使用 CSS 控制一个简单网页的外观 - 解释什么是 React - 描述最流行的 UI 框架的应用和特点在本课程的最终项目中，您将使用 HTML 和 Bootstrap CSS 框架创建和编辑一个网页。使用响应式布局网格，您将构建一个包含文本和图像的响应式网页，该网页在任何尺寸的屏幕上都非常美观。这是一门初级课程，适合渴望学习网页开发基础知识的学员。要成功学好本课程，您不需要有网页开发经验，只需要掌握基本的互联网导航技能，并渴望开始编码。

在本模块中，您将了解不同类型的网络开发人员，以及前端、后端和全栈开发人员的角色和职责。您将初步了解 HTML、CSS 和 Javascript 等核心技术，并探索互联网运行的基本概念。

涵盖的内容

18个视频11篇阅读材料5个作业1个非评分实验室2个插件

18个视频总计72分钟

计划简介3分钟
课程介绍4分钟
前端、后端和全栈开发人员职位5分钟
前端开发员的一天5分钟
互联网如何运作1分钟
什么是网络服务器及其工作原理？2分钟
什么是网站和网页？5分钟
什么是网络浏览器？3分钟
网络托管3分钟
互联网协议简介4分钟
HTTP 简介7分钟
HTML、CSS 和 Javascript 简介4分钟
网页、网站和网络应用程序2分钟
开发人员工具3分钟
框架和图书馆5分钟
应用程序接口和服务4分钟
什么是集成开发环境？3分钟
模块摘要 - 开始学习网络开发2分钟

11篇阅读材料总计105分钟

前端开发导论》课程大纲5分钟
如何成功学习本课程10分钟
顶点项目演示：小柠檬网站10分钟
其他资源10分钟
HTTP 示例10分钟
其他互联网协议10分钟
练习：检查网页10分钟
练习：使用浏览器开发工具编辑网站10分钟
设置本地开发环境10分钟
Coursera 上的 Visual Studio Code10分钟
其他资源10分钟

5个作业总计95分钟

知识检查 - 网络如何运行27分钟
知识检查 - 网络和互联网21分钟
自我审查：检查页面5分钟
知识检测 - 互联网核心技术12分钟
模块测验：网络开发入门30分钟

1个非评分实验室总计15分钟

通过命令行工具探索 Internet 协议15分钟

2个插件总计35分钟

探索网络开发之路20分钟
面向 Front-End 开发人员的 HTML、CSS 和 JavaScript15分钟

在本模块中，你将学习如何构建 HTML 文档，并使用 CSS 添加基本样式和布局。

涵盖的内容

12个视频6篇阅读材料3个作业3个编程作业1个讨论话题1个插件

12个视频总计48分钟

什么是超文本标记语言？4分钟
HTML 文档4分钟
链接文件2分钟
用 HTML 为网页添加图像3分钟
使用 HTML 处理表格中的数据3分钟
什么是表格？4分钟
DOM 简介4分钟
网络无障碍3分钟
选择和造型6分钟
箱式模型介绍4分钟
文件流程--分块与并行3分钟
模块摘要 - HTML 和 CSS 简介3分钟

6篇阅读材料总计65分钟

简单的 HTML 标记15分钟
其他资源10分钟
不同类型的选择器10分钟
CSS 中的文本和颜色10分钟
对齐基础知识10分钟
其他资源10分钟

3个作业总计60分钟

知识检测 - HTML 入门15分钟
知识检查：CSS 基础知识15分钟
模块测验：HTML 和 CSS 简介30分钟

3个编程作业总计180分钟

创建简单 HTML 文档并在浏览器中查看60分钟
用 CSS 为 HTML 页面设计样式60分钟
创建和设计网页样式60分钟

1个讨论话题总计10分钟

讨论在创建和设计网页时所面临的挑战10分钟

1个插件总计15分钟

CSS 盒模型15分钟

在本模块中，您将学习如何使用 Bootstrap 框架构建响应式界面，以及使用 UI 框架的好处。

涵盖的内容

12个视频8篇阅读材料5个作业2个非评分实验室

12个视频总计49分钟

与图书馆合作4分钟
响应式设计简介4分钟
开始使用 Bootstrap5分钟
使用 Bootstrap 样式4分钟
Bootstrap 网格2分钟
Bootstrap 组件7分钟
静态和动态内容3分钟
单页应用程序5分钟
什么是 React？3分钟
React 如何工作2分钟
组件层次结构2分钟
模块概述：用户界面框架2分钟

8篇阅读材料总计85分钟

引导10分钟
使用 Bootstrap 文档10分钟
其他 CSS 框架和库10分钟
其他资源10分钟
案例研究：Facebook 工程师为何要创建 React？10分钟
虚拟 DOM10分钟
React 的替代方案15分钟
其他资源10分钟

5个作业总计72分钟

自我回顾：使用 Bootstrap Grid9分钟
自我回顾：使用 Bootstrap 组件9分钟
知识检查：用户界面框架和库简介15分钟
知识检查：React 简介15分钟
模块测验：用户界面框架24分钟

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

使用 Bootstrap 创建双列食品菜单并在浏览器中查看60分钟
添加 Bootstrap 组件，增强小柠檬网页的功能60分钟

在本模块中，将对课程中涉及的关键技能进行评估。

涵盖的内容

2个视频3篇阅读材料2个作业2个讨论话题1个非评分实验室

2个视频总计5分钟

课程 1 回顾：网络开发入门2分钟
恭喜您，您已完成《网络开发入门2分钟

3篇阅读材料总计11分钟

关于未分级实验室：用 Bootstrap 改进你的生物页面5分钟
范例5分钟
网络开发入门之后的下一步1分钟

2个作业总计39分钟

自我回顾：使用 Bootstrap 改进你的生物页面9分钟
课程 1 评估：网络开发入门30分钟

2个讨论话题总计20分钟

在编辑传记页时，您遇到了哪些挑战？10分钟
在本课程中，您认为最具挑战性和最有收获的是什么？10分钟

1个非评分实验室总计60分钟

用 Bootstrapping 改进你的 BIOS 页面并在浏览器中查看它60分钟

获得职业证书

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

位教师

授课教师评分

4.8 (4,730个评价)

Taught by Meta Staff

提供方

从移动和网络开发浏览更多内容

状态：免费试用
Meta
Introduction to Back-End Development
课程
状态：免费试用
Scrimba
Frontend Development
专项课程
状态：免费试用
IBM
Getting Started with Front-End and Web Development
课程
状态：免费试用
Board Infinity
Libraries and Frameworks for Frontend Development
课程

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

Felipe M.

自 2018开始学习的学生

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

Jennifer J.

自 2020开始学习的学生

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

Larry W.

自 2021开始学习的学生

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

Chaitanya A.

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

学生评论

4.8

13,334 条评论

5 stars
81.45%
4 stars
15.53%
3 stars
1.91%
2 stars
0.40%
1 star
0.69%

显示 3/13334 个

已于 Aug 15, 2024审阅

Good overview and introduction. The Coursera Coach is a helpful tool to check and expand on the content. I wish there was more extensive coding involved to further strengthen the practical side.

已于 Oct 28, 2023审阅

"Fantastic course! "Introduction to Front-End Development" on Coursera provided a solid foundation in web development. Well-structured, informative, and immediately applicable. Highly recommended!"

已于 Mar 4, 2024审阅

This is a great course to start with. It come with good basic knowledge and demo using much more recent technologies and tools. I recommend to some one who interest in role of web development.

查看更多评论