Building a To-Do List App with HTML, SASS / CSS and Vanilla JavaScript

Building a To-Do List App with HTML, SASS / CSS and Vanilla JavaScript

In this Web App 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.

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?

📚 Further Reading:
🔗 Official SASS website: https://sass-lang.com/guide

javascript html css sass web-development

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

To Do List App Tutorial | JavaScript HTML CSS SASS Web App

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

Hire CSS Developer

Want to develop a website or re-design using CSS Development? We build a website and we implemented CSS successfully if you are planning to **[Hire CSS Developer](https://hourlydeveloper.io/hire-dedicated-css-developer/ "Hire CSS Developer")**...

How to add CSS & Javascript to your HTML

In this video, we create a starter template and link external CSS and Javascript files into our HTML file. We also look into what a CDN is and general boilerplate setup for a web development project.

Web Animations with HTML, CSS, and JavaScript

Learn about some basic animations you can do with CSS, HTML and JavaScript and shows you how to add input animations to your site. Web animation is necessary for creating eye-catching websites that enable better conversions and attract users to click, view, and buy things on your website.

Responsive Website with HTML, CSS, and JavaScript

We will build a Modern Responsive Website with HTML, CSS, and JavaScript. Responsive Website with HTML, CSS, and JavaScript - How to Build a website with HTML, CSS, and JS