University of California, Davis - Interactivity with JavaScript and jQuery
- Offered byCoursera
Interactivity with JavaScript and jQuery at Coursera Overview
Duration | 15 hours |
Total fee | Free |
Mode of learning | Online |
Official Website | Explore Free Course  |
Credential | Certificate |
Interactivity with JavaScript and jQuery at Coursera Highlights
- Reset deadlines in accordance to your schedule. Earn a Certificate upon completion
- 100% online Start instantly and learn at your own schedule.
- Course 3 of 4 in the JavaScript for Beginners Specialization.
Interactivity with JavaScript and jQuery at Coursera Course details
- This course is the third in our JavaScript for Beginners Specialization.
- The scripts will become more complex and introduce more complex jQuery plugins.
- 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.
Interactivity with JavaScript and jQuery at Coursera Curriculum
Getting Started & jQuery Plugins and Capturing the Scroll Event
Welcome to this Course!
Module Introduction
Introduction to jQuery Plugins
Using Plugins and Essential Steps
Gotchas and Rookie Mistakes
FlexSlider: A jQuery Plugin
About the Minified Version
Adding Markup & Hooking Up the Slider
FlexSlider Rules
Additional Controls
Advanced FlexSlider
Additional Styling
Styling the CTA
A Note From UC Davis
PDF of Presentation
Start Files: jQuery Plugins & Flexslider
PDF of Presentation
Module 1 Quiz
Combining Scripts and Skill Building Through Practice
Module Introduction
Introduction to Smooth Scroll with jQuery
Creating a Click Handler
Adding the Animation
Add Some Easing and a Callback Function
Highlighting Elements
Introduction to Page Location Tracking
The Crux of the Problem
Strategy
Adding PageTop and If Statements
Writing the Else/If Statement - Part 1
Writing the Else/If Statement - Part 2
Edge Case Issues
Resizing Your Windows
Resetting the Counter
resetPagePosition Function
Reviewing the Whole Script
Introduction to Scroll Effects with JS
Getting the Target - Part 1
Getting the Target - Part 2
Smooth Scroll Polyfill
Checking the Load
Top Posts
Add an Event Listener
The Magic Conditionals
Changing the Next Link
Resizing Function
Finalizing the Script
Scription Site Introduction
Header HTML
Pricing HTML
Beginning Styling
Styling That Attaches to Whole Page
Slider Styling
Pricing Styles
Tablet Styles
Media Query for 1020 Pixels Wide
Media Query for 1200 Pixels Wide
Scription Site: Building Interactive Elements Challenges
Start Files: Smooth Scroll with jQuery
PDF of Presentation
PDF of Presentation
Start Files: Smooth Scroll with JavaScript
PDF of Presentation
Start Files: Scription Site
Scription Finished Version
PDF of Presentations
Module 2 Quiz
Honors Quiz
Introduction to Objects & Data in JavaScript
Module Introduction
Introduction to Objects and Data in JS
Objects Can Contain Arrays and Other Objects
Functions Inside Objects Equals Methods
Putting Objects and Functions Together
Data Formats - XML
Example File
Introduction to Pig Dice Game
Play the Game of Pig
Version One
Other Versions
Start Files: Working with Objects in JavaScript
PDF of Presentations
Pig Dice Game Diagrams
PDF of Presentations
Module 3 Quiz
Building a Simple Game in JavaScript
Module Introduction
Introduction to the Game of Pig
Start the Game
Set Up the Turn
Throwing the Dice
Test Throwing the Dice
Add the Selection Statements
Snake Eyes!
A "1" Was Rolled
The Else Statement
Checking for a Win
Show the Current Score
Final Clean-Up
Extending the Game
Course Summary
Start Files: Game of Pig
PDF of Presentation
Module 4 Quiz
Other courses offered by Coursera
Student Forum
Anything you would want to ask experts?