JavaScript、HTML 和 CSS 编程基础知识

JavaScript、HTML 和 CSS 编程基础知识

本课程是 Java 编程和软件工程基础专项课程的一部分

位教师：Susan H. Rodger

访问权限由 New York State Department of Labor 提供

610,418 人已注册

4个模块

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

14,940 条评论

初级等级

无需具备相关经验

灵活的计划

3 周在 10 小时一周

自行安排学习进度

95%

大多数学生喜欢此课程

4个模块

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

14,940 条评论

初级等级

无需具备相关经验

灵活的计划

3 周在 10 小时一周

自行安排学习进度

95%

大多数学生喜欢此课程

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

16 项作业

授课语言：英语（English）

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

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

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

积累特定领域的专业知识

本课程是 Java 编程和软件工程基础专项课程专项课程的一部分

在注册此课程时，您还会同时注册此专项课程。

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

该课程共有4个模块

学习基础编程概念（如函数、for 循环、条件语句）以及如何像程序员一样解决问题。此外，在使用 HTML、CSS 和 JavaScript 构建网页的过程中学习基本的网页开发。课程结束时，您将创建一个网页，供他人上传图片并应用您创建的图片过滤器。完成本课程后，您将能够： 1.批判性地思考如何使用编程解决问题；2.使用函数、for 循环和条件语句编写 JavaScript 程序；3.使用 HTML 创建包含段落、div、图片、链接和列表的网页；4.使用 CSS ID 和类为网页添加样式；以及 5.使用 JavaScript 命令（如 alert、onClick、onChange）使网页具有交互性，添加输入功能（如图像画布、按钮和滑块）。

在本模块中，你将学习 HTML 和 CSS 设计网页的基础知识。通过本模块的学习，你将建立自己的第一个网页！

涵盖的内容

13个视频9篇阅读材料4个作业2个讨论话题

13个视频总计58分钟

课程概览 3分钟
学习编程的技巧 2分钟
帮助您成功的资源 2分钟
使用 CodePen 3分钟
什么是 HTML？ 7分钟
元数据和分节元素 3分钟
文本格式和嵌套标签 2分钟
添加图片和链接 3分钟
图像和存储 6分钟
列表和表格 8分钟
如何使用 CSS 设计网页 4分钟
CSS 基础知识 8分钟
CSS 中的颜色和名称 8分钟

9篇阅读材料总计225分钟

课程欢迎 10分钟
报告课程问题 10分钟
试试吧创建您的 CodePen 账户 10分钟
试试看创建 "我的兴趣 "网页 40分钟
试试看文本格式 20分钟
试试看添加链接和图片 30分钟
试试看创建列表和表格 45分钟
试试看用 CSS 为网页设计风格 30分钟
试试看自定义网页颜色 30分钟

4个作业总计120分钟

使用 HTML - 设置文本格式 30分钟
使用 HTML - 显示数据 30分钟
使用 CSS 创建样式 30分钟
使用 HTML 和 CSS 设计网页 30分钟

2个讨论话题总计20分钟

在论坛上寻求帮助 10分钟
分享您的 "我的兴趣 "网页 10分钟

在本 Modulation 中，您将探索计算思维，学习 JavaScript 编程基础。你将练习设计算法，使用图像处理库，并应用编程概念来解决问题--比如为网页上的图像创建绿屏效果。

涵盖的内容

15个视频6篇阅读材料6个作业

15个视频总计100分钟

导言 2分钟
一切都是数字 7分钟
这怎么会是一个数字？ 3分钟
开发算法 6分钟
解决编程问题的七步方法 7分钟
变量 10分钟
方法 7分钟
功能 6分钟
类型 4分钟
杜克大学课程学习环境 10分钟
For 循环 6分钟
条件执行 7分钟
翻译成代码 10分钟
批判性地思考你的计划 4分钟
查找代码中的错误 10分钟

6篇阅读材料总计253分钟

试试看使用变量、方法和函数 30分钟
斜坡编程练习 - 变量、方法和函数 3分钟
试试看使用 For 循环 30分钟
提升：编程练习 - 循环和条件式 10分钟
编程练习：修改图像 90分钟
编程练习：高级修改图像 90分钟

6个作业总计170分钟

解决编程问题 20分钟
变量、方法和函数 30分钟
循环和条件 30分钟
用 JavaScript 修改图片 30分钟
调试代码 30分钟
编程概念概述 30分钟

在本 Modulation 中，您将在掌握 HTML、CSS 和 JavaScript 技能的基础上，使用事件驱动编程创建交互式网页。您将学习如何将用户操作（如点击按钮）与动态响应连接起来，最终制作出交互式绿屏图像处理工具。

涵盖的内容

8个视频9篇阅读材料3个作业

8个视频总计62分钟

导言 3分钟
带分隔符的按钮 7分钟
交互式更改页面 8分钟
使用 HTML5 画布 10分钟
输入和事件 8分钟
上传和显示图像 8分钟
将图像转换为灰度 9分钟
转到 CodePen 9分钟

9篇阅读材料总计320分钟

试试看用 Divs 创建按钮 30分钟
试试看交互式更改页面 30分钟
编程练习：待办事项列表 10分钟
试试吧帆布 30分钟
试试看输入和事件 30分钟
编程练习：交互式画布 10分钟
试试看上传和显示图像 30分钟
试试看将图像转换为灰度图像 60分钟
试试吧在线绿色屏幕 90分钟

3个作业总计90分钟

按钮和互动 30分钟
事件驱动编程 30分钟
互动网页 30分钟

在本 Modulation 中，您将综合运用 HTML、CSS 和 JavaScript 技能来构建一个小型项目：一个允许用户上传和筛选图片的简单网站。您将创建基本的过滤器，使用自己的样式自定义页面，并解决添加新过滤器、显示图片尺寸等可选挑战，使您的项目更具活力。

涵盖的内容

5个视频6篇阅读材料3个作业

5个视频总计31分钟

导言 4分钟
隐写术第一部分 7分钟
隐写术第二部分 8分钟
隐写术第三部分 5分钟
隐写术编码示例 8分钟

6篇阅读材料总计425分钟

迷你项目第 1 部分 90分钟
迷你项目第 2 部分 90分钟
迷你项目挑战 60分钟
额外挑战 5分钟
隐写术评论 90分钟
隐写术：编程练习指南 90分钟

3个作业总计90分钟

隐写术数学 30分钟
隐写术 30分钟
回顾 HTML、CSS 和 JavaScript 30分钟

获得职业证书

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

位教师

授课教师评分

(3,223个评价)

Susan H. Rodger

Duke University

10 门课程 929,069 名学生

提供方

Duke University

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

Felipe M.

自 2018开始学习的学生

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

Jennifer J.

自 2020开始学习的学生

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

Larry W.

自 2021开始学习的学生

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

Chaitanya A.

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

学生评论

5 stars
72.63%
4 stars
20.93%
3 stars
3.92%
2 stars
1.05%
1 star
1.45%

显示 3/14940 个

已于 Jul 16, 2020审阅

Excellent course .Just felt that there should be examples that could help someone to understand in a more better way.The videos were good and were very simple and easy to understand then the text.

已于 Feb 17, 2018审阅

Maybe it's because my English is weaker than I expected or I am just less smart than i thought but it wasn't easy. But i'm thankfull for all of this. Greatings for everyone who maded this course!

已于 Feb 10, 2023审阅

Course was very informative and helped me to learn web development terminology and usage in the best way possible. I will recommend anyone interested in Web Development to take up this course.

查看更多评论