


Also, you can create applications that are customizable by the user and then change the layout of the page without a refresh.īefore you get started, I would suggest watching the introduction where John goes over how to access the setup files for all of his projects. You can create applications that update the data of the page without needing a refresh.

In Leonardo Maldonado's article on why it is important to learn about the DOM, he states: By manipulating the DOM, you have infinite possibilities. This is a good project to get you started working with the DOM. In this John Smilga tutorial, you will learn how to create a random background color changer. Many of the screenshots below are from here. If you have not learned JavaScript fundamentals, then I would suggest watching this course before proceeding with the projects.

Experiment with adding new features or using different methods. My advice for tutorials would be to watch the video, build the project, break it apart and rebuild it your own way. I have created a list of 40 beginner friendly project tutorials in Vanilla JavaScript, React, and TypeScript. The best way to learn a new programming language is to build projects.
