This course is part of the JavaScript for Beginners Specialization

4.8
stars
36 ratings

William Mead

3,557 already enrolled

Offered By

JavaScript for Beginners SpecializationUniversity of California, Davis

About this Course

13,617 recent views

With the general introduction of JavaScript in the first course, this course will focus on JavaScript libraries, specifically jQuery. The scripts will be geared toward Document Object Model (DOM) manipulation. Learners will describe the top JavaScript libraries and differentiate which would work best to implement and accelerate development of web page animation.
Course objectives include being introduced to the end product of the course – a landing page style website using jQuery elements to manipulate HTML documents and enhance user experience.  Diving deeper into the landing page that will be created and break it out into individual jQuery projects.  jQuery events and effects will be covered while exploring more jQuery’s relationship with HTML documents.  Finally, a focus on plugins and continue to breakdown jQuery's ability to manipulate HTML and CSS.

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 2 of 4 in the

JavaScript for Beginners Specialization

Beginner Level

Approx. 13 hours to complete

English

Subtitles: English

What you will learn

Introduces learners to the popular jQuery library and explores the syntactical differences between JavaScript and jQuery using small projects.

Skills you will gain

Jquery
JavaScript
animations

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 2 of 4 in the

JavaScript for Beginners Specialization

Beginner Level

Approx. 13 hours to complete

English

Subtitles: English

Instructor

Instructor rating

4.78/5 (15 Ratings)

William Mead

Offered by

University of California, Davis

UC Davis, one of the nation’s top-ranked research universities, is a global leader in agriculture, veterinary medicine, sustainability, environmental and biological sciences, and technology. With four colleges and six professional schools, UC Davis and its students and alumni are known for their academic excellence, meaningful public service and profound international impact.

Syllabus - What you will learn from this course

Week

Week 1

4 hours to complete

Manipulating Web Pages Elements with jQuery & JavaScript

In this module, you will be introduced to jQuery and basic jQuery syntax and we will compare it to JavaScript syntax. You will be able to plug-in the jQuery library and discuss the history of jQuery and its relationship to JavaScript. You'll also use some of the selectors and filters available in jQuery to access DOM elements. You will be able to create an interactive element that could be used on a website and be able to identify and fix coding and logic problems while working on a project. You will be able to demonstrate proficiency with both JavaScript and jQuery for accessing and manipulating elements on a web page.

4 hours to complete

21 videos (Total 91 min), 8 readings, 1 quiz

21 videos

Welcome to this Course!39s

Module Introduction45s

Introduction to jQuery7m

jQuery Libraries6m

Plugging Into jQuery Libraries5m

Basic jQuery Syntax5m

Using jQuery to Access Elements8m

jQuery Events5m

Introduction to Folding Sidebar Menus Using JS4m

Challenge 1 Solution3m

Challenge 2 Solution7m

Challenge 3 Solution2m

Challenge 4 Solution2m

Challenge 5 Solution3m

Challenge 6 Solution2m

Challenge 7 Solution2m

Challenge 8 Solution3m

Introduction to jQuery Sidebar Folding Navigation4m

Getting the Next UL4m

The Whole Script5m

JavaScript and jQuery Challenges Intro1m

8 readings

A Note From UC Davis10m

Start Files: Introduction to jQuery 10m

PDF of Presentation10m

Start Files: Folding Sidebar Menus with JavaScript10m

PDF of Presentation10m

Start Files: Folding Sidebar Menus with jQuery10m

PDF of Presentation10m

JavaScript and jQuery Challenge Activities10m

1 practice exercise

Module 1 Quiz30m

Week

Week 2

4 hours to complete

Animating Web Page Elements with jQuery & JavaScript

In this module, you will be introduced to the jQuery effects library, helper functions, animations and callback functions. You will be able to use features in jQuery to animate elements on a web page. You will be able to use the callback functions to trigger a function when an animation is completed. You will be able to create a tabbed interface in both JavaScript and jQuery.

4 hours to complete

21 videos (Total 117 min), 7 readings, 1 quiz

21 videos

Module Introduction50s

Introduction to the jQuery Effects Library4m

Example 1 Continued4m

Example 25m

