[udemy]WebDevelopment_How the Internet Works
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的更多相关文章
- 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 ...
- 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 ...
- 好RESTful API的设计原则
说在前面,这篇文章是无意中发现的,因为感觉写的很好,所以翻译了一下.由于英文水平有限,难免有出错的地方,请看官理解一下.翻译和校正文章花了我大约2周的业余时间,如有人愿意转载请注明出处,谢谢^_^ P ...
- 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 ...
- 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 ...
- RESTful API的设计原则
好RESTful API的设计原则 说在前面,这篇文章是无意中发现的,因为感觉写的很好,所以翻译了一下.由于英文水平有限,难免有出错的地方,请看官理解一下.翻译和校正文章花了我大约2周的业余时间, ...
- TrueCrypt
其实很早之前就知道这个软件,不过之前没有使用,今天折腾了一把,记录下使用过程中遇见的一些问题. 百度百科: TrueCrypt,是一款免费开源的加密软件,同时支持Windows Vista,7/XP, ...
- 好的RESTful API的设计原则
转载自一位大佬 英文原版 Principles of good RESTful API Design Good API design is hard! An API represents a cont ...
- iproute2学习笔记
一.替代arp, ifconfig, route等命令 显示网卡和IP地址 root@openstack:~# ip link list 1: lo: <LOOPBACK,UP,LOWER_UP ...
随机推荐
- Hibernate 一对多/多对多
一对多关联(多对一): 一对多关联映射: 在多的一端添加一个外键指向一的一端,它维护的关系是一指向多 多对一关联映射: 咋多的一端加入一个外键指向一的一端,它维护的关系是多指向一 在配置文件中添加: ...
- Spring Batch批处理以及编程模型
1.批处理: 类似于SQL里面的批处理提交 2.场景: 业务定时进行批处理操作,但是批处理的编程模型是怎么的呢? 3.开源框架 Spring Batch 4.编程模型: reader-processo ...
- python 9*9示例
# 9*9 乘法表# def nine_nine():# for i in range(1, 10):# for j in range(1, i+1):# ...
- DOM实战-js todo
1.需求: 实现一个如下页面: 最上面是输入框,后面是add按钮,输入文本点击add按钮,在下面就会出现一行,下面出现的每行最前面是两个按钮,然后后面是todo(要做的事) 第一个按钮是完成按钮,第二 ...
- PHP获取照片exif信息
在这个没图说个屁的年代,照片还是很重要的.如果照片上传后会自动加上 照片相关信息,那用户体验的确会好很多,本着这个想法,今天尝试了下 PHP获取照片exif信息,重要的是 获取图片的GPS信息,如果再 ...
- cobller安装操作系统
参考网站:https://blog.csdn.net/admin_root1/article/details/78911718 https://www.cnblogs.com/panwenbin-lo ...
- jdk配置(备份)
#####set java environment #export JAVA_HOME=/usr/java/jdk1..0_172 #export JRE_HOME=${JAVA_HOME}/jre ...
- ubuntu 安装u盘恢复
XP下进入CMD命令窗体,Vista及7/8下右键以管理员方式运行DOS窗体(win8.1:开始屏幕-windows系统-命令提示符) 输入DISKPART,会显示计算机名,及DISKPART> ...
- 自动选择最佳特征进行分类-SVM (Halcon)
HALCON12里的example,classify_pills_auto_select_features.hdev. 执行流程: 1.选取相关特征(本例选取color和region组的所有特征)(本 ...
- 第二次安装docker时,报Transaction check error的解决方法
如果在yum安装软件的时候,出现了Transaction check error:这种情况,说明rpm软件包出现了冲突,解决方法是: vi /etc/yum.repos.d/epel.repo 将en ...