JavaScript、HTML 和 CSS 编程基础知识

JavaScript、HTML 和 CSS 编程基础知识

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

位教师：Susan H. Rodger

访问权限由 Coursera Learning Team 提供

612,083 人已注册

4个模块

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

14,944 条评论

初级等级

无需具备相关经验

灵活的计划

3 周在 10 小时一周

自行安排学习进度

95%

大多数学生喜欢此课程

4个模块

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

14,944 条评论

初级等级

无需具备相关经验

灵活的计划

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分钟
使用 CodePen3分钟
什么是 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 和 CSS 设计网页30分钟
使用 HTML - 设置文本格式30分钟
使用 HTML - 显示数据30分钟
使用 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分钟

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

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

涵盖的内容

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

8个视频总计62分钟

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

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分钟

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

获得职业证书

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

位教师

授课教师评分

(3,224个评价)

Susan H. Rodger

Duke University

10 门课程931,846 名学生

提供方

Duke University

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

Felipe M.

自 2018开始学习的学生

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

Jennifer J.

自 2020开始学习的学生

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

Larry W.

自 2021开始学习的学生

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

Chaitanya A.

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

学生评论

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

显示 3/14944 个

已于 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.

已于 Oct 5, 2015审阅

This is the first course I am taking in Coursera.org. The valuable instructors of Duke University designed and created a masterpiece for learners. Thank you so much guys. Greets from Istanbul, Turkey.

已于 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!

查看更多评论