(Just so you know I just finished learning HTML and CSS)
Once you learn about functions and if statements, you can make a Rock, Paper, Scissors game or a Guess the Number game. I’ve seen people make cookie clicker games, too. You will have to learn about DOM manipulation to do those projects, which is useful.
There are any number of projects on YouTube. I recommend doing the project on your own rather than coding along with the instructor. You will learn more through struggling to figure out how something works.
As you get to the algorithms sections, you can go on Codewars, Leetcode, or any number of other sites to practice those.
Biggest Mistake which Developers do:
Students should read one tutorial then implement what the tutorial has taught them, in their own code. This will make them understand the code correctly, otherwise, I guarantee they will forget what they just read within the next 30 minutes or before
I hope this will help you
- Learn DOM manipulation and Events
- Instead of watching tutorials read & apply code.
This approach is far more difficult, but the other approach is completely useless. Learn by understanding what the code is doing is much better.
I’d say, if you like tutorials, only watch one after tinkering yourself first.
One substantial knowledge of any Object Oriented Language is to understand that everything is an object, keep that in the back of your mind
I guess one very simple project may start with a question:
- What can I represent with each data type?
So you could write a small program, playing with each data type, methods and properties. This may not be that fun, but the payoff is good.
Another idea: read the code from other fellas here at FCC (or elsewhere!).
I feel you should try out Document Object Model (DOM) manipulation and event
where you click a buttons and you get a response
For a set of small projects, this is pretty good, just JS/HTML/CSS, with a video for each one:
Still tutorials, but it’s very well done and if you push yourself through it you should end up with a good handle on a lot of the browser APIs you’ll be using a lot of (DOM manipulation for example).
Im making A home budgeting tool where you enter your weekly, biweekly and monthly checks and bills into input fields and use js to add up totals, leftovers and reminders when bill are close to their due dates. I’ve understood more of the lessons bydoing It