Tired of waiting for your heavy app to load? Yes, you can design some great loaders to keep your users occupied. It can be images, animations, games? Oh yes, mini games too. So join us for this webinar and learn to create your own awesome loaders. In This Free Live Webinar, you'll learn - Learn how to create loaders - Learn how to use them in your web app efficiently - Know what to avoid while creating a loader Save more on bundles: https://www.ui5cn.com/bundles/complete-data-visualisation-and-analytics-end-to-end?coupon=beahero https://www.ui5cn.com/bundles/iot-end-to-end?coupon=beahero https://www.ui5cn.com/bundles/mean-stack-web-development-front-end?coupon=beahero https://www.ui5cn.com/bundles/python-professional-development-end-to-end?coupon=beahero https://www.ui5cn.com/bundles/ui5?coupon=beahero UI5CN Webinars: https://www.ui5cn.com/collections/webinar Bundles Collections: https://www.ui5cn.com/collections/bundles Stay Connected with us! Mail us: admin@ui5cn.com connect@ui5cn.com Youtube: https://www.youtube.com/c/UI5CommunityNetwork?sub_confirmation=1 Facebook: https://www.facebook.com/goui5cn Twitter: https://twitter.com/ui5cn Google+ : https://plus.google.com/+UI5CommunityNetwork

2. Loaders / Progress Indicators
Indefinite Loaders Definite Loaders

3. Indefinite Loaders
Make use of DOM Events
Event - DOMContentLoaded
document.readyState === 'complete'
Let’s Go Hands On

4. Definite Loaders
Inaccurate
Check on progress of heavy components
e.g. Images
Let’s Go Hands On

5. Definite Loaders
Accurate
- Check progress of all components
- Use of Document Navigation API
Let’s Go Hands On

6. Some Awesome Loaders

7. BEAHERO
Use Coupon Code
Become Our Prime Subscriber
$9.97/month
And Never Stay Behind