转载
作者：黑马程序员前端
链接：https://www.zhihu.com/question/39503897/answer/2998752442
社区精选 | 好的前端社区可以根据其特点和领域进行分类整理：
1. 问答社区
- Stack Overflow（https://stackoverflow.com/）
- Segment Fault（https://segmentfault.com/）
- CNode（https://cnodejs.org/） 这类社区主要提供前端开发者们解决问题的平台，可以在社区中提问、回答问题，获得技术支持和建议。
2. 技术分享社区
- 掘金（https://juejin.cn/）
- GitHub（https://github.com/）
- CodePen（https://codepen.io/） 这类社区主要分享前端开发的最新技术、工具和经验，让前端开发者们了解和掌握最新的前端开发技术。
3. 设计分享社区
- Dribbble（https://dribbble.com/）
- Behance（https://www.behance.net/） 这类社区主要分享设计师们的设计作品，可以帮助前端开发者们提高自己的设计能力，为前端开发的页面设计提供灵感。
4. 学习社区
- FreeCodeCamp（https://www.freecodecamp.org/）
- CSS-Tricks（https://css-tricks.com/） 这类社区提供前端开发者们学习前端开发的平台，包括在线学习课程、教程、示例和实践项目。可以帮助前端开发者们系统学习前端开发知识和技能。
5. 新闻资讯社区
- Hacker News（https://news.ycombinator.com/）
- Smashing Magazine（https://www.smashingmagazine.com/） 这类社区提供前端开发的最新新闻和资讯，可以让前端开发者们了解和掌握最新的前端开发趋势和动态。
前端开发中有很多实用的工具，用对效率翻倍，以下是一些常用的分类：
1. 代码编辑器
- Visual Studio Code (https://code.visualstudio.com/)
- Sublime Text (https://www.sublimetext.com/)
- Atom (https://atom.io/)
- WebStorm (https://www.jetbrains.com/webstorm/) 这些代码编辑器具有代码高亮、自动补全、代码片段、Git 集成等功能，是前端开发必备的工具之一。
2. 版本控制工具
- Git (https://git-scm.com/)
- SVN (https://subversion.apache.org/) 版本控制工具可以帮助前端开发者们管理代码的版本、协同开发、记录代码变更等操作，使团队合作更加高效。
3. 包管理工具
- npm (https://www.npmjs.com/)
- Yarn (https://yarnpkg.com/) 包管理工具可以下载、安装和管理前端项目中使用的依赖包，使项目开发和部署更加便捷和可靠。
4. CSS 预处理器
- Sass (https://sass-lang.com/)
- Less (http://lesscss.org/)
- Stylus (http://stylus-lang.com/) CSS 预处理器可以扩展 CSS 的语法，并提供变量、函数、嵌套等功能，使 CSS 的编写更加高效和灵活。
5. 自动化构建工具
- Gulp (https://gulpjs.com/)
- Grunt (https://gruntjs.com/)
- Webpack (https://webpack.js.org/) 自动化构建工具可以自动化执行前端开发中的一些任务，如编译、压缩、打包、静态资源管理等，提高开发效率和质量。
6. 在线调试工具
- JSFiddle (https://jsfiddle.net/)
- CodePen (https://codepen.io/)
- JS Bin (https://jsbin.com/) 在线调试工具可以在线编辑和调试 HTML、CSS、JavaScript 代码，并提供实时预览和分享功能，便于快速验证和共享代码。
7. 前端框架
- Vue.js (https://vuejs.org/)
- React (https://reactjs.org/)
- Angular (https://angular.io/) 前端框架可以帮助前端开发者们快速搭建 Web 应用程序，提供了一系列的工具和组件，简化了前端开发的流程。
8. UI 库
- Bootstrap (https://getbootstrap.com/)
- Material Design (https://material.io/)
- Ant Design (https://ant.design/) UI 库提供了一系列的 UI 组件和模板，可以帮助前端开发者们快速搭建 Web 应用程序的用户界面，提高开发效率。
如果有零基础想学前端的朋友，参考以下，按照自己的时间做好学习计划
- HTML+CSS 25天
- JavaScript 20天
- 环境基础 15天
- 计算机基础 25天
- Bootstrap（15天）、jQuery UI（15天）、Amaze UI；流行的前端框架：jquery mobile、angular.Js（20天）、Vue.js（20天）、React.js（20天）
- Echarts（1周）、tableau（1周）
以上时间安排是每天至少学习6小时的时间安排，大家可以根据每天学习的小时数字型加减天数。
前端全套课程分享：
HTML+CSS-->移动web->JavaScript基础-->Web APIs->数据交互&异步编程
-->Node.js-->Vue2+Vue3-->React核心技术-->微信小程序