Web App Tutorial - JavaScript, Mobile First, Accessibility, Persistent Data, Sass

Veröffentlicht am: 12 November 2020
auf dem Kanal: freeCodeCamp.org

104,544

2.5k

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.

📺 Tutorial by Dave Gray. Check out his YouTube Channel:
   / davegrayteachescode

⭐️ 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

✅ Follow Dave here:
🔗 Twitter:   / yesdavidgray
🔗 Reddit:   / daveoneleven
🔗 LinkedIn:   / davidagray

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Auf dieser Seite können Sie das Online-Video Web App Tutorial - JavaScript, Mobile First, Accessibility, Persistent Data, Sass mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer freeCodeCamp.org 12 November 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 104,544 Mal angesehen und es wurde von 2.5 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!