工具及一些学习网站

前言

前端开发需要用到的工具和浏览的网站实在是太多了，今天把这段时间收集的一些资料都整理好统一一下吧，以便自己日后方便查询。

工具

1. VSCode安装：VSCode
2. Node.js安装：Node.js
3. 图片编辑软件：paint.net

命令行

1. 编辑器之神
2. 简明 vim 练级攻略
3. 一个 vim 游戏
4. 命令行释义
5. 命令行常见用法

macOS 命令行安装与配置

1. 安装 iTerm2
2. 配置

Git

1. SSH key原理与运用
2. README.md 的作用: 怎么给GitHub项目写一份易读的 README.md
3. LISENCE 的作用: 如何选择开源许可证？
4. 常用 Git 命令清单
5. 读懂 diff - 阮一峰
6. 搭建一个免费的，无限流量的Blog----github Pages和Jekyll入门
7. Git 菜鸟教程
8. 廖雪峰的 Git 教程

TCP 传输控制协议

1. TCP 和 UDP 的区别是什么
2. TCP 的三次握手指的是什么
3. 深入了解TCP
4. 0 到 1023 号端口

CSS

我的建议是：中文学习资源只看大 V 的，英文资源看 CSS Tricks、MDN 和 Codrops。书的话作用不大，最权威的书其实是文档。

1. CSS一些好玩的小技巧：CSS-TRICKS
2. 阮一峰 CSS
3. 张鑫旭的 240 多篇 CSS 博客
4. Codrops 炫酷 CSS 效果
5. 书单推荐：CSS揭秘
6. CSS中文规范文档
7. CSS英文规范文档
8. 免费书在线：Magic of CSS
9. 渐变生成：Gradient Generator
10. 阴影生成：box-shadow

JavaScript

1. 书单：JavaScript高级程序设计
2. 阮一峰javascript教程
3. JavaScript资源库 cdnjs
4. Javascript中apply、call、bind

jQuery

1. jQuery API文档

学习网站

1. Emmet作弊表
2. 10大最适合编程的字体推荐下载
3. 各种数据算法
4. 各种数据算法演示
5. 计算机开放电子书汇总

工具网站

• 域名购买
• 设计网站：dribbble.com
• 阿里巴巴矢量图
• 超高清壁纸天堂：wallhaven
• 免费PSD网站设计模板
• 在线压缩JPG图像
• 图床：Image Upload
• 图床：简图
• 轮播 Swiper
• FQ服务器
• 高清图片
• 检查兼容

插件

• CSS转换自动化插件

持续更新...