年终课程盘点｜16 个 前端综合项目合集

今天，就来给大家盘点一下，2019 年实验楼「前端 / 全栈」项目里，最值得一做的几个项目。

1. Flask 实现一个问答社区

从零开始实现一个完整的问答社区项目，包含用户评论、点赞、回复、签到，收藏、加精、置顶、搜索，登录注册和邮件激活、密码找回等功能。本课程主要使用 Flask 完成问答社区项目，适合对 Web 开发有一定基础，想进一步加强理解与运用的同学。

https://www.shiyanlou.com/courses/1443

2. Vue.js 实现富文本编辑器

本训练营项目是使用 Vue.js 实现一个简易的富文本编辑器应用。通过本项目的实战学习，你将掌握 Vue.js 框架使用，数据绑定操作，组件式开发等。课程将涉及 Vuex 的使用，让你了解全局状态管理的作用与优势。与其他 Vue 项目不同，这是一个纯前端的项目，主要学习 Vue 框架的使用与原生 JS 编写，同时了解 DOM 的相关知识。

https://www.shiyanlou.com/courses/904

3. Vue.js+Koa.js+MongoDB 打造「什么值得买」网站

使用 Vue.js+Koa.js+MongoDB 实现一个类似于「什么值得买」的网站。前端页面使用 Vue.js 实现，主要使用 Vue，Vue-router，Vuex 等技术。服务器端使用 Node.js 实现的一个 Web 框架，主要学习基于 Koa.js 开发。网站使用 MongoDB 做数据存储，实现的功能模块主要有：用户管理、商品分类管理、商品标签管理、商品管理等。

https://www.shiyanlou.com/courses/898

4. Go + Nuxt.js 搭建一个 BBS 系统

课程会带领大家一步步的了解并熟悉 Go 语言开发，使用 Go 语言和 Nuxt.js 实现一个 BBS 论坛系统。如果你是一个 Go 语言初学者，或者正准备学习 Go 语言，那么这个课程非常适合你。如果你熟练掌握了本课程中的知识点，相信你就已经入门 Go 语言开发。

https://www.shiyanlou.com/courses/1436

5.  Vue 进击实战：拖拽表单设计器

本课程使用现在流行的 Vue.js 和 ElementUI 从零开始开发一个可拖拽的表单设计器，项目使用 Vue CLI 3 搭建，你可以从中学习到如何快速创建一个 Vue 项目，如何实现拖拽，Vue 组件封装，Vue 高级特性用法，如何打包发布项目到 NPM 上等众多干货。

https://www.shiyanlou.com/courses/1355

6. SpringBoot + Mybatis + Thymeleaf 搭建美观实用的个人博客

https://www.shiyanlou.com/courses/1367

对于技术人员来说，拥有自己的个人博客应该是一件令人向往的事情，可以记录和分享自己的观点，独立开发以及独立维护一个博客网站，这种想法应该在很多人心中都有过，真的很酷，也因此我开发了 My Blog 博客系统，它是由 SpringBoot + Mybatis + Thymeleaf 等技术实现的 Java 博客系统，页面美观、功能齐全、部署简单及完善的代码，一定会给使用者无与伦比的体验。

7. 基于 Vue 和 Element UI 开发管理后台

https://www.shiyanlou.com/courses/1411

在本课程中，详细的介绍了使用 vue-cli 脚手架工具创建一个 Vue 3 项目，并且引入 Element UI 来完成页面布局。作为一个前端开发工作者，对于轻量化框架 Vue 必须掌握，Element UI 的编辑开发辅助框架 ELement UI 更是前端开发工作者应该熟练使用的。

8. Flask + VueJS 全栈 Web 开发实战

https://www.shiyanlou.com/courses/878

本课程主要使用 Python 的 Flask 框架和 VueJS，通过两个实战项目留言板项目和论坛应用的练习，让大家掌握 Flask + VueJS 进行 Web 开发的能力。

