Creating a Complete Toast Notification Library
Offered By: Web Dev Simplified via YouTube
Course Description
Overview
Learn how to build a comprehensive toast notification library from scratch in this detailed video tutorial. Explore the process of creating a React-toastify-inspired library, covering essential features such as CSS styling, JavaScript setup, adding and removing toasts, auto-close functionality, update functions, closure options, CSS animations, progress bars, and advanced options like pause on hover and pause on focus loss. Gain hands-on experience in developing a complex yet practical project that enhances your web development skills and understanding of toast message implementation.
Syllabus
- Introduction
- CSS
- JavaScript Setup
- Add/Remove Toast
- autoClose Option
- Update Function
- onClose Option
- canClose Option
- CSS Animations
- Progress Bar
- pauseOnHover Option
- pauseOnFocusLoss Option
Taught by
Web Dev Simplified
Related Courses
CSS Animation With Latest Effects - 2020Udemy Creative Advanced CSS & JavaScript Animations - 150 Projects
Udemy Level Up Your CSS Animation Skills
Udemy Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Udemy CSS - Basics to Adv for front end development
Udemy