Build a responsive, accessible to-do list web application using HTML, SASS/CSS, and Vanilla JavaScript in this comprehensive tutorial. Learn to implement mobile-first design principles, ensure keyboard navigation and screen reader compatibility, and utilize the Web Storage API for data persistence. Follow along as the instructor guides you through creating the HTML foundation, styling with SASS/CSS, implementing JavaScript classes and functions, testing accessibility features, and enhancing the app for improved user experience. Gain practical skills in web development while creating a fully functional to-do list application that works across devices and prioritizes inclusivity.
Overview
Syllabus
) Introduction / App Outline.
) HTML foundation.
) SASS / CSS styles.
) JavaScript Classes.
) JavaScript Functions.
) Testing the Accessibility features.
) Code clean up and enhancements for A11y.
) Testing the fixes & enhancements for the app.
) Wrap-up: How do you want to improve the to do list app?.
Taught by
freeCodeCamp.org
