JavaScript: Form Validation & Async Programming

ECMAscript 2019    |    Intermediate
  • 10 videos | 1h 1m 50s
  • Includes Assessment
  • Earns a Badge
Rating 4.6 of 52 users Rating 4.6 of 52 users (52)
Form validation is a common use case for Javascript. Learners will explore basic steps involved in this process, including an overview of asynchronous programming and the use of promises to handle such code, in this 10-video course. Key concepts covered here include how to define simple registration forms with text, numerical input fields, radio buttons, check boxes and drop-down menu; how to access individual form elements and their data contents from Javascript; and learning when variables are destroyed by Javascript when a form submission navigates users to a different web page. Begin by observing a variety of form validations for different input fields; learning operations which run asynchronously in your Javascript application; and learning how to use promises to chain the execution of two functions where one depends on the results returned by the other. Next, learn a function making multiple asynchronous function calls by using async/await syntax. Finally, observe how to use the fetch function to asynchronously retrieve an image file and relate it to the XMLHttpRequest of AJAX.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Define a simple registration form with text, numerical input fields, radio buttons, check boxes and a drop-down menu
    Access individual form elements and their data contents from javascript
    Recognize when variables are destroyed by javascript when a form submission navigates the user to a different web page
    Define a variety of form validations for different input fields
  • Identify operations which run asynchronously in your javascript application
    Use promises to chain the execution of two functions where one depends on the results returned by the other
    Define a function making multiple asynchronous function calls using the async/await syntax
    Use the fetch function to asynchronously retrieve an image file and relate it to the xmlhttprequest of ajax
    Summarize the key concepts covered in this course

IN THIS COURSE

  • 2m
  • 6m 16s
    During this video, you will learn how to define a simple registration form with text, numerical input fields, radio buttons, check boxes, and a drop-down menu. FREE ACCESS
  • Locked
    3.  Retrieving Form Data from JavaScript
    6m 32s
    Learn how to access individual form elements and their data contents from JavaScript. FREE ACCESS
  • Locked
    4.  Logging Form Inputs to the Console
    4m 14s
    Upon completion of this video, you will be able to recognize when variables are destroyed by JavaScript when a form submission navigates the user to a different web page. FREE ACCESS
  • Locked
    5.  Validating Form Data
    9m 7s
    Find out how to define different form validations for different input fields. FREE ACCESS
  • Locked
    6.  An Introduction to Asynchronous Programming
    7m 45s
    In this video, find out how to identify operations which run asynchronously in your JavaScript application. FREE ACCESS
  • Locked
    7.  An Introduction to Promises
    8m 2s
    In this video, you will learn how to use promises to chain the execution of two functions where one depends on the results returned by the other. FREE ACCESS
  • Locked
    8.  The async/await Syntax
    7m 19s
    Learn how to define a function that makes multiple asynchronous function calls using the async/await syntax. FREE ACCESS
  • Locked
    9.  The fetch API and AJAX
    9m 34s
    In this video, learn how to use the fetch function to retrieve an image file asynchronously and relate it to the XMLHttpRequest of AJAX. FREE ACCESS
  • Locked
    10.  Course Summary
    1m 3s
    In this video, we will summarize the key concepts covered in this course. 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

Rating 5.0 of 1 users Rating 5.0 of 1 users (1)
Rating 5.0 of 3 users Rating 5.0 of 3 users (3)

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Rating 4.3 of 83 users Rating 4.3 of 83 users (83)
Rating 4.6 of 81 users Rating 4.6 of 81 users (81)
Rating 4.4 of 153 users Rating 4.4 of 153 users (153)