{"page":"\n\n
\n
\n
\n
\n
\n\nVideo\n
\n

\nModern JavaScript from the Beginning - Second Edition - Random User Mini-Project\n

\n
\n
\nGet Free Access for 10 Days!\n
\n
\n
\n
\n
\n
×
\n\n\n
\n\nPublisher:\n\nCurated Video\n\n\n
\n
\nIn this mini project, we will use the Fetch API to load data from the Random User API and display it in an HTML document. We will cover how to create a custom function for fetching data, how to handle errors and loading states, and how...\nIn this mini project, we will use the Fetch API to load data from the Random User API and display it in an HTML document. We will cover how to create a custom function for fetching data, how to handle errors and loading states, and how to dynamically create HTML elements.

This clip is from the chapter \"Fetch API and Async Await\" of the series \"Modern JavaScript from the Beginning\".In this section, we will cover how to use the Fetch API to retrieve data from external sources and how to work with async/await syntax to handle asynchronous operations. You will learn how to create requests, handle responses, and use the data we retrieve in our applications.\n
\n
\n\n
\n
\n
\n
\n

Resource Details

\n
\n
\n
\n
Curator Rating
\n
\n
\n
\n
\n
\n
Educator Rating
Not yet Rated
\n
\n
\n
\n
\n
Media Length
\n
12:56
\n
\n
\n
\n
\n
Grade
Higher Ed
\n
\n
\n
\n
\n
Subjects
STEM
3 more...
\n
\n
\n
\n
\n
Media Type
Instructional Videos
\n
\n
\n
\n
\n
Source:
\n
\nPackt - Programming\n\n
\n
\n
\n
\n
\n
Date
\n
2023
\n
\n
\n
\n
\n\n
Language
English
\n
\n
\n
\n
\n
Audiences
For Teacher Use
2 more...
\n
\n
\n
\n
\n
Usage Permissions
Fine Print: Educational Use
\n
\n
\n
\n
\n
\n

Additional Materials

\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Transcript\n
\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Preview\n
\n
\n
\n

Concepts

\n
\n
javascript, gender, color, division, purple
\n
\n\n\n
\n
\n
\n
\n

Additional Tags

\n
\n
web development, front-end development, dom manipulation, asynchronous, programming, object-oriented programming (oop), unit testing, node.js, rest api, webpack, small project, event listener, console log, query selector, fetch api, results array, bg white, user dot, hide spinner, background, fetch, class, display, array, dynamic, hide, male, white, spinner, user, object, fetching, function, female, back, inside
\n
\n\n\n
\n
\n
\n
\n

Classroom Considerations

\n
Best For: Explaining a topic
Video is ad-free
\n
\n
\n

Educator Ratings

\n
\n
\n
\n
\n
\n\nShow resource details\n
\n
\n\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" aria-label=\"Play video: Modern JavaScript from the Beginning - Second Edition - Random User Mini-Project\" href=\"/subscription/new\">\"Modern\n\n
\n
\n
\n\n\n\n"}