web技术夯实基础篇（一）—— 工具与准备知识

工具

系统：Windows，Mac， Linux 。
编辑器：

1. 纯文本编辑器：Brackets，Atom，Visual Studio Code（常用）；
2. 混合编辑器（集成git，terminal等）：Dreamweaver，WebStorm（常用）
3. 图像编辑：PS之类的。

版本控制系统：Git（各种可视化工具，如TortoisGit，Stash等，当然你想用terminal也随你）
自动化构建工具：现在用的应该都是webpack吧。
模板，库，框架：太多。
服务器：nodejs，php，java，.net。（远端和本地其实区别不大）

准备知识

href：hypertext reference，超文本引用。
使用连字符命名项目文件夹。
发布：可以去阿里云文档看看，无非就是主机服务，域名，ftp。还有一些免费的，比如 Neocities，Blogspot，Wordpress。写demo的时候可以试试。
此外像github，codepen这种比较火的就不介绍了。

web运作模式

其实就是request和response。server和client说白了都是计算机上的软件，比如client是你自己的浏览器，server是远端存储网页的空间，通过域名server会拷一份页面下载到你浏览器上显示。
当然，其间还存在DNS，HTTP，TCP/IP等控制。
DNS：域名解析，将域名解析为IP地址，多个域名可以指向同一个IP地址，网站也可以使用IP地址直接访问。
TCP/IP：数据传输相关的通信协议。
HTTP：client与server间通信的语言协议。