Skip to content

Latest commit

 

History

History
135 lines (74 loc) · 4.04 KB

lecture8.md

File metadata and controls

135 lines (74 loc) · 4.04 KB

Resume

HTML, CSS, JavaScript

Internet is network of networks

Simple explanation: Internet -> Routers -> Computer

Internet data can take many "paths" to find the server

Protocol = convention

TCP/IP = Protocol to get data from point A to B

Packets are like a envelope to send information from a computer to another

Package(Build Data Create Packages) -> Router(Resolve DNS, IP...) -> Server (Read TCP, HTTP...)

TCP Allows server to do multiple things based on ports

IP = Internet Protocol

DNS = Domain Name System (Convert names to IP)

ISP = Internet Service Provider

TCP = Transfer Control Protocol

PORT = Wich Port each service can use

HTTP = Hyper Text Transfer Protocol (GET, POST...)

URL = Uniform Resource Locator

TCP is outside of "envelop" and HTTP it's own content. TCP define addresses and where envelope needs to go, HTTP is thei information.

DOM is a Tree structure interpreted by browsers.

HTML are absed with open/close tags with many responsabilites.

CSS is a Cascading Style Sheets is used to style your page using properties

JavaScript allow page to be more flexible. And allow you to run code on client computer.

With JavaScript we have a programming language that allows us to change DOM Tree

Extra Class

Internet Primer

Internet works like a big chunks of cable connecting peoples

IP is a unical address provided for each device, actually world is changing to IPV6 that is a 8 cluster in hexadecimal that give a number for a device.

DHCP server gives you a unique IP address comming from internet

DNS translate IPs to readable words for humans, so that humans can use it. DNS holders administrate a bunch of DNS like a library of yellow pages.

Access points, instead of each device has a IP, how hold my IP is a router (access point), that manage this IP for me. Usually today home networks consists of access points that combine a router, a modem, a switch, and other technologis together into a single device.

IP

The Internet Protocol has the responsibility to know how to communicate with each device in that interconnected network.

Connections are handled by routers to reduce cost, each router sends your connection to another router until you get the point you want.

IP is responsible to get information from point A to point B and breaking this information into small to send small packages via the internet.

TCP

Transmition Control Protocol direct all the packets to right place in the receiving machine. It is important to be able to identify both where the receiver is and what the packet is for, so TCP and IP are almost inseparable TCP/IP.

TCP organize to each port package needs to go and which order theses packets need to be read, also counts how many packets this data has.

HTTP

Is a protocol to interpret data coming from a network, called application layer protocol, this protocol dictate the format that is requested by client and return information

It's like a human interaction, ou aks for something and get a answer back

HTTP usually return data and a status code for you to know

HTML

Translate to the browser some words to be interpreted in another way. Used to organize elements into the web page.

CSS

Used to stylize elements into a web page.

JavaScript

Is derived from C syntax

JavaScript runs client side

JavaScript are used to add interaction into webpages

let variable = "This is a variable"
const variableToo = "This is a variable too"

function newFunc(){

}

const example = {
  name: "Object"
}

const usefullObecjt = {
  sayHi: (x) => console.log("Hiii", x)
}

const week = ["segunda", "terça", "quarta"]

usefullObecjt.sayHi("DAvid")

//Show indices
for(let day in week){
  console.log(day)
}

//Show values
for(let day of week){
  console.log(day)
}

DOM

Document Object Model, this obejct organizes the entire contents of a web page. By organizing an entire page into a JavaScript object, we can manipulate the page's elements programmatically.