Vanilla JavaScript, HTML, and CSS | Beginner Tutorial 2023
Beto, February 1, 2023 · 2,167 views
Before you reach for React, you should know what the browser gives you for free. I build a complete to do list app with nothing but HTML, CSS, and JavaScript: no frameworks, no libraries, just DOM manipulation and events. If you are starting out, this is the foundation everything else sits on, and I build it step by step in the video.
What's inside
- Structuring an HTML file from scratch, head to body
- Creating and deleting tasks dynamically with DOM manipulation
- Disabling the save button until the input has text
- BrowserSync so the page reloads every time you save
- Responsive CSS and small animations that make it feel polished
Resources
CourseReact with TypeScript course
Got the fundamentals? This is the next step: React from scratch, building real web apps.
Had a win? Get featured on Code with Beto.Share your story
Like this article? Get the rest of the library plus weekly React Native tips. Free.