转载

作者：黑马程序员前端
链接：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核心技术-->微信小程序

前端开发学习路线2023版-黑马程序员web前端开发自学路线