jQuery Fundamentals Course



Course Details:

Length: 3 days

Price: $1,740/person (USD)

Group Price: Request Quote

Training Reviews

Course Features:

Live Instructor Teaching

Certificate of Completion

Digital Badge

Courseware: Print

Free 6 Month Online Retake

Hands-On Learning?: Yes

Software Lab Included?: Yes

Delivery Methods:

Live Online

Individuals and Groups
@ Your Location

Onsite for Teams

Group Teams
@ Your Organization

This is an instructor-led course. It is taught by an instructor live online or at organizations for groups.
For team training, we can teach onsite at your office or private live online.

 

Course Overview

In this jQuery course you will learn about: JavaScript essentials for jQuery users, jQuery essentials, jQuery UI essentials, Ajax, Node.js, and APIs and jQuery Mobile.

This course works especially well for people with some programming experience. That includes:

  • web developers who have done some JavaScript programming but are new to jQuery
  • web designers who use HTML and CSS and would like to know how to enhance their web pages with JavaScript…no previous programming experience required
  • web developers who do server-side programming on platforms like ASP.NET, JSP, or PHP and now want to master client-side programming too
  • web developers who have used jQuery for special-purpose applications, but don't feel comfortable with it
  • web developers who have already read 3 or 4 jQuery books but still aren't sure how to use jQuery in real-world applications

Register Early: Registration Deadline is 2 Weeks Prior to Class Start.


Course Notes

Knowledge Prerequisites

HTML5 & Cascading Style Sheets 3
Javascript Programming


Course Topics

Section 1: JavaScript essentials

Chapter 1: Introduction to web development
• How a web application works
• How the ECMAScript specification works
• The components of a JavaScript application
• The HTML skills that you need for this book
• The CSS skills that you need for this book
• How to test a JavaScript application
• How to use Visual Studio Code to develop JavaScript applications

Chapter 2: Get started fast with JavaScript
• How to include JavaScript in an HTML document
• The JavaScript syntax
• How to work with data
• How to work with expressions
• How to use objects, methods, and properties
• Two illustrative applications

Chapter 3: The essential JavaScript statements
• How to code conditional expressions
• How to code the basic control statements
• Three illustrative applications
• How to work with arrays
• The Test Scores application with an array

Chapter 4: How to work with JavaScript objects, functions, and events
• How to use objects to work with data
• How to use functions
• How to handle events
• Two illustrative applications

Chapter 5: How to test and debug a JavaScript application
• An introduction to testing and debugging
• How to debug with Chrome’s developer tools
• Other debugging methods

Chapter 6: How to script the DOM with JavaScript
• DOM scripting properties and methods
• The FAQs application
• How to script forms and controls
• The Register application
• How to modify the DOM

Chapter 7: How to work with images and timers
• How to work with images
• The Image Swap application
• How to use timers
• The Slide Show application


Section 2: jQuery essentials

Chapter 8: Get off to a fast start with jQuery
• Introduction to jQuery
• The basics of jQuery
• The Email List application
• More skills for working with jQuery
• Three illustrative applications

Chapter 9: How to use effects and animations
• How to use effects
• A Slide Show application with effects
• How to use animation
• A Carousel application with animation

Chapter 10: How to work with forms and data validation
• Introduction to forms and controls
• How to use jQuery to work with forms
• A Validation application

Chapter 11: How to use jQuery plugins and UI widgets
• Introduction to jQuery plugins
• How to use three of the most popular plugins
• Introduction to jQuery UI
• How to use five of the most popular jQuery UI widgets


Section 3: Advanced JavaScript skills

Chapter 12: How to work with numbers, strings, and dates
• How to work with numbers
• The PIG application
• How to work with strings
• How to work with dates and times
• The Count Down application
• The Internationalization API

Chapter 13: How to work with control structures, exceptions, and regular expressions
• What else you need to know about control structures
• The Invoice application
• How to handle exceptions
• How to use regular expressions
• The Account Profile application

Chapter 14: How to work with browser objects, cookies, and web storage
• How to script browser objects
• The Tutorial application
• How to use cookies
• The Task List application
• How to use web storage
• How to use Chrome with cookies and web storage

