Browsing the web

Enter google.com, who is this google.com

This question gets asked all the way down to our ISP(Internet Service Provider), like Verizon For users, you pay so you have internet.

ISP get the request and send them to DNS(Domain Name Server) server, it's like a phone book.

It has the list of all these URLs like google.com and has the address of them

DNS send off the request back through ISP

web browser like google chrome in this case gets 172.217.7.23

we recevie IP address

anything that's connected to the Internet has its own address (each laptop work now has IP address)

this Ip address allows the Internet to work

once we know the IP address, the browser sends off another request to Google Server

Google Server say, oh np let me give you my HTML, CSS, JS

then  HTML, CSS, JS would be sent to the browser

Then browser would show the formal Google page

对于以上三步,

我们是否可以skip第一步

用第二步直接将IP address发送给Google server

同样可以得到第三步的formal Google page

Breaking Google

通过 View ->   Developer -> Develper Tools

界面就变这样了

点击左上方的这个带poniter的标志

可以看到网页的各个模块, 可以自行改动模块

这就像我们改动了Google Server先前传过来的 HTML, CSS, JS文件

一旦我们再reques Google Server

则界面又会复原成Google Server 传来的 HTML, CSS, JS文件所展示的样子(如下图)

 The Internet Backbone 

We have Wifi from router

Router is connected to modem(If you sign up for Internet, you may have someone come to your house and install it

The modem has the signal towers that transmit signals

Is connected all the way to the ISP

IPS is connected to Internet backbone

all the files would go through this submarine cable(physical cable goes the bottom of see floor )

Traceroute

 

通过traceroute可以查到从自己家的home router出发到google server中间转战了多少个stop

Developer Fundamental

how to make websites load faster ?

location of server 越近越好

how many trips 越少越好

size of files 越小越好

What does a developer do ?

[udemy]WebDevelopment_How the Internet Works的更多相关文章

  1. Internet History, Technology and Security (Week3)

    Week3. Welcome to week 3! This is our fourth and final week of History where we make the connection ...

  2. Internet History, Technology and Security (Week 3)

    Week 3 History: The Web Makes it Easy to Use Welcome to week 3! This is our fourth and final week of ...

  3. 好RESTful API的设计原则

    说在前面,这篇文章是无意中发现的,因为感觉写的很好,所以翻译了一下.由于英文水平有限,难免有出错的地方,请看官理解一下.翻译和校正文章花了我大约2周的业余时间,如有人愿意转载请注明出处,谢谢^_^ P ...

  4. Principles of good RESTful API Design 好的 RESTful API 设计

    UPDATE: This post has been expanded upon and converted into an eBook. Good API design is hard! An AP ...

  5. Making your local server accessible from anywhere

    In reality you probably don’t want to host you websites on your local computer unless you have a ver ...

  6. RESTful API的设计原则

    好RESTful API的设计原则   说在前面,这篇文章是无意中发现的,因为感觉写的很好,所以翻译了一下.由于英文水平有限,难免有出错的地方,请看官理解一下.翻译和校正文章花了我大约2周的业余时间, ...

  7. TrueCrypt

    其实很早之前就知道这个软件,不过之前没有使用,今天折腾了一把,记录下使用过程中遇见的一些问题. 百度百科: TrueCrypt,是一款免费开源的加密软件,同时支持Windows Vista,7/XP, ...

  8. 好的RESTful API的设计原则

    转载自一位大佬 英文原版 Principles of good RESTful API Design Good API design is hard! An API represents a cont ...

  9. iproute2学习笔记

    一.替代arp, ifconfig, route等命令 显示网卡和IP地址 root@openstack:~# ip link list 1: lo: <LOOPBACK,UP,LOWER_UP ...

随机推荐

  1. 亚马逊云EC2做PPTP SERVER的笔记

    1.在亚马逊控制台上启动实例 2. 3. 4. 5. 6.配置安全组,把你的IP开放所有流量. 7. 用你自己的亚马逊KEY或者生成一个新的KEY来登录EC2 8.开始搭建VPN-PPTP——how ...

  2. sklearn的BaseEstimator、transformerMixin、ClassifierMixin、RegressorMixin、ClusterMixin介绍

    class sklearn.base.BaseEstimator:为所有的estimators提供基类 方法: __init__() 初始化方法 get_params(deep=True) 获取这个估 ...

  3. CSS Web安全字体组合

    常用的字体组合 font-family属性是多种字体的名称,作为一个"应变"制度,以确保浏览器/操作系统之间的最大兼容性.如果浏览器不支持的第一个字体,它尝试下一个的字体. 你想要 ...

  4. 属性,类方法@classmethod

    # 属性的初识# class Person:## def __init__(self,name,hight,weight):# self.name = name# self.__hight = hig ...

  5. VS2015+Python3.5的配置

    之前就学过一点Python,不用就忘记了,现在旧事从提~~ 学Python肯定得有一个良好的调试环境,比较熟悉VS,所以就配置了这个语言和工具! 安装过程出现的问题及解决方案 问题一: VS2015更 ...

  6. 分水岭算法(理论+opencv实现)

    分水岭算法理论 从意思上就知道通过用水来进行分类,学术上说什么基于拓扑结构的形态学...其实就是根据把图像比作一副地貌,然后通过最低点和最高点去分类! 原始的分水岭: 就是上面说的方式,接下来用一幅图 ...

  7. leetcode961

    class Solution: def repeatedNTimes(self, A): doubleN = len(A) N = doubleN / 2 dic = {} for a in A: i ...

  8. 关于Nginx的负载均衡

    一.关于Nginx的负载均衡 在服务器集群中,Nginx起到一个代理服务器的角色(即反向代理),为了避免单独一个服务器压力过大,将来自用户的请求转发给不同的服务器.详情请查看我的另一篇博客. 二.Ng ...

  9. spring-boot + mybatis +pagehelper 使用分页

    转自:https://segmentfault.com/a/1190000015668715?utm_medium=referral&utm_source=tuicool 最近自己搭建一个sp ...

  10. JS实现拖动效果

    有个问题就是该模块要使用定位,因为有left,top属性使用,绝对定位和相对定位都行,当然你也可使用margin-left,和margin-top这2个属性,替换left,top也是可以得 这样就不用 ...