FSD Front-End Development: Writing Code with jQuery

Intermediate
  • 12 videos | 1h 10m 12s
  • Includes Assessment
  • Earns a Badge
Rating 4.5 of 16 users Rating 4.5 of 16 users (16)
In this 12-video course, discover how using jQuery, a wrapper for Javascript functionality, can reduce the amount of code required and abstract away complexity of vanilla JS code development. Begin by exploring jQuery syntax and pattern and writing a jQuery method to perform simple tasks. Examine powerful features of jQuery events, and learn to apply methods to register behaviors for full stack development. Next, see how jQuery handles the document object model (DOM), identifying and manipulating content of HTML elements with chaining and using AJAX (Asynchronous JS and XML) to reload content in an HTML page; and adding handlers to work with deferred objects. Move on to callbacks, and how to write asynchronous code with callbacks, and requirements for jQuery plugin development. Learn to implement a jQuery validator to help validate fields in a form; then examine the relationship between CSS (Cascading Style Sheet) selectors and jQuery selectors, by selecting DOM elements using CSS-related properties. Associating arbitrary data with DOM elements is also covered. The exercise involves using AJAX to call an API on the public domain.

WHAT YOU WILL LEARN

  • Add functions with tested code from jquery's massive library and plugins
    Write a jquery method to perform a simple task
    Apply methods to register behaviors
    Identify and manipulate the content of html elements with chaining
    Use ajax to reload content in an html page
    Add handlers to work with deferred objects
  • Write asynchronous code with callbacks
    List the requirements for plugin development
    Use a plugin to validate form control values
    Select dom elements using css-related properties
    Associate arbitrary data with dom elements
    Use ajax to call an api on public domain

IN THIS COURSE

  • 2m 37s
  • 4m 1s
    In this video, you will learn how to write a jQuery method to perform a simple task. FREE ACCESS
  • Locked
    3.  Events
    7m 53s
    In this video, learn how to apply methods to register behaviors. FREE ACCESS
  • Locked
    4.  Document Object Model
    8m 48s
    In this video, you will identify and manipulate the content of HTML elements by chaining. FREE ACCESS
  • Locked
    5.  AJAX
    6m 3s
    In this video, find out how to use AJAX to refresh content in an HTML page. FREE ACCESS
  • Locked
    6.  Deferred Objects
    6m 54s
    Find out how to add handlers to work with promises. FREE ACCESS
  • Locked
    7.  Callbacks
    6m 21s
    In this video, you will learn how to write asynchronous code with callbacks. FREE ACCESS
  • Locked
    8.  jQuery Plugins
    5m 31s
    Upon completion of this video, you will be able to list the requirements for plugin development. FREE ACCESS
  • Locked
    9.  Form Validation with Plugins
    5m 31s
    Learn how to use a plugin to validate form control values. FREE ACCESS
  • Locked
    10.  CSS-Related Properties
    6m 43s
    In this video, you will learn how to select DOM elements using CSS properties. FREE ACCESS
  • Locked
    11.  Data Methods
    4m 59s
    In this video, you will learn how to associate data with DOM elements. FREE ACCESS
  • Locked
    12.  Exercise: Make an AJAX Call
    4m 51s
    Find out how to use AJAX to call an API on a public domain. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Book jQuery Recipes
Course Web Fundamentals: Dynamic Web Pages with JavaScript
Rating 4.5 of 255 users Rating 4.5 of 255 users (255)
Journey jQuery

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Full Stack Development: Business Logic & Persistence Layers
Rating 4.2 of 18 users Rating 4.2 of 18 users (18)
Course FSD Front-end Development: Advanced CSS Browser Features
Rating 4.3 of 22 users Rating 4.3 of 22 users (22)
Course MEAN for FSD Development: Introduction to the MEAN Stack
Rating 4.4 of 26 users Rating 4.4 of 26 users (26)