最近在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玩代码，专注于编程开发的经验总结和项目分享，对编程有兴趣、正在学习编程的同学可以关注我。