Chapter 15: How to work with arrays, sets, and maps
• How to create and use an array
• How to use the methods of the Array type
• The Test Scores application
• More skills for working with arrays
• The Task List application
• How to work with sets and maps

Chapter 16: How to work with objects
• Basic skills for working with objects
• The Miles Per Gallon application
• How to work with classes
• The Trips application
• How to work with prototypes
• More skills for working with objects
• The Task List application


Section 4: Take it to the next level

Chapter 17: How to work with functions, closures, and modules
• Basic skills for working with functions
• The Test Scores application
• How to work with closures
• The Slide Show application
• How to work with the module pattern
• How to work with ES modules
• The Slide Show 2.0 application

Chapter 18: How to work with Ajax
• Introduction to Ajax
• How to make a single Ajax request
• How to work with closures
• The Astronomy Picture Of the Day application
• How to make multiple Ajax requests
• The Photo Viewer application
• More skills for working with promises
• How to make cross-origin requests

Chapter 19: How to work with Node.js
• An introduction to Node.js
• How to use the node command
• How to work with Node.js modules
• How to use NPM to install modules


Course FAQs

What Are the Available Class Formats?

This course is taught by a live instructor and is available in two class formats:

  1. Live Online for Individuals
  2. Onsite/Online for Private Groups

What Are Essential JavaScript Statements?

Essential JavaScript statements are key components of programming in JavaScript. Conditional expressions allow for logic-based tests to be performed on data, enabling decisions to be made based on the results. The basic control statements cover the fundamentals such as loops and if/else blocks. Working with arrays enables developers to create efficient data storage solutions while also allowing it to be easily manipulated and accessed. By utilizing all of these components, developers can create powerful applications that can be used in a wide variety of settings. Knowing how to effectively use each statement is essential for any successful JavaScript project.

What Are JavaScript Objects, Functions, and Events?

JavaScript Objects are collections of related information, often containing data and functionality that can be used together within a web page. For example, an object could store all the details about a customer or product.

A JavaScript Function is code that can be called to perform an action or calculate a value. It's like a recipe for your web page that you can use over and over again to get consistent results.

JavaScript Events are pieces of code that are triggered when something happens in the browser, such as when a user interacts with an element on the page or when data is loaded. Events allow you to respond to user input, facilitate communication between different parts of your web page, and more.

By combining objects, functions, and events you can create dynamic and interactive websites. For example, an event listener could be used to call a function that retrieves customer data from an object when a user clicks on a button. JavaScript Objects, Functions, and Events can make your web page more interactive and useful for users. You can create dynamic menus, form validation, real-time communication between different parts of your page, and much more. With a bit of imagination and creativity, you can take your web page to the next level!

What Is Testing and Debugging a JavaScript Application?

Testing and debugging a JavaScript application involves ensuring that the code runs as expected and identifying any errors or bugs. One of the easiest ways to debug a JavaScript application is by using Chrome's developer tools. These tools are integrated into the browser and allow users to examine various elements of their web page, such as HTML, CSS, and JavaScript code. The Developer Tools also provide a JavaScript console that can be used to identify errors in the code and pinpoint where they occur.

Other debugging methods include using third-party tools such as Firebug or JSLint, which are designed to help locate and fix errors in JavaScript code. These tools allow users to inspect the structure of their code, analyze performance and identify potential problems. Using a JavaScript debugging framework such as Mocha or Jasmine can help in organizing tests and verifying the expected results of code execution. Debugging can also be done manually by adding console statements to isolate errors and log variables or objects during program execution.

By following best practices for testing and debugging a JavaScript application, developers can ensure that the code runs smoothly and without errors. This will create a better user experience and help to improve overall product quality.

What Is DOM With JavaScript?

DOM (Document Object Model) with JavaScript is an essential tool for web developers. It allows them to access and modify the structure, content, style, and behavior of a website through scripting. DOM scripting properties and methods enable developers to script forms and controls, as well as add dynamic effects and interactive features.

DOM enables developers to manipulate the Document Object Model, or DOM — the logical structure of a webpage. The DOM is used to represent HTML elements so that developers can access and modify them using JavaScript. Using DOM scripting, a developer can create interactive forms and controls on a website, as well as add dynamic effects and features.

