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.
Interactivity with JavaScript
Interactivity with JavaScript
This course is part of Web Design for Everybody: Basics of Web Development & Coding Specialization
Instructors: Colleen van Lent, Ph.D.
Sponsored by Louisiana Workforce Commission
214,232 already enrolled
Gain insight into a topic and learn the fundamentals.
4.7
(7,298 reviews)
Beginner level
No prior experience required
Flexible schedule
Approx. 9 hours
Learn at your own pace
98%
Most learners liked this course
What you'll learn
Understand how JavaScript is used to react to user events.
Write your own JavaScript code to let a person interact with your page.
Discuss how JavaScript can introduce accessibility issues.
Skills you'll gain
Details to know
Shareable certificate
Add to your LinkedIn profile
Assessments
3 assignments
Taught in English
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
This course is part of the Web Design for Everybody: Basics of Web Development & Coding Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV
Share it on social media and in your performance review
There are 4 modules in this course
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.
What's included
7 videos9 readings1 assignment1 discussion prompt
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.
What's included
7 videos6 readings1 assignment1 peer review1 app item
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.
What's included
2 videos5 readings1 assignment
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.
What's included
5 videos6 readings1 peer review1 app item
Instructors
Instructor ratings
4.8 (624 ratings)Offered by
Why people choose Coursera for their career
Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
Learner reviews
4.7
7,298 reviews
- 5 stars
75.67%
- 4 stars
18.97%
- 3 stars
4.16%
- 2 stars
0.76%
- 1 star
0.42%
Showing 3 of 7298
LG
4
Reviewed on Mar 14, 2018
First submission had not been fully explained (i.e. no mention of needing ++) but otherwise course content was good. Colleen is an excellent presenter and I could listen to her all day.
LC
5
Reviewed on Mar 15, 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.
HP
4
Reviewed on Oct 11, 2016
Good basic learning course in javascript. Most of the students dont know even the simple basic concepts related to web design. Those can be covered in this course...Happy Coding Everybody.
Recommended if you're interested in Computer Science
University of California, Davis
Coursera Project Network
Open new doors with Coursera Plus
Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 3,400 global companies that choose Coursera for Business
Upskill your employees to excel in the digital economy