Web Dev 101 (P:2)

Raheem Amer — Tue, 05 Apr 2022 17:39:34 +0000

Have you heard the term box model before?

If you did, then good job but if not let's talk about it.

Briefly, A box model is similar to a box that contains a bunch of stuff inside of it and these stuff are ?
1- Content
2- Padding
3- Border
4- Margin

This will help you visualize the whole concept a bit

Okay, great! let's know more?

Content:
It's basically the information inside the box, like for example
if we have a code like this

<p> Hello World </p>

So, the content here is gonna be hello world

Padding:
It's the space around the content

Border:
it lays between the margin and the padding, basically plays the middle man between them

Margin:
The big boy, if we have 2 div stick to each other and you want to separate them then margin is the one to call here why?
because margin controls the outer space of boxes, the outer space around the box to be exact.

As you can see, it's easy just read this stuff but in fact it's one of the most challenging things you have to face while learning CSS.

Have a great day everyone and thank you <3

Web Dev 101 (P:1)

Raheem Amer — Fri, 11 Mar 2022 13:37:49 +0000

Have you heard the terms IP, DNS, HTTP, and HTTPS before?

if not, then this article will help you grasp a piece of basic information about them.

let's imagine that the internet is like a district that's filled with houses, each house has a mailing address in case someone wanna send you something, they write your mail address and the mailing company takes care of it. You check your mailbox the next day and there is the present that your sister told you about.

So the company here is the internet, it helps you to send and receive data online.

The mailing address here is the IP or the internet protocol, each device that logs on the internet has a unique set of numbers, these set numbers are the numbers that define your location on the internet so anything you do on the internet like simply logging in to Dev community's website, you send a logging message with your numbers ( IP ) to their server and they respond with letting you in.

What about HTTP and HTTPS?
HTTP stands for hypertext transfer protocol and what it does is to monitor the transfer of information between you and the other person or service.

But how?
It's called protocol for a reason right? So, for each connection made on the internet, its job is to check whether both parties are following a set of rules to allow the transfer of information between them.

But wait what's HTTPS?
I guess most of us heard this quote

no system is safe

so what it does is to encrypt the connection established between the parties to be more secure.

As for DNS?
It's called a domain name server, so when you want to google stuff like any normal person, you simply type youtube but no the IP address of youtube if you do then you are a weirdo man.

So, What DNS does is basically lookup in its information and convert the domain name into IP and then you will be redirected to your desired destination.

Thank you and good luck <3

DEV Community: Raheem Amer

Web Dev 101 (P:2)

Have you heard the term box model before?

Web Dev 101 (P:1)

Have you heard the terms IP, DNS, HTTP, and HTTPS before?