DOM scripting also enables developers to create responsive websites by allowing them to modify the DOM in real time. This means that developers can create websites that respond to user input and generate dynamic content on the fly. By leveraging DOM scripting, developers can create more engaging websites with interactive elements and features.

DOM is an important tool for web developers as it allows them to create dynamic, engaging, and interactive websites using JavaScript. By being able to access and modify the structure, content, style, and behavior of a website through scripting, developers can create stunning websites with unique features.

What Are JavaScript Images and Timers?

JavaScript images and timers are powerful tools used to create dynamic web pages. They allow for the loading of images on a webpage without any manual intervention from the user, as well as creating timer events that can be triggered by certain actions or conditions. This allows developers to create more interactive websites that respond quicker and more efficiently to user input. JavaScript images and timers can also be used to create animation, games, or other dynamic features that provide an enhanced user experience. By leveraging these powerful tools, developers can improve the usability and accessibility of their websites for all users.

What Are jQuery Essentials?

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

jQuery can be used to improve the usability of a website, add dynamic effects and animations, manipulate the document object model (DOM), and even create plugins. jQuery can also be used in conjunction with other libraries such as AngularJS and React to create more complex applications.

The syntax of jQuery is designed to be very easy to learn and understand. The library is organized into modules that each contain methods for common tasks, such as selecting elements, manipulating the DOM, creating animations, handling events, and making Ajax requests. jQuery also provides an extensive set of utilities for working with data structures, including arrays and objects.

To get started with jQuery programming, you should have a basic understanding of HTML, CSS, and JavaScript. With jQuery, you have the power to make your web applications look great and work flawlessly.

What Are jQuery Effects and Animations?

jQuery effects and animations involve manipulating an element’s properties such as its size, position, color, or shape. These manipulations can range from simple changes like making an element visible or invisible to a complex sequence of actions that create an animation. jQuery makes it easy to create unique and creative visual effects for your website without needing extensive knowledge of CSS or JavaScript. There is a large library of available jQuery effects and animations that can be incorporated into your website. They can also be customized easily to match the branding and style of your site. Through careful use of jQuery effects and animations, you can create a visually engaging experience for your visitors that helps keep them on-site longer.

What Are jQuery Forms and Data Validation?

jQuery forms are used to create interactive webpages that capture user input and display the results in a structured manner. Through the use of plugins and library functions, jQuery form validation can be implemented with just a few lines of code. Validation ensures that the data collected from users is accurate and reliable. This includes checking for valid email addresses, ensuring passwords meet complexity requirements, and verifying that required fields are completed. By utilizing jQuery forms and data validation, developers can streamline the user experience by providing immediate feedback when errors occur. This helps to ensure accuracy and make sure users aren’t wasting their time entering incorrect information.

What Are jQuery Plugins and UI Widgets?

jQuery plugins and UI Widgets are tools used in web development to make coding websites easier. jQuery is a JavaScript library that makes it simpler to use JavaScript on websites, and plugins and widgets are code snippets that can be easily dropped into the website code to accomplish certain tasks. Plugins extend the basic functionality of jQuery, adding features like image sliders, form validation, and more. UI Widgets are pre-built components like accordions, tabs, menus, and carousels that can be quickly added to a site with minimal coding. jQuery plugins and UI widgets are popular because they speed up development time and make it simple to create dynamic websites without needing to write custom code. They allow developers to create websites with powerful features quickly and easily.

jQuery plugins and UI widgets come in a variety of types depending on the specific needs of the website being developed. Popular jQuery plugins include sliders, lightboxes, form validation, and more. Conversely, common UI Widgets are accordions, tabs, menus, carousels, and modals. Each of these components provides added functionality to a website, allowing developers to add features quickly and easily.

jQuery plugins and UI widgets have become an important part of web development because they reduce coding time while still providing powerful features. They are easy to implement and can be dropped into existing code with minimal effort. By using plugins and widgets, developers can spend less time coding and more time creating user experiences that are engaging, interactive, and dynamic.

What Are JavaScript Numbers, Strings, and Dates?

