Why Must I Learn HTML & CSS
This post will help beginners who are just starting up with programming to solve problem with understanding HTML & CSS. By the end of this article you should be able to understand some key concepts on both HTML & CSS.
Firstly, I will like to share with you about my experience with this two technologies. Building a website with HTML & CSS at the beginning to me felt really overwhelming. You first think you are better at it, then realise you still suck at applying simple basic concept. The way out of situation like this is revisiting the basics and also code by yourself and not having to read too much of resources without practicalizing them. To me my mistakes has really built me in an amazing manner. In addition to this, don’t be scared of making mistakes. More to look out for is this , Inasmuch as you need to know HTML & CSS, you don’t need to master everything or be an expert at this at all. So with that in mind, Let’s get started.
Here are some basic commonly used HTML/CSS Tags.
Tags and elements
An HTML tag is a special word or letter surrounded by angle brackets, < and >. You use tags to create HTML elements, such as paragraphs or links.
here is a few tags that are commonly use.
The <!DOCTYPE html> declaration describes this document to be HTML5 The <html> element is the root element of an HTML page The <head> element contains meta information about the document The <title> element specifies a title for the document .
The <body> element contains the visible page content The <h1> element defines a large headingThe <p> element defines a paragraph.
We also have <div>,<header>,<nav>,<article>,<section>,<footer> etc.. to find out more visit the following website using the links below.
https://www.w3schools.com/html/html_intro.asp
https://developer.mozilla.org/en-US/docs/Web/HTML
Frameworks and libraries
First thing, what are the key difference between Frameworks and Libraries?
Frameworks are pieces of codes that define the architecture of your projects and helps in programming. They are codes written by someone to make building of web pages and website as fast as possible, where by we don’t necessarily need to bother about what’s happening behind the hood. A good example of this would be bootstrap, materialize, etc..
While, Libraries on the other hand are sets of reusable codes. they also aim at same goal as frameworks. But the difference is that in libraries you have control over your code, and not having to follow a strict architecture or map. example of libraries will be, Destyle.css used for restyling your stylesheet, immutable styles etc.
As part of learning HTML & CSS its required to learn css grid and flex box, if you ever want to take your programming game to the next level. I will leave some resources for finding them.
My favorites are https://css-tricks.com/ and https://gridbyexample.com/.
Learning sometimes can be intimidating, but I have some tips that can change your learning game. first will be knowing how to use the developer tool. Here’s a link to help you master the chrome developer tool https://www.bitdegree.org/learn/chrome-developer-tools.
secondly, best learning is found in repetition and constant practise , by cloning a website , you are open to learning new things and how things actually works, so start off by cloning any simple site.
Lastly and somewhat important, is finding a coding partner. One of the best places to find a coding partner is in microverse, there are lots of them out there, but my recommendation will be microverse. I will share a link to joining them. https://www.microverse.org/
A quick reminder, of what we just learnt. We learnt about HTML & CSS Tags. best learning is in repetition, making more mistakes. libraries are reusable code. Frameworks are codes that defines your project architecture.
