This course is part of the Web Design for Everybody: Basics of Web Development & Coding Specialization

4.7
stars
7,024 ratings

Colleen van Lent, Ph.D. +1 more instructor

184,212 already enrolled

Offered By

Web Design for Everybody: Basics of Web Development & Coding SpecializationUniversity of Michigan

About this Course

91,733 recent views

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.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Course 3 of 5 in the

Web Design for Everybody: Basics of Web Development & Coding Specialization

Approx. 9 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Skills you will gain

Document Object Model (DOM)
JavaScript
Web Development

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Course 3 of 5 in the

Web Design for Everybody: Basics of Web Development & Coding Specialization

Approx. 9 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Instructors

Instructor rating

4.8/5 (584 Ratings)

Colleen van Lent, Ph.D.

Lecturer

School of Information

610,179 Learners

11 Courses

Charles Russell Severance

Clinical Professor

School of Information

3,778,611 Learners

56 Courses

Offered by

University of Michigan

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

Syllabus - What you will learn from this course

Content Rating98%(33,834 ratings)

Week1

Week 1

2 hours to complete

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.

2 hours to complete

6 videos (Total 50 min), 10 readings, 1 quiz

6 videos

Introduction4mDOM Review with Object Oriented Programming6mOutput13mVariables9mData Types8mOperators and Expressions8m

10 readings

Syllabus10mHelp us learn more about you!10mResources4m"What are these deadlines?"3mLink to All of the Code for Week One3mThe Document Object Model (DOM)2mTrying to Create and Debug Your Own Output5mNotice for Auditing Learners: Assignment Submission10mOptional Materials2mThe History of "Debugging"2m

1 practice exercise

Week One30m

Week2

Week 2

3 hours to complete

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.

3 hours to complete

7 videos (Total 53 min), 6 readings, 2 quizzes

Week3

Week 3

2 hours to complete

Week Three: Arrays and Looping

2 hours to complete

7 videos (Total 57 min), 4 readings, 1 quiz

Week4

Week 4

3 hours to complete

Week Four: Validating Form Data

3 hours to complete

5 videos (Total 46 min), 8 readings, 1 quiz

Reviews

4.7

1442 reviews

5 stars
75.40%
4 stars
19.33%
3 stars
4.09%
2 stars
0.75%
1 star
0.39%

TOP REVIEWS FROM INTERACTIVITY WITH JAVASCRIPT

by ABJan 13, 2016

Well done. I think Javascript is hard to start out in, it makes it hard to review the class. But it was just about right for me. The first assignment almost had me giving up, but it all ended up ok.

by ABJul 27, 2017

It's a great course to begin understand JavaScript. It gives you needed basics of JS. And Colleen van Lent is excellent teacher, she helps you in this journey called "coding with JS".

by JSApr 16, 2021

The methods learned throughout this course are useful when manipulating data; however, The videos could improve because a small portion of the videos are sometimes outdated, but totally valuable!

by FFFeb 7, 2018

Well explained, I learned some interactivity with HTML by learning native JavaScript (was using jQuery always)... Perhaps I expected some more advanced stuff than this (like audio, video, canvas).

View all reviews

About the Web Design for Everybody: Basics of Web Development & Coding Specialization

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.

Frequently Asked Questions

When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Specialization?
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

More questions? Visit the Learner Help Center.

Build employee skills, drive business results

Discover Coursera for Business

Interactivity with JavaScript

About this Course

Skills you will gain