JavaScript numbers, strings, and dates are important data types used to store various types of information. Numbers allow developers to store numeric values such as integers (whole numbers) and floating-point numbers (decimal numbers). Strings enable the storage of text information such as words and sentences. Dates enable the storage of date and time information. All three of these data types are essential for creating interactive web applications.

By properly utilizing numbers, strings, and dates, developers can create dynamic websites with a variety of features such as user login forms, search engines, and much more. These data types provide the foundation for building powerful online experiences for users.

What Are JavaScript Control Structures, Exceptions, and Regular Expressions?

JavaScript control structures, exceptions, and regular expressions are tools used to increase the power and flexibility of your JavaScript code. Control structures allow you to create programs that can make decisions based on user input or other data. Exceptions provide a way to handle errors that might otherwise crash your program. Regular Expressions are a powerful tool for matching strings against patterns, allowing you to easily search for and replace text in your code.

Using these tools together can help you create programs that are more efficient and reliable than would otherwise be possible. With the right techniques, JavaScript control structures, exceptions, and regular expressions can make your code easier to read and maintain as well. By becoming familiar with these tools, you can take advantage of their usefulness and make your JavaScript code better.

What Is JavaScript Browser Objects, Cookies, and Web Storage?

JavaScript is a scripting language that runs on the client side of web browsers. It enables developers to create dynamic, interactive content for websites and applications. Browser objects are data structures, created by JavaScript code, that store information about the browser window or tab. Cookies are small pieces of data sent from a website and stored in the user's browser, while web storage is a mechanism for storing key/value pairs in a web browser.

In the case of Chrome, cookies and web storage are used to store data related to the website being visited or the application being used, such as user preferences or session information. This allows websites to provide personalized experiences and helps applications maintain state across sessions. Using these web technologies, developers can create powerful and engaging user experiences. By taking advantage of browser objects, cookies, and web storage, developers can improve the usability and performance of their websites and applications.

What Are JavaScript Arrays, Sets, and Maps?

JavaScript Arrays, Sets, and Maps are collections of data points for storing and manipulating data. Arrays are ordered lists of elements that can be accessed by an index value, while Sets store unique values without any order or duplication. Maps allow for key/value pairings to be stored in an object-like structure. JavaScript also includes WeakSets and WeakMaps, which can be used to store objects with a weak reference. Each of these data structures has its advantages and disadvantages, depending on the use case. For instance, Arrays are typically faster than Sets or Maps when accessing elements by index value but may require extra memory for storage. On the other hand, Sets are ideal for use cases where unique values should be stored, and Maps are great for storing key/value pairings.

When choosing between the different data structures in JavaScript, it is important to consider the type of data being stored and how it will be used. By selecting the proper data structure for a particular use case, developers can create more efficient code that is easier to read and maintain.

What Are JavaScript Objects?

JavaScript objects are an essential part of any JavaScript application. They are data structures that store information and can be organized into classes, prototypes, and other convenient structures. To make the most out of JavaScript objects, it is important to understand their basic skills.

One key skill is being able to create a new instance of an object. This instance can be modified to contain information relevant to its contexts, such as the name of a person or an address. Instances of objects also allow for methods and properties to be attached, thus making them programmatically represent real-world entities.

Another skill is manipulating existing objects. For example, one could add new properties or change the values of existing ones. This can be done using dot notation to access and update values, as well as looping through objects with for..in statements.

Classes are also important for working with JavaScript objects. Classes allow for the definition of object templates so that a new instance of an object can easily be created with pre-defined properties and methods. Such classes can also be extended, to create a subclass of the original object with additional functionality.

Understanding prototypes is essential for working with objects. Prototypes are used to define the behavior of an object, such as setting up inheritance between parent and child objects. By understanding these prototypal relationships, one can make better use of the objects available in their code.

By understanding the basic skills needed to work with JavaScript objects, developers can maximize their efficiency and create more robust applications. With a little practice and experience, working with objects will become second nature.

What Are JavaScript Functions, Closures, and Modules?

JavaScript functions are self-contained blocks of code that can be defined and invoked within a program. They help to break complex tasks into smaller, more manageable chunks, making programs easier to read and maintain. Functions also allow for the reuse of code, saving time in development.

Closures are a powerful concept in JavaScript that enable developers to access the context of a function's invocation, even after it has been called. Closures provide an easy way to create private variables and limit direct access to data or logic in a program.

