We may earn an affiliate commission when you visit our partners.
William Mead
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.
Read more
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.
Read more
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.
Register for this course and see more details by visiting:
OpenCourser.com/course/5d0nbd/animation
Three deals to help you save
We found three deals and offers that may be relevant to this course.
Save money when you learn.
All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
Valid until December 12
Annual Subscription Savings
Unlock programs from Google, Microsoft, and IBM and join 77% of learners who reported positive career outcomes.
Only $239!
Valid for a limited time only
Future-proof your career
Access O'Reilly books, live events, courses, and more. Save with an annual subscription.
Take
15%
off
What's inside
Syllabus
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.
Read more
Syllabus
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.
Read more
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.
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.
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.
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Develops the foundation for using libraries with JavaScript, which is highly relevant to web development
Examines jQuery, which is a core library for manipulating HTML and enhancing user experience on web pages
Led by William Mead, an Instructor who specializes in web development and mobile application programming
Teaches highly relevant topics such as DOM manipulation, event handling, and animations, which are core skills for web development
Curriculum includes hands-on projects, which allows for practical application of concepts
Save this course
Save Animation with JavaScript and jQuery to your list so you can find it easily later:
Save
Save
Reviews summary
Well-received javascript animation course
Learners say that this Engaging course provides Valuable learning experiences for all skill levels. Students appreciate that projects are Demonstrated in both JavaScript and jQuery. Furthermore, they note that the instructor's Clear explanations and Thorough coverage help make learning Fun and interactive.
Course is accessible to learners with varying skill levels.
"This course was great. I like the setup and how it works on Coursera."
"The first course in this series is good for giving you assignments to practice, and the first part of the second course too."
"With these assignments, you are asked to figure out a problem on your own, then Bill Mead shows you how he figured it out."
Instructor shows how to build projects in both JavaScript and jQuery.
"The projects and simultaneously working it in both jquery and javascript is useful."
Assignments help students practice.
"This series is great for people who don't know any JavaScript, but you do need to know a certain amount about HTML and CSS first."
"The first course in this series is good for giving you assignments to practice, and the first part of the second course too."
"With these assignments, you are asked to figure out a problem on your own, then Bill Mead shows you how he figured it out."
Instructor explains concepts well.
"Perfecty explained with real world practice examples for debutants to learn reading and understand background of JQuery scripts as well as for self-study development."
"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."
"The two ways I just mentioned are the ony good way to learn."
Course lacks additional resources.
"The lack of resouces and response when you need assistance greatly detracts from some strong content."
Instructor highlights jQuery's limitations.
"But I will say I found it demotivating when the instructor talked so much about jQuery's weaknesses and the fact that it's going out of fashion and that CSS is better to use for animation than the jQuery library"
Activities
Be better prepared
before
your course. Deepen your understanding
during
and
after
it. Supplement your coursework and achieve mastery of the topics covered
in Animation with JavaScript and jQuery with these
activities:
Attend a Local Coding Meetup
Show steps
Connecting with other developers can provide valuable insights and support.
Show steps
-
Find a coding meetup group in your area.
-
Attend a meetup and introduce yourself to other attendees.
Compile a List of jQuery Resources
Show steps
Having a curated list of resources can be helpful for future reference.
Browse courses on
jQuery
Show steps
-
Search for online resources related to jQuery.
-
Create a document or spreadsheet to organize and categorize the resources.
Read Eloquent JavaScript
Show steps
Mastering JavaScript is essential for this course, and Eloquent JavaScript is an excellent way to build a strong foundation.
View
Eloquent JavaScript, 3rd Edition: A Modern...
on Amazon
Show steps
-
Read the book thoroughly, line by line.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Participate in a jQuery Workshop
Show steps
A jQuery workshop can provide hands-on experience and expert guidance.
Browse courses on
jQuery
Show steps
-
Find a jQuery workshop in your area.
-
Attend the workshop and actively participate in the exercises.
Create a To-Do List Webpage
Show steps
Creating a webpage is a practical way to apply the skills and knowledge learned in this course.
Browse courses on
HTML
Show steps
-
Create HTML for the page structure and content.
-
Style the page with CSS to make it visually appealing.
-
Implement JavaScript functions to add, remove, and toggle items on the to-do list.
Build a Weather App Using jQuery
Show steps
Building a weather app is a great way to enhance your understanding of jQuery and its practical applications.
Browse courses on
jQuery
Show steps
-
Find a JavaScript library for fetching weather data.
-
Create a simple HTML structure for the app.
-
Use jQuery to dynamically update the app with weather information.
Help Out on Discussion Forums
Show steps
Answering questions and helping others can reinforce your own understanding.
Show steps
-
Join online discussion forums related to JavaScript or jQuery.
-
Actively participate and provide helpful responses to other users' questions.
Attend a Local Coding Meetup
Show steps
Connecting with other developers can provide valuable insights and support.
Show steps
Show steps
Show steps
- Find a coding meetup group in your area.
- Attend a meetup and introduce yourself to other attendees.
Compile a List of jQuery Resources
Show steps
Having a curated list of resources can be helpful for future reference.
Browse courses on
jQuery
Show steps
Show steps
Show steps
- Search for online resources related to jQuery.
- Create a document or spreadsheet to organize and categorize the resources.
Read Eloquent JavaScript
Show steps
Mastering JavaScript is essential for this course, and Eloquent JavaScript is an excellent way to build a strong foundation.
View
Eloquent JavaScript, 3rd Edition: A Modern...
on Amazon
Show steps
Show steps
Show steps
- Read the book thoroughly, line by line.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Participate in a jQuery Workshop
Show steps
A jQuery workshop can provide hands-on experience and expert guidance.
Browse courses on
jQuery
Show steps
Show steps
Show steps
- Find a jQuery workshop in your area.
- Attend the workshop and actively participate in the exercises.
Create a To-Do List Webpage
Show steps
Creating a webpage is a practical way to apply the skills and knowledge learned in this course.
Browse courses on
HTML
Show steps
Show steps
Show steps
- Create HTML for the page structure and content.
- Style the page with CSS to make it visually appealing.
- Implement JavaScript functions to add, remove, and toggle items on the to-do list.
Build a Weather App Using jQuery
Show steps
Building a weather app is a great way to enhance your understanding of jQuery and its practical applications.
Browse courses on
jQuery
Show steps
Show steps
Show steps
- Find a JavaScript library for fetching weather data.
- Create a simple HTML structure for the app.
- Use jQuery to dynamically update the app with weather information.
Help Out on Discussion Forums
Show steps
Answering questions and helping others can reinforce your own understanding.
Show steps
Show steps
Show steps
- Join online discussion forums related to JavaScript or jQuery.
- Actively participate and provide helpful responses to other users' questions.
Career center
Learners who complete Animation with JavaScript and jQuery will develop knowledge and skills
that may be useful to these careers:
Front-End Developer
Front-End Developer
A Front-End Developer is responsible for designing, developing, and maintaining the user interface of a website or web application. This course can help you develop the skills needed to create interactive and engaging web pages, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Web Developer
Web Developer
A Web Developer is responsible for the development and maintenance of websites and web applications. This course can help you develop the skills needed to create and maintain web pages, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Software Engineer
Software Engineer
A Software Engineer is responsible for the design, development, and maintenance of software applications. This course can help you develop the skills needed to create and maintain software applications, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Interaction Designer
Interaction Designer
An Interaction Designer is responsible for the design of user interactions. This course can help you develop the skills needed to create user interfaces that are both functional and visually appealing, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
UX Designer
UX Designer
A UX Designer is responsible for the design and evaluation of user interfaces. This course can help you develop the skills needed to create user interfaces that are both functional and visually appealing, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
UI Designer
UI Designer
A UI Designer is responsible for the design of user interfaces. This course can help you develop the skills needed to create user interfaces that are both functional and visually appealing, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Motion Graphics Designer
Motion Graphics Designer
A Motion Graphics Designer is responsible for the creation of motion graphics. This course can help you develop the skills needed to create motion graphics, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Quality Assurance Tester
Quality Assurance Tester
A Quality Assurance Tester is responsible for the testing and evaluation of software applications. This course may be useful for developing the skills needed to test software applications, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Product Manager
Product Manager
A Product Manager is responsible for the planning, development, and marketing of products. This course may be useful for developing the skills needed to manage products, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Data Scientist
Data Scientist
A Data Scientist is responsible for the collection, analysis, and interpretation of data. This course may be useful for developing the skills needed to manipulate data, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Machine Learning Engineer
Machine Learning Engineer
A Machine Learning Engineer is responsible for the design and implementation of machine learning algorithms. This course may be useful for developing the skills needed to manipulate data, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Business Analyst
Business Analyst
A Business Analyst is responsible for the analysis of business processes and systems. This course may be useful for developing the skills needed to analyze data, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Database Administrator
Database Administrator
A Database Administrator is responsible for the management of databases. This course may be useful for developing the skills needed to manage databases, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Project Manager
Project Manager
A Project Manager is responsible for the planning, execution, and control of projects. This course may be useful for developing the skills needed to manage projects, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
Technical Writer
Technical Writer
A Technical Writer is responsible for the creation of technical documentation. This course may be useful for developing the skills needed to create technical documentation, including manipulating web page elements, animating web page elements, and using timers and recursion in JavaScript and jQuery.
For more career information including salaries, visit:
OpenCourser.com/course/5d0nbd/animation
Reading list
We've selected ten books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
Animation with JavaScript and jQuery.
Save
Comprehensive guide to JavaScript, covering everything from the basics to advanced concepts. It valuable resource for developers who want to learn more about JavaScript and how to use it to create interactive and dynamic web pages.
Provides a comprehensive overview of JavaScript and jQuery, covering both the basics and more advanced concepts. It valuable resource for both beginners and experienced developers who want to learn more about these technologies.
Comprehensive reference guide to JavaScript, covering everything from the basics to advanced concepts. It valuable resource for developers who want to learn more about JavaScript and how to use it to create interactive and dynamic web pages.
Save
Practical guide to using JavaScript for web development, covering everything from the basics to advanced concepts. It valuable resource for developers who want to learn how to use JavaScript to create interactive and dynamic web pages.
Save
Collection of design patterns for JavaScript, covering a wide range of topics from object-oriented programming to functional programming. It valuable resource for developers who want to learn how to write clean and maintainable JavaScript code.
Classic guide to JavaScript, covering the good parts of the language and how to use them to write effective code. It valuable resource for developers who want to learn how to write clean and maintainable JavaScript code.
Collection of tips and tricks for writing effective JavaScript code, covering topics such as performance, debugging, and security. It valuable resource for developers who want to learn how to write better JavaScript code.
Fun and engaging introduction to JavaScript, covering the basics of the language and how to use it to create interactive web pages. It valuable resource for beginners who want to learn how to use JavaScript quickly and easily.
Fun and engaging introduction to jQuery, covering the basics of the library and how to use it to create interactive web pages. It valuable resource for beginners who want to learn how to use jQuery quickly and easily.
Save
Collection of recipes for solving common problems with jQuery. It valuable resource for developers who want to learn how to use jQuery to solve specific problems.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/5d0nbd/animation
Share
Similar courses
Here are nine courses similar to
Animation with JavaScript and jQuery.
Animation with JavaScript and jQuery
OpenCourser.com/course/c1epu1/animation
Animation with JavaScript and jQuery
Most relevant
Interacting with Data Using jQuery 3 and Ajax
OpenCourser.com/course/ai9bfj/interacting
Interacting with Data Using jQuery 3 and Ajax
Most relevant
Single Page Apps JumpStart
OpenCourser.com/course/rwi6q5/single
Single Page Apps JumpStart
Most relevant
Responsive Website Basics: Code with HTML, CSS, and JavaScript
OpenCourser.com/course/dr2en5/responsive
Responsive Website Basics: Code with HTML, CSS, and...
Most relevant
DOM Updates with Javascript: Introduction to jQuery
OpenCourser.com/course/xy40eb/dom
DOM Updates with Javascript: Introduction to jQuery
Most relevant
JavaScript & the DOM
OpenCourser.com/course/z9dtih/javascript
JavaScript & the DOM
Most relevant
Introduction To Website Development Technologies
OpenCourser.com/course/6d2rn0/introduction
Introduction To Website Development Technologies
Most relevant
Make Your Own App
OpenCourser.com/course/d85es3/make
Make Your Own App
Most relevant
JavaScript Programming Essentials
OpenCourser.com/course/dcah05/javascript
JavaScript Programming Essentials
Most relevant
Effort
4 weeks of study, 2-5 hours/week
Level
Introductory
Via
Coursera
Institution
University of California, Davis
Instructor
William Mead
Language
English
Transcripts
Español
Français
Português
Deutsch
Italiano
中文
العربية
한국어
日本語
हिंदी
Nederlands
Svenska
Pусский
Türkçe
Polski
Ελληνικά
українська мова
magyar nyelv
Bahasa Indonesia
ไทย
қазақша
اُردُو,
فارسی
বাংলা
پښتو
آذربایجان دیلی
This course belongs to a
collection
called
JavaScript for Beginners. It's comprised of four courses:
- Data Manipulation in JavaScript
- JavaScript Basics
- Interactivity with JavaScript and jQuery
- Animation with JavaScript and jQuery (viewing)
Good to know
Develops the foundation for using libraries with JavaScript, which is highly relevant to web development
Examines jQuery, which is a core library for manipulating HTML and enhancing user experience on web pages
Led by William Mead, an Instructor who specializes in web development and mobile application programming
Teaches highly relevant topics such as DOM manipulation, event handling, and animations, which are core skills for web development
Curriculum includes hands-on projects, which allows for practical application of concepts
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser