I’ve done the html and css sections on freecodecamp, “the web developer bootcamp” by Colt Steele on Udemy, and I know all about MDN and other documentation sites. However, I’m not sure where to go from here to really learn CSS and HTML to an advanced level.
The best overview I have used is actually “Dash” by General Assembly. Its the first site that actually explained and got me to use -moz- and -webkit- , something I always see when inspect element or page source for websites.
But now I really want to learn HTML and CSS well, not just moving onto Bootstrap (which i’ve been told will become a crutch, much like jQuery to Javascript). But, to the standard of being able to use and understand most, if not all, of the documentation and have a solid foundation for landing and junior web dev job.
What are your favorite/best resources to take these essential skill to the next level? (apart from the obvious answer of just coding).
Once you’ve learned the basics, the best way to progress is to try to build things. When there is something that you don’t know how to do (or don’t know how to do well), you research that particular technique (for example: flex or grid).
Well, the preprocessors are a great tool to extend what you can do with your CSS, and really help get you organized, which is a big part of your CSS skills
As for "advanced " CSS properties, they are one of those very few things on which learning in a totally random order, from multiple sources is actually a good idea.
So my advice would be to just use YouTube. Search for some videos on positioning, then floats, then flexbox, and maybe grid and variables. And specially, look for CSS tricks, so you learn to hack CSS in an engaging and fun way. Things like drawing with multiple backgrounds and using multiple box-shadow as borders are great, and will inadvertently up your CSS game without even trying
Lynda.com is where I personally learned the most about HTML and CSS. I did Colt Steele’s course as well (after I used the Lynda courses, that is) and found Colt Steele’s coverage to be woefully non-comprehensive in comparison, so maybe using Lynda.com is something you might want to consider.
These are the specific courses that I’d recommend. Some of them are beginner-level and will probably be review on stuff you already know, but I’d recommend going through them anyway to ensure that your knowledge is thorough & complete (and it never hurts to run through topics again).
There are not really any assets used, so you should be able to get pretty close. Try to make it responsive too (you’ll have to come up with your own ideas of how the design should adapt to different screen sizes).
I promise you’ll learn a ton in the process since a few parts are quite challenging.
The beginner course is very in depth on most fundamental things for HTML & CSS. The Advanced course cover’s too much for me to go over here. Read the description on the course and look at the course syllabus. It is very comprehensive and even goes over flexbox too which is very popular now.
Maybe I’ll pay lynda once i have enough skills to make money from web web dev. Too expensive for now.
Thanks for suggesting specific courses and not just the site though.
I nearly forgot completely about w3schools. I remember being told to use it in our computing class in high school ~10 years ago.
So surprised when I when I decided to learn web dev now and I read people saying negative things about it for some reason or other.
Jonas Schmedtmann helped me a lot, and I fully recommend his course. He explains the architecture of css, best practices, how the browser handle css… it’s just amazing.