As much as I know a lot about web-dev through working with languages like HTML, CSS, JS, and PHP, I decided to take a step back and sharpen my understanding of these languages to better enhance my experience and knowledge. I can say I’m a little late, but in order to have a good portfolio, I should have the proper skills and projects to back it. This is gonna take a while, I’m gonna record all that I learned here so I don’t forget easily.

I also wanna start uploading to my GitHub repository as much as I can.

Table of Contents

Topics

HTML Fundamentals

CSS Fundamentals

Intermediate CSS

Resources

The tools I’m gonna need for this tutorial are:

• VS Code editor - for this I usually use extensions like Prettier, Live Server, CSS peek, Auto close tags, Color highlighter, TODO highlighter, Cobalt next (set up my cobalt next dark theme), Material icons theme, and highlight matching tags to make my work a little easier.
• A browser (Google Chrome) - make sure it’s up to date.

Course Syllabus.pdf

Rules.pdf

Tricks in VS Code

• ! + tab to access HTML boilerplate
• ctrl + shift + P to wrap text
• shift + D to duplicate code