I started my web development journey on 03/09/2023. As a young girl who just finished from the university and uncertain of what the outside world would be like, I tried to equip myself with a supposed perfect skill in order not to be vulnerable out there. Choosing a niche was really hard for me because there were so many options. I went for web development because I heard it was the hardest and probably people who learn it are the most paid LOL (SO IT WAS FOR THE MONEY!).
Before I started, I decided to find a tutor. This decision was based on the fact that I have tried learning on my own but was not able to achieve a lot. On that note I got a private tutor who taught me on google meet (I guess this was the reason I was so fast in my learning process.)
Essential topics in HTML
Projects
Details
Doctype: Here you would learn the different parts of HTML doctype and their functions.
Meta: This is where SEO is put into consideration.
Body and Head: Understand the main parts of HTML.
HTML Semantics: This is a very important topic in HTML because it helps a lot in Search Engine Optimisation (SEO).
Tags: Master the important HTML tags, and know the opening and closing tags.
Nesting: Learn how to nest elements and how to access then while styling.
Input and Input properties: This is very important if you wan to learn backend in future, mastering the properties will help you know how to manipulate it in backend.
Image: Learn how to add images to your project using SRC and always add ALT (it is also important for SEO).
Links: Learn how to add an anchor tag to your project and the function of href.
Form and Form Handling: Learn everything concerning form, as this will be very useful in backend.
Button: Learn how to add a button to your project and also learn its properties it will also be necessary for backend.
Essential topics in CSS
Projects
Details
How to add CSS to your project: Learn the 3 basic ways to add CSS to your project, ie inline, Internal and External.
Selectors: Learn and Understand the ways to select elements for styling, they include: element, class, ID, attribute and universal Selectors.
Colors: Learn the different types of CSS colors and how to use them.
Fonts and Fonts properties: You need to know the different CSS fonts as it makes your website standout. Also know to source for external fonts like google fonts and how to add them to your project.
CSS Inspection: Learn how to use chrome developer tools to inspect CSS.
The model Box: Learn and understand CSS padding, margin and borders as this aids to responsiveness.
How competing styles are resolved: Learn how to select elements in the parent or child of a HTML tag.
Positioning: This is about Static, Relative, Absolute and Fixed positioning.
Display: This the part you learn Inline, block and Inline-block displays.
Grid: Grid is very important for responsiveness, as it defines column and rows of a div or section.
Flex: Flex is and alternative to Grid, they do almost the same stuff.
Media Query: This defines how your design should look in different gadgets eg: mobile.
Animation: Animation is very important when and interactive website is required, Css can save you hours of trying to animate using javascript.
Bootstrap: Bootstrap is a CSS framework that uses inline styling to give you the feel that Vanilla CSS gives. Learning it will help you style faster.
Tailwind: Tailwind is another CSS framework that is just like Bootstrap.
Essential topics in Javascript
Projects
Essential topics in React
Projects
Essential topics in Next