收藏自己看！

自学前端程序 私藏工具和网站分享

01.JavaScript

• JavaScript 教程 | 通俗易懂的JavaScript教程

• ES6 入门教程 | 通俗易懂的ES6入门教程

• JavaScript 30 | 使用原生JavaScript在30天内完成30个项目

• 现代 JavaScript 教程 | 最近很流行的JavaScript教程

• Node.js学习指南 | 系统的Node.js学习教程和笔记系统整理

• JS 代码规范 | 优秀的 JS代码规范

• TypeScript 教程 | 通俗易懂的TypeScript教程

• TypeScript 教程 | 最好的TypeScript 视频+图文教程

02.CSS样式

• CSS Tricks 效果大全 | CSS的各种效果实现 有很多动画效果

• CSS Inspiration | CSS灵感的诞生地 我每天都的网站

• CSS 常用样式 | 有很多常用的CSS样式

• Animista | CSS动画库 主打按需定制CSS动画效果

• Animista | CSS动画库 主打按需定制CSS动画效果

• CSS Minifier | 在线CSS代码简化/压缩工具

• Sass: Sass 文档 | Sass 中文网 成熟、稳定、强大的CSS扩展语言

• Less 快速入门 | Less.js 中文文档 将CSS赋予了动态语言特性的样式语言

• stylus | CSS扩展 富有变现里、动态、健壮的CSS

03.算法数据

• JavaScript 算法与数据结构 | 多种基于JavaScript的算法与数据结构

• leetcode 解题之路 | 私藏LeetCode解题攻略

• 五分钟学算法 | 每天拿出五分钟 学学算法 比如上个厕所就学了

• 数据结构与算法项目推荐 | Github上170K+Star的前端学习数据结构和算法题目

• JavaScript 十大经典排序算法 | JavaScript排序必会题目 作者功力很深 值得学习

• 算法可视化工具 | 用可视化工具和交互方式 让你从代码中可视化算法

• 算法可视化来源

• 算法的工作方式 | 变量和操作的可视化表示 增强了控制流和实际源代码

04.前端面试

• 前端面试常考问题整理 | 按模块和知识点分类

• 前端开发面试题

• WEB前端面试宝典

• 掘金前端面试题合集

• 前端面试图谱

• 前端面试开源项目汇总 | Github上100K+ Star 的前端面试开源项目汇总

05.技术社区

• GitHub | 高质量内容创作和分享平台

• Stackoverflow |一个回答技术问题的网站

• 掘金 | 国内的很多优质前端文章都掘金

• 博客园 | 一个很纯粹的技术博客平台

• 知乎 | 很多程序人喜欢泡在知乎

• CSDN | 老牌社区 程序员必上的一个社区

• v2ex | 程序员分享和探索的社区

• segmentfault | 低调技术博客社区

• Node.js 中文社区 | node专业中文社区

• 博客杂志站点 | 一个 web 技术类的博客杂志站点

• JS 技术的网站 | 每天推出一个JS技巧的网站

• W3Cplus | 推广国内行业的技术博客

• 印记中文 | 最权威的技术中文文档社区

06.前端博客

• 技术胖博客 | 专注前端 每年100集免费前端视频

• 腾讯Alloy Team | 腾讯前端博客 每天必看

• 腾讯用户体验博客 | 专注于前端用户体验

• 淘系前端博客 | 淘宝前端博客 代表中国最强前端实力

• 京东凹凸实验室 | 京东前端技术博客

• 饿了么前端博客 | 知乎上的最强前端博客

• 百度前端博客 | 百度前端团队旗下博客

• 360奇舞团 | 360公司前端团队

• 美团技术博客 | 美团技术团队博客

07.构建工具

• NPM | 包管理 和 项目构建工具

• webpack | 前端最流行的项目构建工具

• Yarn | 后起之秀 优秀的包管理和构建工具

• Gulp | 老牌构建工具

• Babel | ES6构建转换工具

• ESLint | 可组装的JavaScript和JSX检查工具

• PostCSS | 用JavaScript转换CSS代码的工具

08.部署工具

• Github Page | Github提供的免费静态网站托管服务

• Netlify | 30秒内部署你的网站

• Vercel | 快速部署你的网站 国外很流行

• Surge | 一个命令部署你的网站

• Heroku | 运动构建 、 运行你的网站和应用

09.静态站点搭建

• Hexo | 最流行的静态博客程序 Markdown编写 生成静态站点

• VuePress | Vue驱动的静态网站生成器

• GitBook | 现代化的文档平台，支持团队协作

10.前端代码规范

• Tgideas | 腾讯前端代码规范 值得参考

• 京东 | 京东前端代码规范文档 分类详细

• Bootstrap编码规范 | 适合个人和小团队使用的代码规范 不复杂

• ES6 编程风格 | 阮一峰编写的ES6代码规范 值得每个人阅读并参考

• Airbnb 前端代码规范 | 国外企业的前端代码规范

• ESLint | 代码规范检查和格式化工具

• Prettier | VSCode 最热门的代码格式化工具 让你写出漂亮的代码

11.调试抓包

• Whistle | 代理抓包工具 我一直在用的工具 很好很强大

• Fiddler | 使用人数最多的抓包工具

12.在线工具

• CodePen | 前端在线测试和演示工具 国外站点

• Can I use | Web前端兼容性列表

• TinyPNG | PNG/JPG 图片在线压缩工具

• CNZZ | 老牌站点统计工具 5年前国内站长必上网站

• web.dev | 评测网站性能 基于Lighthouse

• Shape Divider | 定制各种形状SVG的工具

• GTmetrix | 网页性能在线分析工具

• Carbon | 代码转图片工具

• Wappalyzer | 检测某个网站的技术栈

• CODEIF | 变量方法起名工具 人工智能加持

• tool.lu | 程序员在线工具大全

13.开发工具

• VSCode | 前端最流行的编辑器

• Sublime Text | 轻量级代码编辑工具 曾经我的最爱

• WebStom | 忠爱粉最多的编辑器

• Atom | 用的人很多 我却不喜欢的编辑器

• Typora | 程序人Mrakdown笔记 一直在用的笔记工具

14.开发者大会

• Vue.js开发者大会 | 前端人必须关注的前端大会

• 中国JS开发者大会 | 公司每年必组织参加的技术大会

• CSS开发者大会 | 提高CSS技术的开发者大会 打开视野 面向世界

• D2前端开发者大会 | 阿里组织的大会 可以看直播

15.WEB图标

• Font Awesome | 网站开发最流行的图标集

• Feather | 简洁美观的开源图标

• Material Design Icons | 轻快、精美的符号图标

• Tabler Icons | 681枚可定制的开源SVG图标

• 常见品牌的SVG图标