Web App Tutorial - JavaScript, Mobile First, Accessibility, Persistent Data, Sass
In this tutorial, we will build a to-do list app with HTML, SASS / CSS, and Vanilla Javascript. Our to-do list web app will be responsive with mobile first in mind. The to do list app will also be built with accessibility (A11y) in mind for keyboard navigation and screen readers. We will also use the Web Storage API to create a persistent data store so our list items reappear any time we visit the web app.
⭐️ Course Contents ⭐️
⌨️ (0:04) Introduction / App Outline
⌨️ (1:24) HTML foundation
⌨️ (12:24) SASS / CSS styles
⌨️ (50:05) JavaScript Classes
⌨️ (57:25) JavaScript Functions
⌨️ (1:41:53) Testing the Accessibility features
⌨️ (1:45:56) Code clean up and enhancements for A11y
⌨️ (1:59:40) Testing the fixes & enhancements for the app
⌨️ (2:00:55) Wrap-up: How do you want to improve the to do list app?
Suggest:
☞ Code a Discord Bot with JavaScript - Host for Free in the Cloud
☞ Microsoft 365 Fundamentals Certification (MS-900) — Full Course Pass the Exam!
☞ AWS Basics for Beginners - Full Course
☞ Full Stack Web Development for Beginners (Full Course on HTML, CSS, JavaScript, Node.js, MongoDB)
☞ Flutter App with Firebase Authentication and Firestore Tutorial - Crypto Wallet