⭐前端工具和网站分享

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图标