Although I first learnt HTML and CSS a decade ago, I have been doing some short reads in between to understand some new updates including the semantic standards of HTML5, or the rather recent HTML Grid and Flexbox. The best way to learn them is practice. There is something I have only got around doing now that I hope I should’ve done long ago –
Build a static website from scratch to practice and understand HTML and CSS much better.
As a bonus, I am also tracking what I am doing using GitHub and hosting the site itself on GitHub Pages. Here is what I have set as an exercise for myself:
- Create a mobile-first website using HTML and CSS on GH pages. It should showcase a portfolio of my study projects. Skills to practice here:
- Basic HTML and CSS
- Using VS code
- Git and GitHub basics
- Layout using CSS flexbox
- CSS menu
- The second step would be to add a desktop variant for the same site
- Repeat step 1 and 2 for inner page templates
- Convert the HTML template to a Basic WordPress theme
I usually do this on weekends or when I have free time from my regular day job.