Beginner Javascript To Do App! Build A Javascript Project that Works on all screen sizes!

Опубликовано: 14 Май 2026
на канале: DThompsonDev
9,493
297

Book a 1:1 call with me!
https://topmate.io/dthompsondev

Learn how to build a web app with HTML, CSS and Javascript that will work on all screen sizes! To do applications are the core of every developers github! Every developer at some point has built a basic CRUD application to learn from and utilize their skills. Use this project to build yours!

LINK TO THE CODE BUT PLEASE PLEASE TRY IT FIRST! I know it is so easy to just jump straight to the code but it is hard to really retain new info like this. If you are on this video it is because you are at the beginning stages of your journey, don't just immediately jump to the source code until you understand concepts.
https://github.com/dannythompson901/j...

Check out my podcast, Commit Your Code! A show about software development, technology, and the developers that use it! You can find the audio version of this podcast on Spotify and other episodes here or anywhere else you currently listen to podcasts! https://bit.ly/3OE1RKP

View other episodes of Commit Your Code here!    • Commit Your Code!  

Join the discord! Over 12,000 developers are in there!
  / discord  

Follow me!
  / dthompsondev  
  / dthompsondev  
  / dthompsondev  

Linkedin Series that has helped hundreds of people land jobs in tech!
https://www.youtube.com/watch?v=SG5Sb...

Chapters
0:00 Intro
0:37 Todo list app demo
1:40 Install extension Live Server
2:41 HTML
7:29 CSS Part 1
11:35 CSS focus pseudo-class
15:27 Javascript
17:49 Add A Task JS code
18:50 Create a new task Javascript code
22:50 Delete Tasks
23:35 Cross out tasks
24:46 Event listeners Javascript
25:38 Found an error and totally stuck, Have to debug
26:10 Find first error
26:29 Solved the error issue
27:01 Examples of tasks
28:33 CSS part 2
30:55 Chaining classes in CSS
31:35 WE DONE Y'ALL!