There’s no better way to master a skill than lots of practice. It can be difficult to figure out how exactly to go about practicing web development, especially when starting out. A general tip is “build projects,” but that’s kind of vague and not always doable for a beginner. Fortunately, I do have a few projects in the work now, but I thought another good way to practice would be to start out the day with a short warm-up exercise. I had to do some googling, but I found a few good options for this.
CSS Exercises
WikiUniversity has several CSS Challenges. Here’s another one I found on a forum that involves recreating a geometrical figure. Another option is to try to recreate projects on CodePen, as well as layouts on other websites. This article on design shack lists ten common website layouts.
Javascript Exercises
Although I could easily find coding challenges for other languages, there don’t appear to be many Javascript exercises out there. Fortunately, Coderbyte allows you to solve challenges using Javascript. The free e-book Eloquent Javascript also features several exercises in its chapters.
Some exercises will take longer than others, but this is a good start if you can’t think of any projects to work on, or just need something to get you in the groove of things.