FSD Front-End Development: Using JavaScript Functions
Full Stack
| Intermediate
- 12 videos | 1h 10m 3s
- Includes Assessment
- Earns a Badge
Browsers create events, and it is the role of Javascript (JS) to handle those events. The main unit of Javascript is the function, and this 12-video course helps identify the role of the function within JS for full stack development. Begin by learning an important application programming interface in JS, the XMLHttpRequest Object-an object allowing developers to transfer data between clients: browser and web server, for example. Next, discover how to use AJAX (Asynchronous JS and XML) to reload content in an HTML page. Take a close look at the Document Object Model (DOM), used to identify and manipulate the content of HTML elements. Learn about developing JSON objects, validating form values, and JS hoisting and scope. Examine the many different ways to use functions in JS; learn how promises work; and apply callbacks within a function. Discover how to simulate inheritance with factory functions, and how to extract variable value by using a closure. The course concludes with an exercise on building a factory function with conventions, ES6 shortcuts, and arrow functions.
WHAT YOU WILL LEARN
-
Use js to add functionality and security to a web page as well as handle form submission
List the features of the xmlhttprequest object
Use ajax to reload content in an html page
Identify and manipulate the content of html elements
Develop json objects
Validate the values inside of form controls -
Promote a variable using hoisting
List and use various types of functions
Apply callbacks within a function
Simulate inheritance with factory functions
Extract variable value using a closure
Use conventions, es6 shortcuts, and arrow functions
IN THIS COURSE
-
2m 27s
-
5m 45sUpon completion of this video, you will be able to list the features of the XMLHttpRequest object. FREE ACCESS
-
3. Reloading Content with AJAX4m 57sLearn how to use AJAX to reload content on an HTML page. FREE ACCESS
-
4. The Document Object Model8m 3sIn this video, find out how to identify and manipulate the content of HTML elements. FREE ACCESS
-
5. Developing JSON Objects6m 15sFind out how to develop JSON objects. FREE ACCESS
-
6. Validating Form Values6m 52sLearn how to validate the values inside form controls. FREE ACCESS
-
7. Variable Scope and Hoisting5m 22sLearn how to promote a variable using hoisting. FREE ACCESS
-
8. Types of Functions7m 29sAfter completing this video, you will be able to list and use various types of functions. FREE ACCESS
-
9. Promises and Asynchronous Programming6m 37sIn this video, you will use callbacks within a function. FREE ACCESS
-
10. Using Factory Functions6m 15sIn this video, you will learn how to simulate inheritance with factory functions. FREE ACCESS
-
11. Extracting Values Using Closures4m 32sFind out how to extract a variable's value using a closure. FREE ACCESS
-
12. Exercise: Develop a Factory Function5m 29sFind out how to use conventions, ES6 shortcuts, and arrow functions. 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.