The module pattern is a way of structuring JavaScript code that allows for encapsulation and dependency management. Modules are composed of multiple functions, objects, and variables that can be imported or exported to other parts of the program.

ES modules are native JavaScript implementations of the module pattern. They allow developers to import and export data and functionality between different programs, as well as easily specify dependencies. ES modules also provide additional features such as static type checking and tree shaking, which help optimize code for performance.

By combining JavaScript functions, closures, and modules, it is possible to build powerful and reusable applications that are both maintainable and extensible. With the introduction of ES modules, developers can take advantage of robust features to optimize code for performance and scalability. This makes it easier to create complex web apps with fewer lines of code.

What Is Ajax?

Ajax, or Asynchronous JavaScript and XML, is a popular web development technique that enables developers to create web applications that can send and receive data without needing the user’s browser to refresh the page. Ajax allows for a better user experience by providing dynamic content - such as images, videos, or text - without having to wait for an entire page to refresh.

Ajax works by making a single request to the server and then receiving data in response. This single request is known as an Ajax call, and it can be used to send data such as user inputs, preferences, or selections directly back to the server. The server will then process this information, generate a response and return the requested data back to the user’s browser. The advantage of this is that it eliminates the need for multiple requests, eliminating wait time and resulting in a better user experience.

Ajax also works using closures - which are functions that remember and have access to variables from their surrounding environment. This allows Ajax calls to remain asynchronous, meaning the client’s browser won’t hang while waiting for the server to respond.

In some cases, a single Ajax call may not be enough to complete a task, so multiple requests can be sent at once. For example, if an application needs to send user preferences to both your database and a third-party API, it may need to make two separate Ajax calls. This can be done using the Promiseobject in JavaScript - which allows us to send multiple requests at once and then wait for all of them to finish before taking further action.

There is also the issue of cross-origin requests when making an Ajax call. This happens when a website requests data from a different domain than the one it was originally hosted on. In this case, web browsers will block the request unless you explicitly allow for cross-origin requests in your code.

Ajax is an incredibly powerful tool for creating dynamic and responsive web applications. By making a single Ajax call or multiple promises each time data is sent to or from the server, developers can ensure that users always receive data without having to wait for a page refresh. This can drastically reduce load times and improve the user experience of an application.

What is Node.js?

Node.js is an open-source, cross-platform JavaScript runtime environment that allows developers to create server-side applications with JavaScript and run them on various operating systems. It is built on Chrome's V8 JavaScript engine, which provides the power of Google’s high-performance V8 engine to Node. In other words, Node.js helps developers create web applications that can be run on a variety of devices and platforms.

The node command, which is included in the Node.js distribution package, allows developers to easily execute JavaScript code outside of the browser environment. This makes it possible to create server-side applications using only JavaScript.

Node.js also provides an extensive set of modules that can be used to create powerful applications. These modules are provided by the Node Package Manager (NPM) and can be easily installed with the npm install command. The NPM registry contains thousands of packages that can be used to customize and extend functionality in your Node.js applications.

Node.js is a powerful, open-source JavaScript runtime environment that enables developers to create server-side applications in JavaScript. It is easy to install the necessary modules with NPM and helps developers create powerful web applications that can be run on a variety of devices and platforms.







Related jQuery Information:

How Much Do jQuery Training Courses Cost?

Public instructor-led jQuery course prices start at $1,740 per student. Group training discounts are available.

Self-Paced jQuery eLearning courses cost $300 at the starting point per student. Group purchase discounts are available.

What jQuery Skills Should I Learn?

A: If you are wondering what jQuery skills are important to learn, we've written a jQuery Skills and Learning Guide that maps out jQuery skills that are key to master and which of our courses teaches each skill.

Read Our jQuery Skills and Learning Guide

What is the best way to learn jQuery?

A: There is no single answer to the question of how best to learn jQuery. Every individual has different learning preferences, and what works well for one person may not be as effective for another. The most important thing is to find a learning method that suits your needs and allows you to progress at a comfortable pace.

