|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/javascript
课程评论：没有评论
课程名称：使用JavaScript实现互动性 课程概述：如果你想提升你的网站，增加互动性是必不可少的。然而，加入这些功能需要比HTML5或CSS3更强大的编程语言，而JavaScript正能满足这一需求。凭借对这门语言的基本理解，你可以创建一个能够响应常见事件（如页面加载、鼠标点击与移动、甚至键盘输入）的网页。本课程将向你介绍JavaScript语言的基础知识，涵盖变量、循环、函数和一些调试工具的概念。你将理解JavaScript如何利用文档对象模型（DOM）识别和修改网页的特定部分。课程结束后，学习者将能够对DOM事件做出反应，并动态更改网页的内容和样式。课堂的最终项目是创建一个接受和验证输入的互动HTML5表单。 这门课程是“面向每个人的网页设计”专项中的第三门课程。报名参加该课程时，预计学习者应具备基本的HTML和CSS知识。其他课程将专注于通过响应式设计增强样式，并完成一个综合项目。 课程大纲： 第一周：数据类型 描述：如果你之前没有使用过传统编程语言，这一周是关键。我们将讨论为什么要使用JavaScript，主要是因为它非常容易与DOM互动。我们会快速进入不同的输出生成方式，让你的代码展现出可见的效果。接着，我们将回到计算机如何使用数据的基础，包括变量、表达式和运算符。 第二周：对观众的反应 描述：如果你之前写过HTML代码，希望你养成了验证代码的好习惯，确保关闭所有打开的标签等。本周我们将讨论编写“干净”代码的重要性，以及如何根据用户与网页的互动来操纵页面的不同组件。你将学习到JavaScript的鼠标事件和触摸事件，本周的材料将以你可以跟着我一起创建的照片画廊示例结束。 第三周：数组和循环 描述：本周我们将深入探讨更复杂的编程概念：数组和循环。数组允许你表示相关信息的组，循环则为你的程序提供效率和灵活性。我们将利用这些概念扩展照片画廊示例。 第四周：使用JavaScript实现互动图像 描述：本周我们将把之前的概念结合起来，做一些“酷炫”的事情。同时，我们也会讨论酷炫与可访问性之间的权衡。本周的最终项目是你在第二周编写项目的新版本。你将根据自己的图片制作一个互动的照片画廊，并添加键盘可访问性功能。
Name:Week One: Data Types
Description:If you haven't use a traditional programming language before, this first week is key. Before we begin with the how, we will talk about the why, mainly why we want to use JavaScript. The main reason is that it is very easy for JavaScript to work with the DOM. And easy is always a great way to start. Speaking of starting out, it is also always more fun when our code actually does something we can see, so we will jump quickly into different ways we can generate output. It won't be flashy yet, but it will be a great way to get your feet wet with traditional programming. After that we go back to the basics of how a computer uses data. We begin with variables, expressions, and operators.
Name:Week Two: Reacting to Your Audience
Description:If you have written HTML code in the past, hopefully you have fallen into the great habit of validating your code -- making sure that you close all of your open tags. There are other rules that you may or may not have been following as well, for instance the importance of using each id attribute only once per page. This is called writing "clean" code. The reasoning and importance of following these rules becomes clear as we begin to manipulate the different components of your webpage based on the the actions of the person interacting with your page. In particular you will learn about the JavaScript Mouse Events and Touch Events. This week's materials will end with a photo gallery example that you can create along with me.
Name:Week Three: Arrays and Looping
Description:This week we will delve into more complex programming concepts: arrays and looping. Arrays allow you to represent groups of related information. Looping provides efficiency and flexibility to your programs. Using both we will expand upon the photo gallery example.
Name:Week Four: Using JS for Interactive Images
Description:This week is all about putting concepts together to do "cool" things. And we even stop for a second to talk about the the trade-off between cool things and accessibility. The final project this week will be a new version of your coding project in Week 2. You will make an interactive photo gallery from your own images and will add the functionality of keyboard accessibility to it.
If you want to take your website to the next level, the ability to incorporate interactivity is a must. But adding some of these types of capabilities requires a stronger programming language than HTML5 or CSS3, and JavaScript can provide just what you need. With just a basic understanding of the language, you can create a page that will react to common events such as page loads, mouse clicks & movements, and even keyboard input. This course will introduce you to the basics of the JavaScript language. We will cover concepts such as variables, looping, functions, and even a little bit about debugging tools. You will understand how the Document Object Model (DOM) is used by JavaScript to identify and modify specific parts of your page. After the course, learners will be able to react to DOM Events and dynamically alter the contents and style of their page. The class will culminate in a final project - the creation of an interactive HTML5 form that accepts and verifies input. This is the third course in the Web Design For Everybody specialization. A basic understanding of HTML and CSS is expected when you enroll in this class. Additional courses focus on enhancing the styling with responsive design and completing a capstone project.
