最近在Github上看到几个Star过万的热门的前端项目，适合刚学前端的朋友，在此推荐分享一下。
正在学习前端的同学可以收藏，方便以后随时查看学习。
1. developer-roadmap
- url: https://github.com/kamranahmedse/developer-roadmap
- star: 217k
- fork: 31k
- watch: 6900
开发者学习路线图。
这是一个学习路径图，包括后端、前端、操作和维护部署，以帮助您指出前进的方向。
2. Web
- url: https://github.com/qianguyihao/Web
- star: 22k
- fork: 5.7k
- watch: 665
超详细的 Web 前端入门到进阶知识库，从零开始学前端。内容详细，对新生前端有很大帮助。
3. 50projects50days
- url: https://github.com/bradtraversy/50projects50days
- star: 22k
- fork: 6k
- watch: 420
50 个采用 HTML+CSS+JS 前端小项目集合。项目不仅有网页源代码，还有效果显示，是标准的入门级前端开源项目，非常适合新手学习。
网页效果非常酷炫，通过查看效果，能充分体会到到前端的美，源代码简单易上手，降低了入门代码的门槛。
4. mpvue
- url: https://github.com/Meituan-Dianping/mpvue
- star: 20k
- fork: 2.1k
- watch: 603
这是一个小程序的前端框架。框架基于 Vue.js， 修改了核心 Vue.js 的 runtime 和 compiler 而实现的小项目。可以在小程序环境中运行，为小程序开发引入整套 Vue.js 开发体验。
视频上手教程->
- 完整的 Vue.js 开发体验
- 方便的 Vuex 数据管理方案：方便构建复杂应用
- 使用 Vue.js 命令行工具 vue-cli 快速初始化项目
- H5 代码转换编译成小程序目标代码的能力
- 支持使用 npm 外部依赖
- 快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotReload
5. skill-map
- url: https://github.com/TeamStuQ/skill-map
- star: 19k
- fork: 4.3k
- watch: 1700
程序员技能地图，这是由极客邦发起的技术社区开源项目。
汇集、整理、共建IT学习技能地图(包括人工智能、前端开发、移动开发、后端开发等)，设置包括互联网产品、运营等领域的知识。
帮助程序员梳理知识框架结构。并尝试提供路径指导和精髓资源，以便大家学习成长。
6. TypeScript-React-Starter
- url: https://github.com/microsoft/TypeScript-React-Starter
- star: 11k
- fork: 1.2k
- watch: 188
该项目由Microsoft创建，详细介绍了如何使用TS，基于create-react-app创建 React 项目模板的完整步骤。
TS 的出现使得 JS 具备了很强的语言严谨性，同时还保留了JS灵活的特点。
React是目前超火的前端框架，两者的结合值得学习。
7. blockly
- url: https://github.com/google/blockly
- star: 11k
- fork: 3.4k
- watch: 462
通过拖动模块自动生成代码，无需编程或编写代码，就能实现代码的 Web 编辑器。由谷歌开源。
可视化编程前端项目支持自动生成：Python、JavaScript、PHP 等编程语言的代码，是新手学习上述语言非常好的辅助工具。
线上尝试网址->
8. thejsway
- url: https://github.com/thejsway/thejsway
- star: 7.7k
- fork: 773
- watch: 203
JavaScript英文教程。对新手友好、内容全面，从编程基础到前后Web开发。
该教程采用ES2015语法编写，具备良好的编程习惯指导。使用 ESLint 、Pretties 并遵循 AirBnb 风格指南。每一章都有练习，让获得的技能付诸实践。最后还有一个实战项目，带您创建新闻 Web 应用。
9. newbee-mall-vue3-app
- url: https://github.com/newbee-ltd/newbee-mall-vue3-app
- star: 4.3k
- fork: 1.1k
- watch: 61
基于 Vue 3.0 技术堆栈电子商务网站前端开源项目。麻雀虽小五脏俱全，但包含各种实用的模块，如：主页、类型分类、搜索、地址管理、登录注册等。对新手友好，熟悉Vue 3.x朋友也可以来看看。
10. practice
- url: https://github.com/mintsweet/practice
- star: 301
- fork: 30
- watch: 10
利用各种流行的前端技术栈，实现不同项目的详细教程，教你如何快速启动这些技术。
这个名称叫做 Practice 的项目，内容涵盖了前端最热门的框架实践，符合生产环境下的开发流程规范。建议学习。
以上就是我推荐的Github上的前端项目，分享给大家。
如果这些项目对你有用，除了收藏，顺便也点个赞哦！
我之前还分享过一些Github上的其他项目，有需要的同学可以直接点击下方链接获取：
收藏！GitHub上11个简单、有趣的Python热门项目资源
推荐GitHub上8个有意思的项目 包含Python JS等不同语言 建议收藏
结束语
我是@老K玩代码 ，专注于编程开发的经验总结和项目分享，对编程有兴趣、正在学习编程的同学可以关注我。