One option for learning jQuery is to take an online jQuery eLearning course. These can be found through various websites and provide a comprehensive overview of the jQuery syntax and how to use it to create dynamic web content. Online courses can be taken at your own pace, which can be beneficial if you have a busy schedule.

Another way to learn jQuery is by attending instructor-led jQuery class. These are held either in-person or live online. Instructor-led training can be a great way to interact with other jQuery users and get feedback on your code from an instructor during class. It can also help to motivate you to keep learning and progressing your skills.

Of course, the best way to learn jQuery is by doing. Practice makes perfect, so the more you work with jQuery, the better you will become at using it. There are a number of resources available online that can help you get started, such as tutorials and code examples. Once you have a good understanding of the basics, you can start experimenting with different code snippets and creating your own custom scripts.

No matter which method you choose to learn jQuery, the important thing is to stick with it. Learning any new skill takes time and patience, but the rewards are definitely worth it. With a little effort, you can quickly become an expert at using jQuery to create dynamic, interactive web content.

How long will it take to learn jQuery?

A: jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

So, how long does it take to learn jQuery? That depends on your level of experience with JavaScript and web development. If you're already familiar with these technologies, you can probably pick up jQuery fairly quickly. However, if you're new to web development, it will likely take somewhat longer to learn all of the concepts necessary to use jQuery effectively. Either way, jQuery is a great tool to add to your web development arsenal, and we hope you enjoy learning it!

Is jQuery hard to learn?

A: jQuery is not difficult to learn. It is a powerful JavaScript library that makes web development easier and more efficient. With jQuery, you can create dynamic, interactive websites with ease. If you are new to web development, jQuery may be the perfect place to start. It will give you the ability to create sophisticated web applications with little coding. Even if you are an experienced developer, jQuery can still be a valuable tool in your arsenal. Whether you are just getting started or looking to take your development skills to the next level, jQuery is worth learning.

What are the top jQuery skills?

A: jQuery skills are in high demand these days. If you're looking to get ahead in your career, learning jQuery is a great way to do it. Here are some of the top jQuery skills that will help you succeed:

Top jQuery Skills

1. DOM Manipulation - DOM manipulation is one of the most important aspects of jQuery. It allows you to change the structure, style, and content of web pages without having to reload the page. This makes it very powerful and versatile.

2. Event Handling - Event handling is another key jQuery skill. It allows you to respond to user events such as clicks, hovers, and scrolls. This makes your website more interactive and user-friendly.

3. AJAX - AJAX is a technology that allows you to load data from a server without having to reload the page. This makes your web pages more responsive and fast.

4. Animations - Animations can add a lot of visual interest to your website. jQuery makes it easy to create animations that are smooth and realistic.

5. Plugins - There are thousands of jQuery plugins available that allow you to add features and functionality to your website. This makes it easy to customize your website to meet your specific needs.

These are just a few of the top jQuery skills that will help you succeed. If you're looking to get ahead in your career, learning jQuery is a great way to do it. Certstaffix Training offers online and group onsite training jQuery classes that can help you learn these skills and more. Contact us today to find out more.

Where Can I Learn More About jQuery?

jQuery Blogs

jQuery User Groups

jQuery Online Forums

Explore jQuery Training Classes Near Me:

Certstaffix Training provides jQuery classes near me or online, depending on the number of students involved. We offer online courses for individual learners, as well as in person classes at your office for corporate groups. Our trainers are highly experienced professionals with the expertise necessary to help you gain a thorough understanding of jQuery concepts and tools. With our courses available online for individuals or in person for corporate groups, it's easy to develop your jQuery skills. Start learning today and see how Certstaffix Training can help you reach your goals.

 







Registration:

Have a Group?
Request Private Training

4/24/2024 10:00:00 AM
Online Class

Registration Deadline - 04/09/2024

 

6/10/2024 10:00:00 AM
Online Class

Registration Deadline - 05/26/2024

 

7/23/2024 10:00:00 AM
Online Class

Registration Deadline - 07/08/2024

 

9/3/2024 10:00:00 AM
Online Class

Registration Deadline - 08/19/2024

 

10/15/2024 10:00:00 AM
Online Class

Registration Deadline - 09/30/2024

 

11/25/2024 10:00:00 AM
Online Class

Registration Deadline - 11/10/2024

Start your training today!