学习资源

1. 首选资源

MDN（mozilla基金会提供的，实时更新，严格，可改错）
网道（大佬阮一峰提供的免费学习资源）
ES6（ES6新增加的内容，也是阮一峰大佬提供的学习资源）

2. CSS学习资源

CSS-Tricks（全英文的CSS各种技巧，讲解清晰）
张鑫旭（中国花时间学CSS最多的人）
W3C标准（全英文版）
caniuse（可以查看CSS各属性的浏览器支持程度）

草图工具

前端的戒律之一就是必须有原型设计稿才能开始做项目，做PC和手机两个页面就必须有两套设计稿，否则就像无头的苍蝇乱撞，因此，推荐以下原型作图工具，都是可在线直接上手使用的。
Figma
Balsamiq
墨刀
Adobe XD
AxureRP

素材收集

1. PSD素材

Freepik
该网站可搜索web psd文件，免费下载psd，但要注明来源，可做练习使用
365psd
该网站的UI套件

2. 效果图

dribbble
顶级设计师社区，搜Web，不可下载，但可以模仿

图标网站

目前我所知道的好用的图标获取网站有两个，分别为：
国内阿里巴巴提供的矢量图标库 Iconfont
国外的图标提供网站 FontAwesome

在线 IDE 推荐

前端开发常用的 IDE 工具莫过于是 vscode这个开源软件。但是现在也有很多在线的 IDE，不用安装直接使用。很适合在学习和测试的时候使用。

JSBin

JS Bin 是一个简单的在线 IDE。适合原生 html、css、js 的开发。

codesandbox

codesandbox 是一个集合度更高的收费的在线 IDE。支持多种前后端语言和框架。

另外，不要登陆该网站可以无限次免费使用，如果登录了就只能免费使用50个项目就要收费了。

该网站写的项目可下载下来，在 File -> export to ZIP

HTTP 客户端工具和服务器

在 web 互联网层面，能发送 http 请求的是客户端，接收和处理 http 请求的是服务端，也就是服务器。

客户端工具

浏览器

首当其冲的 http 客户端就是浏览器了，任何一个浏览器都可以发送 http 请求。

curl 工具

curl是一个命令行工具，可以用来发送 http 请求。是个非界面的 http 客户端。

postman

postman是一个测试API接口的软件，是一个界面化的 http 客户端。

服务器工具

Apache Http Server

基于 c 语言的 http 服务器，可用于部署网站和监听端口并处理 http 请求。

Apache Tomcat

tomcat 也是 Apache 组织开发的产品。是基于 Java 语言的，也是一个 http 服务器。

Nginx

Nginx 是基于 c 语言开发的工具，也是一个 http 服务器。

网络抓包工具

网络爬虫工具