jQuery for Absolute Beginners

Master jQuery fundamentals essential for modern web development, covering selectors, events, animations, HTML manipulation, and AJAX for effective website interactions.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course dives into jQuery, a cool JavaScript library, teaching you everything from selecting elements to creating animations and handling events. It wraps up with AJAX, helping you connect with external data like a pro. Perfect for those wanting to spruce up their web skills!

Key Points

  • Learn the basics of jQuery and its applications.
  • Understand how to use selectors to target HTML elements.
  • React to events like mouse clicks and key presses.
  • Create simple effects and animations with minimal coding.
  • Manipulate HTML content and understand its structure.
  • Explore AJAX for server communication.

Learning Outcomes

  • Ability to use selectors effectively for HTML manipulation.
  • Skills to handle user interactions with events.
  • Know-how to implement basic animations and effects.
  • Understanding of modifying HTML content dynamically.
  • Capability to make requests to external servers with AJAX.

About This Course

Learn Fundamental jQuery as per the Current Industry Demands.

Overview

JQuery is a popular JavaScript library that is used extensively in modern websites. This library facilitates common JavaScript tasks such as animations, event handling, manipulating HTML content, and communication with external servers. In addition to its easy-to-use features, JQuery also takes care of many cross-browser compatibility issues automatically.

Prerequisites

HTML: The student must know how to use HTML tags and attributes. Only a very basic understanding of HTML is assumed.

JavaScript: Since JQuery is a JavaScript library, the student must know how to write JavaScript. JQuery makes extensive use of functions and objects, so the student must be familiar with these concepts.

Notepad++ (Recommended): Notepad++ is a free, open-source text editor. Although JavaScript and HTML can be written using any text editor, Notepad++ is highly recommended because of features such as syntax highlighting and auto-complete.

JavaScript-enabled browser: In order to run JavaScript, the student must have a

ccess to a JavaScript-enabled browser. Although Google Chrome is used throughout the tutorial, any modern web browser will work as long as JavaScript has not been disabled by an administrator.

What you will learn

We will begin the course by learning about selectors. Selectors are strings that are used to target specific HTML elements on the page. The selector syntax is highly intuitive and easy to read and understand.

We will then move on to events. The student will learn how to write code that reacts to things like mouse clicks, key presses, when the page is done loading, and a few others. These events allow programmers to create interactive user interfaces.

After that, we will move on to effects and animations. Effects are used to hide and show elements. An example would be a menu that slides open when the mouse hovers over it. JQuery has a few built-in effects that can be implemented with minimal coding. For further customization, we will look at animations, which allow programmers to animate most of the visual properties of HTML elements.

Then we will learn about changing the HTML content of a webpage. This includes adding and removing entire HTML elements, as well as modifying text and other HTML attributes programmatically. We will also learn about how to navigate the tree-like structure of an HTML document using the concept of parent-, sibling-, and child-elements.

Finally, we will end the course by looking at AJAX, which stands for Asynchronous JavaScript and XML. AJAX allows programmers to interact with external servers. To serve as our example, we will read airport data from a public web service. We will learn how to request data, how to handle the response, and how to handle errors.

  • Understand DOM and Ajax in a better way

  • Create your jQuery based Website

Course Curriculum

1 Lectures

2 Lectures

2 Lectures

3 Lectures

Instructor

Profile photo of EDUmobile Academy
EDUmobile Academy

EDUmobile Academy develops high quality video training courses around topics in mobile development including iPhone, Android, Windows Phone, Java, Responsive Web Design and other emerging technologies. Every course is created by an expert developer AND a trained mentor in the area of expertise. Each course undergoes a rigorous planning, review and an internal quality check phase - to ensure that...

Review
4.9 course rating
4K ratings
ui-avatar of William A Eftekhari
William A. E.
3.0
1 year ago

Some of the code examples do not work and shown. Also the resource files provided are supposed to be text but they download as binary files, complete gibberish in a text editor.

  • Helpful
  • Not helpful
ui-avatar of Giovanni Fabbris
Giovanni F.
4.5
3 years ago

buon punto di partenza

  • Helpful
  • Not helpful
ui-avatar of Shivashanker B
Shivashanker B.
4.0
5 years ago

Easy to understand and very fast learning

  • Helpful
  • Not helpful
ui-avatar of jagadeesh G
Jagadeesh G.
5.0
5 years ago

Tutor has good understanding of the concepts and presentation.

  • Helpful
  • Not helpful
ui-avatar of Eralda Chung-Colon
Eralda C.
5.0
5 years ago

Enjoyed this course, teacher very knowledgeable on subject. Taught many useful lessons that I will try to apply to my work. Especially liked the end lesson with the airport status info. Something worthwhile learning can be very useful in future. Moved rather quickly, but info invaluable. Liked this teacher as well, glad I took both courses, gotta well rounded education from each I think. Love that Udemy provides such great training at such affordable prices.

  • Helpful
  • Not helpful
ui-avatar of Robert VanVoorhis
Robert V.
2.0
6 years ago

Not really learning anything. It is more of a demonstration type course.

  • Helpful
  • Not helpful
ui-avatar of Carlos Pabon
Carlos P.
3.0
6 years ago

just basic, well done, but still jus basic

  • Helpful
  • Not helpful
ui-avatar of Steve M
Steve M.
5.0
6 years ago

This is a pretty good start course on learning Jquery.

  • Helpful
  • Not helpful
ui-avatar of Muttappa Malali
Muttappa M.
5.0
6 years ago

This is a great beginner course.

  • Helpful
  • Not helpful
ui-avatar of T V
T V.
5.0
7 years ago

Good explanation of the Jquery commands, with easy to understand examples that backed up the explanation. Very good course to get a elementary understanding of Jquery.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses