Interactivity with JavaScript and jQuery

This course is part of JavaScript for Beginners Specialization

Instructor: William Mead

7,846 already enrolled

Included with

Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

64 reviews

2 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

4 modules

Gain insight into a topic and learn the fundamentals.

64 reviews

2 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

5 assignments

Taught in English

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

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the JavaScript for Beginners 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

There are 4 modules in this course

This course is the third in our JavaScript for Beginners Specialization. The scripts will become more complex and introduce more complex jQuery plugins. You will have several challenges to practice your skills throughout the course. The course objectives include how to identify objects in JavaScript; create new objects and populate them with data; manipulate objects by adding, modifying and deleting data in objects; manipulate the DOM based on the data in objects; identify and articulate how multiple functions work together to create a more complex program; and identify processes for breaking larger programs into smaller, more manageable pieces.

In this module, you will be introduced to jQuery plugins and be able to present the advantages and challenges associated with using jQuery plugins. You will also be able to recognize common mistakes to avoid when using jQuery plugins. You will be introduced to the Flexslider jQuery plugin and be able to use it to build basic and more advanced image sliders.

What's included

13 videos4 readings1 assignment2 discussion prompts

13 videos Total 71 minutes

Welcome to this Course! 1 minute
Module Introduction 1 minute
Introduction to jQuery Plugins 4 minutes
Using Plugins and Essential Steps 4 minutes
Gotchas and Rookie Mistakes 9 minutes
FlexSlider: A jQuery Plugin 7 minutes
About the Minified Version 6 minutes
Adding Markup & Hooking Up the Slider 8 minutes
FlexSlider Rules 7 minutes
Additional Controls 8 minutes
Advanced FlexSlider 4 minutes
Additional Styling 6 minutes
Styling the CTA 8 minutes

4 readings Total 40 minutes

A Note From UC Davis 10 minutes
PDF of Presentation 10 minutes
Start Files: jQuery Plugins & Flexslider 10 minutes
PDF of Presentation 10 minutes

1 assignment Total 30 minutes

Module 1 Quiz 30 minutes

2 discussion prompts Total 20 minutes

Learning Goals 10 minutes
Module 1 Reflection 10 minutes

In this module, you will be able to use jQuery to create a smooth scroll effect for in-page navigation, as well as develop a script, using jQuery, that keeps track of scroll positions on the page.You will be able to compare and contrast the in-page smooth scroll script and the location tracking script created using jQuery with one created using plain JavaScript. You will be able to build a webpage using HTML and CSS that will combine some of the different scripts created in this course. You will be able to combine some of the different scripts and jQuery plugins explored in this course into the Scription webpage through a series of challenges.

What's included

39 videos8 readings2 assignments2 discussion prompts

39 videos Total 227 minutes

Module Introduction 1 minute
Introduction to Smooth Scroll with jQuery 4 minutes
Creating a Click Handler 5 minutes
Adding the Animation 7 minutes
Add Some Easing and a Callback Function 4 minutes
Highlighting Elements 5 minutes
Introduction to Page Location Tracking 8 minutes
The Crux of the Problem 6 minutes
Strategy 8 minutes
Adding PageTop and If Statements 6 minutes
Writing the Else/If Statement - Part 1 4 minutes
Writing the Else/If Statement - Part 2 6 minutes
Edge Case Issues 5 minutes
Resizing Your Windows 6 minutes
Resetting the Counter 5 minutes
resetPagePosition Function 9 minutes
Reviewing the Whole Script 6 minutes
Introduction to Scroll Effects with JS 6 minutes
Getting the Target - Part 1 5 minutes
Getting the Target - Part 2 5 minutes
Smooth Scroll Polyfill 5 minutes
Checking the Load 7 minutes
Top Posts 6 minutes
Add an Event Listener 6 minutes
The Magic Conditionals 6 minutes
Changing the Next Link 6 minutes
Resizing Function 5 minutes
Finalizing the Script 10 minutes
Scription Site Introduction 6 minutes
Header HTML 5 minutes
Pricing HTML 6 minutes
Beginning Styling 7 minutes
Styling That Attaches to Whole Page 5 minutes
Slider Styling 5 minutes
Pricing Styles 4 minutes
Tablet Styles 7 minutes
Media Query for 1020 Pixels Wide 5 minutes
Media Query for 1200 Pixels Wide 6 minutes
Scription Site: Building Interactive Elements Challenges 10 minutes

8 readings Total 110 minutes

Start Files: Smooth Scroll with jQuery 10 minutes
PDF of Presentation 10 minutes
PDF of Presentation 10 minutes
Start Files: Smooth Scroll with JavaScript 10 minutes
PDF of Presentation 10 minutes
Start Files: Scription Site 40 minutes
Scription Finished Version 10 minutes
PDF of Presentations 10 minutes

2 assignments Total 60 minutes

Module 2 Quiz 30 minutes
Honors Quiz 30 minutes

2 discussion prompts Total 20 minutes

Module 2 Reflection 10 minutes
Peer Support 10 minutes

In this module, you will be introduced to the object literal and be able to demonstrate some of the ways to manipulate data inside objects. You will be able to develop good habits and processes that help with thinking about how to solve a programming problem, including breaking a problem down into smaller pieces.

What's included

11 videos4 readings1 assignment1 discussion prompt

11 videos Total 56 minutes

Module Introduction 1 minute
Introduction to Objects and Data in JS 6 minutes
Objects Can Contain Arrays and Other Objects 5 minutes
Functions Inside Objects Equals Methods 6 minutes
Putting Objects and Functions Together 5 minutes
Data Formats - XML 4 minutes
Example File 7 minutes
Introduction to Pig Dice Game 6 minutes
Play the Game of Pig 5 minutes
Version One 4 minutes
Other Versions 7 minutes

4 readings Total 40 minutes

Start Files: Working with Objects in JavaScript 10 minutes
PDF of Presentations 10 minutes
Pig Dice Game Diagrams 10 minutes
PDF of Presentations 10 minutes

1 assignment Total 30 minutes

Module 3 Quiz 30 minutes

1 discussion prompt Total 10 minutes

Module 3 Reflection 10 minutes

By building this game within this module, you will be able to practice the JavaScript you have already learned while constructing a script with more functions and complexity. You will be able to then extend the script in many creative ways.

What's included

15 videos2 readings1 assignment2 discussion prompts

15 videos Total 90 minutes

Module Introduction 1 minute
Introduction to the Game of Pig 7 minutes
Start the Game 8 minutes
Set Up the Turn 7 minutes
Throwing the Dice 10 minutes
Test Throwing the Dice 5 minutes
Add the Selection Statements 4 minutes
Snake Eyes! 7 minutes
A "1" Was Rolled 5 minutes
The Else Statement 7 minutes
Checking for a Win 6 minutes
Show the Current Score 9 minutes
Final Clean-Up 8 minutes
Extending the Game 6 minutes
Course Summary 1 minute

2 readings Total 20 minutes

Start Files: Game of Pig 10 minutes
PDF of Presentation 10 minutes

1 assignment Total 30 minutes

Module 4 Quiz 30 minutes

2 discussion prompts Total 20 minutes

Module 4 Reflection 10 minutes
Self-Reflection 10 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Instructor ratings

(28 ratings)

William Mead

University of California, Davis

8 Courses 326,842 learners

Offered by

University of California, Davis

Explore more from Mobile and Web Development

University of Michigan
Interactivity with JavaScript
Course
Board Infinity
JavaScript for Web Development
Course
Scrimba
Advanced JavaScript 3: Objects, Collections, Functions
Course
Packt
JavaScript Fundamentals & The DOM
Course

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

5 stars
82.81%
4 stars
12.50%
3 stars
4.68%
2 stars
0%
1 star
0%

Showing 3 of 64

Reviewed on Aug 16, 2022

The course material is superb. It was nice learning from such an amazing course Instructor. Thumbs Up.

Reviewed on Aug 15, 2022

Mr. Mead has obviously put a great deal of thought and experience into this course.I have learned a great deal more than I expected to learn.

Reviewed on Nov 8, 2022

Enjoyed the course and learned man new concepts and strategies.

View more reviews

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

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. 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.

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.

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.