9. Vue+Express+MongoDB 实现饿了么 Web 应用

https://www.shiyanlou.com/courses/1293

本课程使用 Vue + express + MongoDB 进行全栈移动端项目的开发。课程内容主要分为 3 个部分：前端页面展示与业务逻辑的实现、后台管理系统的实现、后端数据操作与路由配置的实现。涵盖有包含 ES6，webpack，Vue 全家桶，express，mongoose 在内的多个知识点。

10. 利用 SpringBoot + Vue 实现前后端分离的微人事系统

https://www.shiyanlou.com/courses/1346

本课程是 Spring Boot 的实战课程，课程总共分为三个部分。第一个部分主要讲解 Spring Security 的一些基本使用方法，方便后面项目的开发。第二部分就是对项目的整体把握，讲解项目的架构并为项目做一些准备。最后一部分就是项目实战部分了，我会带着大家开发一个基于 Spring Boot + Vue.js 的前后端分离的微人事系统，带大家从无到有的开发一个完整的项目。

11. 基于 Django + React 实现电商平台

https://www.shiyanlou.com/courses/1243

本课程是一个全栈的课程，用 Django + React 搭建一个支持多语言、具有电商核心功能的系统。主要包含商品展示模块、购物车模块、订单模块。课程也会介绍如何利用 Django 自带的认证系统来实现用户模块，以及对接外部服务（OAuth 为例）的主要流程

12. Spring Boot 实现健康管理系统

https://www.shiyanlou.com/courses/1249

本课程分为基础篇、项目篇两部分。基本篇主要介绍 Spring Boot 快速入门、基础 Web 开发、单元测试、过滤器、拦截器、监听器、整合 Mybatis 等。项目篇是一个前后端分离的的用户健康管理系统，后端基于 Spring Boot 和 Mybatis、前端基于 react、AntD。项目主要包括用户端和健康指导员端两端。

13. React 全家桶实现销售管理系统

https://www.shiyanlou.com/courses/1310

课程将从 React 基础知识入手，在组件的编写中使用 React-router 管理路由和 Redux 管理状态。在后端的编写中，使用 express + mongoDB。前后端分离，一步一步的实现销售管理系统的各项功能模块。

14. React + Express + MongoDB 实现网易云音乐

https://www.shiyanlou.com/courses/888

网易云音乐作为一款曲目齐全，操作方便，用户体验高的的音乐产品，越来越受欢迎。本训练营将使用 React 实现一个 网易云音乐。项目包括从设计到实现的完整流程，具体模块可分为：前端界面模块、Node 模块、MongoDB 模块。其中前端界面模块包含 React 组件开发，React-Router 路由配置，Redux 状态管理。没有基础的小伙伴也不用着急，可以先学习实验楼的基础课程后再来学习。

15. 基于 Django 实现 Upwork 众包网站

https://www.shiyanlou.com/courses/1144

本训练营使用 Django 框架实现了世界最大的外包网站 Upwork。在实现过程中，将其分为了三大应用模块：用户模块、任务模块、私信消息模块。每个模块都严格按照 Django 框架中的 MTV （Model-Template-View） 模式完成。

16. Laravel 创建一个问答平台

https://www.shiyanlou.com/courses/1209

Laravel 是目前 PHP 领域中最热门的一个框架，本课程将使用 Laravel 框架来开发一个类似于知乎的问答平台，该项目主要主要实现用户注册，个人中心，关注和粉丝，发布问题以及回答问题，发送私信，广播通知，消息推送等功能。

Tips：

如果你想学习多个课程，请答应我：

一定要先买个高级会员！一定要先买个高级会员！一定要先买个高级会员！

上面的全部课程，总价 5000 元，高级会员学习全部免费！也就是说你只要买3个训练营，就已经值回票价了。

现在购买还有额外赠送 30 天的福利

????????????点击阅读原文查看全部课程~