課程信息
53,688

100% 在線

立即開始,按照自己的計劃學習。

可靈活調整截止日期

根據您的日程表重置截止日期。

完成時間大約為12 小時

建議:6 hours/week...

英語(English)

字幕:英語(English)

您將獲得的技能

Document Object Model (DOM)JavaScriptWeb Development

100% 在線

立即開始,按照自己的計劃學習。

可靈活調整截止日期

根據您的日程表重置截止日期。

完成時間大約為12 小時

建議:6 hours/week...

英語(English)

字幕:英語(English)

教學大綱 - 您將從這門課程中學到什麼

1
完成時間為 3 小時

Week One: Introduction to JavaScript

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. ...
6 個視頻 (總計 50 分鐘), 10 個閱讀材料, 1 個測驗
6 個視頻
DOM Review with Object Oriented Programming6分鐘
Output13分鐘
Variables9分鐘
Data Types8分鐘
Operators and Expressions8分鐘
10 個閱讀材料
Syllabus7分鐘
Help us learn more about you!10分鐘
Resources4分鐘
"What are these deadlines?"3分鐘
Link to All of the Code for Week One3分鐘
The Document Object Model (DOM)2分鐘
Trying to Create and Debug Your Own Output5分鐘
Notice for Auditing Learners: Assignment Submission10分鐘
Optional Materials2分鐘
The History of "Debugging"2分鐘
1 個練習
Week One52分鐘
2
完成時間為 3 小時

Week Two: Reacting to Your Audience

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....
7 個視頻 (總計 53 分鐘), 6 個閱讀材料, 2 個測驗
7 個視頻
Functions7分鐘
Code Placement6分鐘
Folder Structure / Organizing Your Code5分鐘
Events10分鐘
Code With Me - Events7分鐘
"this"9分鐘
Photo Gallery5分鐘
6 個閱讀材料
Link to All of the Code for Week Two2分鐘
Functions3分鐘
Organizing Your Code5分鐘
Mastering Events and Functions3分鐘
Just a little note before the next video3分鐘
Homework Time!!2分鐘
1 個練習
Optional - Week Two Review14分鐘
3
完成時間為 2 小時

Week Three: Arrays and Looping

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....
7 個視頻 (總計 57 分鐘), 4 個閱讀材料, 1 個測驗
7 個視頻
Code With Me - Arrays5分鐘
JavaScript Iteration7分鐘
Flow Of Control11分鐘
Code With Me - Combining Loops and Conditionals6分鐘
Advanced Conditionals7分鐘
Common Errors10分鐘
4 個閱讀材料
Link to All of the Code for Week Three2分鐘
A JavaScript Cheat Sheet10分鐘
Arrays5分鐘
Advanced Coding Techniques2分鐘
1 個練習
JavaScript Review30分鐘
4
完成時間為 3 小時

Week Four: Validating Form Data

This week we will put a number of the concepts from this course together to tackle a new project - creating and validating input entered into an HTML5 form. Forms are extremely common elements used to input and send data to via a webpage. We will look at how you can use JavaScript to add options to your forms, to pre-fill data based on previous input, and even to check that passwords match....
5 個視頻 (總計 46 分鐘), 7 個閱讀材料, 1 個測驗
5 個視頻
Simple Forms12分鐘
Simple Validation10分鐘
Comparing Two Inputs8分鐘
Checkboxes and Radio Buttons11分鐘
Conclusion3分鐘
7 個閱讀材料
Link to All of the Code for Week Four5分鐘
Introduction to Forms2分鐘
"Cool Stuff" - Friend or Foe?4分鐘
Using Forms on Your Site3分鐘
More Code Examples2分鐘
Intro to JQuery1分鐘
Post-course Survey10分鐘
4.7
580 個審閱Chevron Right

40%

完成這些課程後已開始新的職業生涯

29%

通過此課程獲得實實在在的工作福利

11%

加薪或升職

熱門審閱

創建者 LCMar 16th 2016

An excellent course, my JavaScript has improved greatly since I completed the requirements. Colleen is a fantastic teacher, I found the lectures to be highly informative and the assignments good fun.

創建者 MMFeb 7th 2016

I was glad to find a course that focused simply on the basics of Javascript. So many courses cover the three HTML, CSS, and JS, but don't give enough to really start working with Javascrip.\n\nThanks

講師

Avatar

Colleen van Lent, Ph.D.

Lecturer
School of Information
Avatar

Charles Severance

Professor
School of Information

關於 密歇根大学

The mission of the University of Michigan is to serve the people of Michigan and the world through preeminence in creating, communicating, preserving and applying knowledge, art, and academic values, and in developing leaders and citizens who will challenge the present and enrich the future....

關於 零基础 Web 设计(Web 开发和编程基础) 專項課程

This Specialization covers how to write syntactically correct HTML5 and CSS3, and how to create interactive web experiences with JavaScript. Mastering this range of technologies will allow you to develop high quality web sites that, work seamlessly on mobile, tablet, and large screen browsers accessible. During the capstone you will develop a professional-quality web portfolio demonstrating your growth as a web developer and your knowledge of accessible web design. This will include your ability to design and implement a responsive site that utilizes tools to create a site that is accessible to a wide audience, including those with visual, audial, physical, and cognitive impairments....
零基础 Web 设计(Web 开发和编程基础)

常見問題

  • 注册以便获得证书后,您将有权访问所有视频、测验和编程作业(如果适用)。只有在您的班次开课之后,才可以提交和审阅同学互评作业。如果您选择在不购买的情况下浏览课程,可能无法访问某些作业。

  • 您注册课程后,将有权访问专项课程中的所有课程,并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中,您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容,可以免费旁听课程。

還有其他問題嗎?請訪問 學生幫助中心