Example 2: Plugin Architecture8m

Example 3: Fading Buttons4m

Example 3: Fade To4m

Example 4: Custom Animations - Part 14m

Example 4: Custom Animations - Part 25m

Doing All Animations at Once6m

Introduction to Tabbed Interface Using jQuery5m

Styling the Anchor Tags5m

Tab Styling and Colors6m

Clicking and Fading Tabs4m

Whole Script7m

Getting the CSS Ready5m

Making the Tabs Work6m

New Tab and Old Tab7m

Handling the Switch4m

Fixing a Bug6m

Cleaning Up the Code7m

7 readings

Start Files: Introduction to the jQuery Effects Library10m

Additional Resources20m

PDF of Presentation10m

Start Files: Creating a Tabbed Interface with jQuery10m

PDF of Presentation10m

Start Files: Creating a Tabbed Interface with JavaScript10m

PDF of Presentation10m

1 practice exercise

Module 2 Quiz30m

Week

Week 3

3 hours to complete

Intermediate Document Manipulation & Animation

In this module, you will be able to use the jQuery syntax and the built-in effects library to create image sliders that could be integrated into web pages. You will also be able to compare the jQuery syntax to the JavaScript syntax by building a similar image slider using only plain JavaScript syntax and using CSS to perform the animation.

3 hours to complete

18 videos (Total 102 min), 5 readings, 1 quiz

18 videos

Module Introduction32s

Basic Slider6m

Making the Script General5m

Window Load Function7m

Click Handler for Next Button8m

Next Click Handler with If Statement3m

Challenge Solution5m

Strategy for Version 24m

Cloning the Unordered List4m

Setting the Left Position4m

Adding a Callback Function7m

Previous Button Click Handler - Part 17m

Previous Button Click Handler - Part 25m

Slider Using JavaScript6m

CSS for Slides and Adding Variables8m

Adding More Variables5m

Event Handler for the Next Button7m

Solution for the Previous Button Challenge4m

5 readings

Start Files: jQuery Image Sliders10m

PDF of Presentation10m

Start Files: JavaScript Image Sliders10m

PDF of Presentation10m

1 practice exercise

Module 3 Quiz30m

Week

Week 4

3 hours to complete

Timers and Recursion in JavaScript & jQuery

In this module, you will be introduced to the use of timers and recursion in JavaScript and use these techniques to make interface elements that run on a timer. You practice using jQuery syntax and recursion to build a simple content rotator that could be used as an interface element on any web page.

3 hours to complete

13 videos (Total 60 min), 5 readings, 1 quiz

13 videos

Module Introduction45s

Example Script #1 - Part 15m

Example Script #1 - Part 24m

Example Script #22m

Example Script #3: Recursion5m

Converting a Slider2m

Putting Slides on a Timer Solution - Part 15m

Putting Slides on a Timer Solution - Part 27m

Project Set-up6m

Starting the Script4m

The If/Else Statement - Part 16m

The If/Else Statement - Part 25m

Course Summary52s

5 readings

Start Files: Introduction to Timers & Recursion10m

PDF of Presentation10m

Start Files: Recursive Content Rotator10m

PDF of Presentation10m

1 practice exercise

Module 4 Quiz30m

Reviews

4.8

18 reviews

5 stars
77.50%
4 stars
17.50%
3 stars
5%

TOP REVIEWS FROM ANIMATION WITH JAVASCRIPT AND JQUERY

by TSSep 1, 2021

The concept may be a difficult to understand and follow for a beginner, but the instructor did a nice job in explain everything and walk us through the script.

by KZNov 3, 2021

The course is well organzied and has the complete content where we can follow and understand thoroughly

by SAApr 30, 2022

Easy to follow, good pace, basics are covered. THANK YOU !

by THDec 11, 2021

Great intro to JQuery and exploration of different JavaScript functions

View all reviews

About the JavaScript for Beginners Specialization

This Specialization is intended for the learner with no previous programming experience or the career changer transitioning to software development. JavaScript is generally the first programming language you will need to learn and this Specialization will help you practice and build your skills through a gentle progression of modules and courses.

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.

Animation with JavaScript and jQuery