不管我们要学习哪种语言都希望能第一时间看到成效，能做出实际的东西来，那么这里所说的实际东西当然就是项目啦！学编程语言不做项目是不行的，自己所学的知识得不到应用，很难有所成长。本篇文章长沙前端培训机构给大家分享一下新手练手前端项目实战的10个项目，具体视频学习资料在B站或者知乎的千锋教育账号都有发布。

1、网易云音乐首页制作：本项目主要讲解移动端网易云首页-静态页面；我们会学到移动端布局的一些方法。 通过学习了本课程，同学们可以尝试写一个自己喜欢的移动端页面了。

2、实战项目之幸福西饼：通过学习这个pc端幸福西饼屋项目，可以加深我们对HTML和CSS的了解。可以学会怎样对pc端静态页面更好更快的布局。

3、实战项目之今日头条：本项目通过讲解移动端今日头条的静态页面，我们可以学到移动端布局的一些方法；学完大家就可以尝试写一个自己喜欢的移动端页面了。

4、实战项目之拉勾网：本项目讲的是HTML+css pc端实战，通过讲解拉勾网的首页、登录页等。 学完可以让你深入了解HTML+CSS，掌握页面布局和标签、属性等的使用。

5、ReactNative项目之美食App：本项目讲解了最新版本React Native的基础知识，借助Expo开发平台，实现了精美的美食App。课程中涵盖了RN中绝大多数API和组件的讲解，另外讲解了Expo开发平台提供的额外SDK API以及如何借助Exp工具实现React Native项目的远程打包。本项目为前端高级课程，在讲解RN的过程中，最大程度避免的配置复杂环境带来的学习成本，十多个小学的学习，大家完全可以顺利全面的掌握好RN开发的各方面知识。

6、uni-app项目实战教程：uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 学完本项目可掌握uni-app 开发，跨平台，条件编译，浏览器跨域配置，多平台编译，uniapp基本使用，项目构建全套课程。

7、React项目管理后台系统：本项目是一个使用react+antd开发的商城系统的管理后台，里面包含一个管理后台的基础功能，如：登录判断，接口调用，数据展示和编辑，文件上传等功能。通过此项目，可以学习到react的一些常见用法和antd中常用组件的使用方法。学习到如何通过react快速的进行项目开发，学会使用redux对数据进行集中式管理。

8、React项目教程（企业级实战开发）：React 目标群体历来是喜欢尝试新事物的开发者和前端专家，本项目从企业级实战开发角度，全方位地给大家展示react开发的流程，让大家从项目中了解到各个知识点的使用。

9、NodeJS+Express+MongoDB实战项目：Node.js作为JavaScript的运行环境，大地地提高了前端开发的效率，增加了Web应用的丰富性。对JavaScript开发者来讲，几乎可以无障碍地深入实践服务端开发，并且无须学习新的编程语言。Node.js的生态圈，也是最为活跃的技术领域之一，大量的开源工具和模块让我们可以做出高性能的服务端应用。本套“NodeJS+Express+MongoDB”实战项目教程，以文章管理系统为例，实现了两大模块的功能开发，分别是登录注册模块和文章管理模块，可以充分帮助大家了解Node.js。

10、毕设论文辅导-React美食网：本视频从企业级实战开发的角度进阶全方位的给大家展示react开发的流程。 让大家从项目中了解到各个知识点的使用。