Get started with custom lists to organize and share courses.

Sign up

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Interactivity with JavaScript

University of Michigan via Coursera

12 Reviews 4469 students interested
  • Provider Coursera
  • Cost Free Online Course (Audit)
  • Session In progress
  • Language English
  • Certificate Paid Certificate Available
  • Start Date
  • Duration 4 weeks long
  • Learn more about MOOCs

Taken this course? Share your experience with other students. Write review

Overview

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.

Syllabus

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.

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.

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.

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.

Taught by

Colleen Van Lent, Ph.D.

Tags

Help Center

Most commonly asked questions about Coursera Coursera

Reviews for Coursera's Interactivity with JavaScript
4.3 Based on 12 reviews

  • 5 stars 50%
  • 4 stars 33%
  • 3 stars 17%
  • 2 star 0%
  • 1 star 0%

Did you take this course? Share your experience with other students.

Write a review
  • 1
Jose B
3.0 2 months ago
Jose completed this course, spending 5 hours a week on it and found the course difficulty to be very easy.
Good, although very introductory, course on JavaScript. You will learn JS in the context of adding interaction to a Web site, the language itself is learned very superficially. The instructor is clear in her explanations and focus on explaining the concepts - you won't just learn how to do it, you will have at least some understanding about why you are doing it that way.
Was this review helpful to you? Yes
Anonymous
4.0 4 years ago
Anonymous completed this course.
Good class! These lessons got my brain thinking about the uses of JS to make my page interactive, and really inspired me to do more. I would like to see a class on back-end JavaScript with nodeJS and perhaps a class on ReactJS. I hope those will be coming soon, but this class was good!
Was this review helpful to you? Yes
Anonymous
4.0 4 years ago
Anonymous completed this course.
This was a good class for those beginning in JavaScript. I wished the class had been a little longer, perhaps diving into back-end JavaScript, but overall this is a great course to add functionality and interactivity to your website.
Was this review helpful to you? Yes
Anestis K
5.0 3 years ago
by Anestis completed this course.
Was this review helpful to you? Yes
Colin K
3.0 3 years ago
by Colin completed this course.
Was this review helpful to you? Yes
Krešimir M
5.0 3 years ago
by Krešimir completed this course.
Was this review helpful to you? Yes
Ivan K
5.0 3 years ago
by Ivan completed this course.
Was this review helpful to you? Yes
Anton A
5.0 3 years ago
Anton completed this course.
Was this review helpful to you? Yes
Monica C
5.0 3 years ago
by Monica completed this course.
Was this review helpful to you? Yes
Rayhaan P
5.0 3 years ago
by Rayhaan completed this course.
Was this review helpful to you? Yes
Charles S
4.0 3 years ago
by Charles completed this course.
Was this review helpful to you? Yes
Xenofon K
4.0 3 years ago
by Xenofon completed this course.
Was this review helpful to you? Yes
  • 1

Class Central

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free

Never stop learning Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.