From the course: Hands-On Introduction: JavaScript
Join today to access over 25,500 courses taught by industry experts.
Create a "loading" indicator and simulate loading time - JavaScript Tutorial
From the course: Hands-On Introduction: JavaScript
Create a "loading" indicator and simulate loading time
- [Instructor] JavaScript applications are often built as component-based apps, relying on external data sources for the actual content. That means when someone visits the site, they first load up an app framework, then the page sends a call to an API for data, and when the data returns, it's used to populate components. For the visitor, there's often a short but noticeable delay between the app loading and the data populating the app. To make sure the user experience of this loading time is as good as possible, it's common practice to load up what's called an app skeleton, grayed-out areas indicating where content will eventually appear and a loader indicating something is about to happen. Here's a demo of what that would look like. A loader appears, and then eventually the content comes in and populates the page. In this movie, I want to show you how to wire this up, how to create the skeleton view, how to create a loader,…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.