慕课网职场进阶成长系列课

大前端

比前端全栈更上一层
专为实际开发经验1年以上的前端工程师设计
高效全能架构前端
录播+直播+社群+问答等慕课网精心设计8种方式,全方位助力学习
  • 不限期

    视频有效期
  • 24

    学习计划
  • 360

    教学服务期限
    购买即得 360天 免费教学服务
    什么是教学服务?
  • 80

    视频时长
  • 241

    学习人数
  • 100

    好评度
2680.00
立即购买

为什么要学大前端?

形势:5G风口,前端岗位的内涵和外延不断扩大

现状:企业缩减人力成本,前端岗位竞争越发激烈

  • BATJ大厂布局小程序、移动
    端,拿offer须会多端开发
  • 前、后端界限融合,大前端当
    道,倒逼程序员转型转行
  • 入职几年因缺乏完整项目经验,
    升职加薪无望
  • 前端技术迭代快,不主动更新技
    术就将落后于人

机遇与挑战并存,是时候进击大前端了。

慕课精品成长课——前端进阶,大前端一步到位

告别1.0版本的全栈,直接迈入2.0版本大前端,广度深度更进一步

慕课网大前端课程

真正覆盖企业项目全生命周期、全流程

  • 全流程、全周期的全局思维能力锻造

    1:1 还原真实企业项目,打通需求-设计-
    开发-测试-维护环节

  • 为企业实际需求开发而生的解决方案

    前端、后端、移动端、小程序 1 套业务系统
    多端场景开发技术和方案整合

  • 从基本技术栈到全面技术栈完美蜕变

    不仅框架进阶应用,15 种效率工具讲解,高
    密度主流知识和技能覆盖

  • 开箱即用,交付、迭代效率翻倍

    课程采用实用性、技术迁移能力强的业务案
    例,可自己部署 1 套效率工具

高复用的项目全周期、全流程解决方案

百万年薪大前端核心价值所在

  • 亲历项目从零到上线的全周期开发,挖掘项目全流程价值
  • 采用BAT推荐的敏捷流程,实现项目高效开发、快速迭代
  • 版本控制、自动化,倍增团队协同效率,直线降低项目管理成本

市面鲜有!内容完备的知识点详解

24周系统化课程,110+必备知识点,15种效率工具

每一个知识点,都是高薪就业的重磅砝码!

详实内容!闭环打造大前端能力

综合能力养成对标阿里P7

大前端能力培养闭环
提升能力,开拓视野

高效全能!一套业务系统,实现多端应用场景

抹平平台差异,市面稀缺的完整跨多端解决方案,大前端都需掌握的开发技能

一套业务不同终端,场景开发融会贯通

优选企业级社交类项目实战,从分析、开发、上线到维护,契合企业解决方案刚需

PC前端响应式开发
项目介绍

以社区应用为切入点,前端采用Vue全家桶+UI框架,后台采用Koa+mongoDB
的解决方案,实现了多角色登录,基于Token鉴权机制的前后端分离的PC项目。

功能实现

登录注册、导航、筛选、积分、签到、点赞、基本设置、热帖、统计、发贴回帖
赞助、搜索排序

技术要点
  • Vuejs全家桶
  • Koa2
  • NoSQL数据库
  • MongoDB/Redis
  • Webpack/Gulp
  • Mock数据
  • 接口平台DOClever
  • git flow
  • IDE&真机调试

一套业务不同终端,场景开发融会贯通

优选企业级社交类项目实战,从分析、开发、上线到维护,契合企业解决方案刚需

后台管理系统开发
项目介绍

页面使用Vue+iView-admin集成,采用前后端分离架构,构建基于Token的WEB
后台认证机制,实现对用户、发贴、文章和首页管理的后台管理系统。

功能实现

发贴列表、基础设置、文章增删改查、用户权限、用户列表、首页模块管理

技术要点
  • UI框架iView
  • Vue-router
  • Vuex
  • Koa2中间件
  • MongoDB
  • Redis
  • Webpack
  • Jenkins自动发布
  • CI/CD流程
  • Nodejs调试
  • ESLint配置
  • 自建仓库Harbor Docker技术

一套业务不同终端,场景开发融会贯通

优选企业级社交类项目实战,从分析、开发、上线到维护,契合企业解决方案刚需

小程序开发
项目介绍

使用更高效小程序框架 mpvue,完美移植PC端社区功能的小程序项目开发,让大家深入理解项目设
计背后的原理,解决实际业务中的各类问题。

功能实现

导航、筛选、搜索排序模块、个人中心、积分、基本设置、消息通知、发帖回帖、点赞

技术要点
  • HTTPS协议
  • SSL证书申请
  • Koa2中间件
  • WebSocket
  • MongoDB
  • Redis
  • MINA/mpvue

一套业务不同终端,场景开发融会贯通

优选企业级社交类项目实战,从分析、开发、上线到维护,契合企业解决方案刚需

Web App开发
项目介绍

针对移动端的痛点问题,结合移动端适配、滚动及懒加载等开发技巧,抹平与PC端社区项目开发差
异,完美平移到移动端的社区项目。

功能实现

导航、筛选、积分、基本设置、消息通知、发帖回帖、点赞

技术要点
  • UI框架Mint
  • 移动端设计
  • 手机适配
  • Sass
  • 滚动iScroll
  • 轮播Swiper
  • 懒加载lazy-load
  • 自定义组件/字体

对照企业用人需求,构建完整大前端知识脉络

前沿课程内容设计,带你实现仅手写代码就5万+行的项目经验累积

  • 开启大前端之门

    告别迷茫,全局认识大前端。
    带着大前端的全局思维,开始
    从项目需求分析到搭建环境,
    并学习MVVM框架和前端工程
    化,为后续开发做充实准备。

  • 获取团队高效协作密码

    良好的团队协作能力,是前端
    从单一技能通往大前端的必经
    之路。学习DevOps全流程,配
    合文档管理、版本管理、项目
    进度质量管理、自动化以及效
    率工具,领略开发之美,效率
    之道。

  • 打通全栈开发技能

    手把手带你开发社区全栈项目
    (PC端),重点掌握接口和数
    据库设计能力,综合中间件、
    数据库、服务器渲染知识,融
    合文档管理、版本控制,铺开
    前端全栈之路。

  • 前后端分离的后台
    管理系统

    采用前后端分离架构完成台管
    理系统开发,提高整体开发效
    率;打通社区全栈与后台管理
    系统,掌握从后台管理到前端展
    现的整体解决方案,完成从前
    端到大前端思维的演变。

  • 流行的WebApp与
    小程序开发

    本阶段将项目平移到WebApp和
    小程序,掌握一套业务系统,
    多应用场景的解决方案;结合
    从项目发布到维护迭代,打通
    开发全流程。最终进入大前端
    领域,扩展无限的可能。

以周为单位,高段位大前端系统养成

理论+实践,技术难点逐一击破

阶段一: 开启大前端之门(1-4周)
  • 第1周
  • 第2周
  • 第3周
  • 第4周
认识大前端,开启无限可能

万丈高楼平地起。开课第一周,我们将以轻松幽默的方式,从实际工作中的开发痛点出发,以项目全生命周期为主线,对全栈有全局的认识。从整体项目分析开始,培养您的项目架构思维。

课程安排:
  1. 了解大前端知识体系,让您有全局的认知
  2. 理解大前端的定义,让您不再迷茫。
  3. 项目规划及DevOps流程
  4. 分析实际工作中遇到的痛点以及解决办法
  5. 掌握需求分析的要点及工具(墨刀/Axure)
  6. 从原型设计、接口设计到技术栈的宏观项目架构思维。
企业标准的开发环境搭建

工欲善其事,必先利其器。学习最火的Docker容器技术,快速搭建测试环境。深入讲解前端必会的Mock接口与工具,并专门设计了调试技巧&真机调试讲解,与实际工作开发完美契合。

课程安排:
  1. 虚拟机搭建与使用
  2. Linux开发环境及常见命令使用
  3. 容器技术Docker以及安装及使用
  4. Node及npm命令的使用
  5. 搭建DOClever接口测试平台
  6. 前后端分离开发--RESTful接口及Mock数据
  7. 常见IDE使用及VSCode的调试配置及默认设置
  8. 三类真机调试技巧
必会的前端工程化工具

效率是检验工程师的重要指标之一,如何提高开发效率,从前端工程化工具着手。本周学习实际工作中两大利器Webpack与Gulp,并使用Yeoman搭建自己的脚手架工具,让自己和团队的开发效率翻倍。

课程安排:
  1. 了解工程化工具的使用场景及具体应用
  2. 理解Webpack的核心概念,配置Webpack
  3. 掌握Webpack中的Plugin及Loader的使用
  4. 了解Gulp的核心概念,学习配置Gulp基础任务
  5. 配置Yeoman脚手架工程项目
  6. 创建自己的脚手架工具
深入理解Vue 框架知识

跟上企业需求的步伐,本周从MVVM框架基础讲起,让您拥有组件化思想,掌握目前流行的Vue框架进阶应用。重点不仅在于应用,也在于原理,做到知其然,知其所以然。

课程安排:
  1. 了解MVVM框架理念
  2. 理解组件化思想
  3. Vue基础、路由及状态管理
  4. Vue cli工具的使用,创建工程化项目
  5. Vue CLI命令vue create及项目配置
  6. Vue CLI命令扩展使用vue ui
  7. Vue、Vue-router、Vuex综合应用
阶段二: 获取团队高效协作密码(5-8周)
  • 第5周
  • 第6周
  • 第7周
  • 第8周
前端框架分类及选型

是否还在为选择使用什么框架而苦恼?是否还在为学习哪个前端框架而纠结?本周将给您满意的答案,有UI和JS框架对比与选型,有Node.js进阶使用、Web框架如何开发RESTful接口等。

课程安排:
  1. 常见MVVM与UI框架对比与选型
  2. Koa框架后台项目的配置及ES6语法支持
  3. Koa工作原理及常见Koa中间件使用
  4. 登录模块的需求分析及流程设计
  5. 登录模块的开发,LayUI框架集成
  6. 邮件服务和图片验证码服务的开发
  7. 表单验证Vuelidate/VeeValidate
  8. 配置邮件服务NodeMailer
  9. 邮件服务接口与找回密码对接
  10. 如何调试Node应用及webpack配置
团队协作-文档与版本管理

项目开发过程中,少不了团队协作,那团队协作有哪些可以提升效率?团队协作第一弹:从文档管理、版本控制开始,我们了解Git flow和文档的管理办法,搭建团队的文档管理工具,提升工作效率。

课程安排:
  1. Markdown语法及进阶图表使用
  2. ShowDoc进行云笔记及文档管理
  3. 搭建自己团队的接口管理平台
  4. 学会使用hexo+github搭建自己的博客
  5. 掌握Git基础命令
  6. 从零配置github到SSH秘钥克隆仓库
  7. Git Flow及管理版本控制
  8. 使用Docker快速搭建gitlab平台
  9. gitlab平台管理,用户权限控制
团队协作-缺陷控制与自动化流程

项目质量决定了项目的命运,如何做好缺陷控制,是每个团队非常头疼的问题。本周学习团队协作第二弹:缺陷控制及前端自动化流程,使用容器技术配置自动化/持续集成环境,进一步提升团队效率。

课程安排:
  1. 了解缺陷控制方法
  2. 掌握缺陷控制工具及使用
  3. 了解质量管理工作流
  4. 理解自动化/持续集成流程,升华DevOps理解
  5. 学习搭建、配置Jenkins服务
  6. 掌握Jenkins中的权限控制,并与gitlab进行集成
  7. 学习Jenkins的权限控制与插件管理系统
团队协作-配置前后端自动化任务。

Docker仓库的进阶使用,搭建私有Docker仓库,并配置Jenkins的前后端自动化流程,感受自动化构建的魅力。

课程安排:
  1. 掌握容器技术Docker进阶使用
  2. 快速搭建Jenkins平台
  3. 私有化容器平台Harbor搭建及使用
  4. 运用Jenkins任务配置,自动化流程
  5. 自定义Shell脚本
  6. 配合Jenkins效率构建,完成发布、构建等工作
阶段三: 打通全栈开发技能(9-12周)
  • 第9周
  • 第10周
  • 第11周
  • 第12周
NoSQL数据库的设计与集成(MongoDB/Redis)

本周带您解开数据之谜,学习NoSQL数据库与数据库设计原则。让您带着设计思维去设计项目数据库,搞定Redis服务搭建与集成,完成具备鉴权功能的登录页面后端开发,综合应用Koa中间件。

课程安排:
  1. 了解NoSQL数据库分类及选型
  2. 掌握数据库设计原则
  3. 掌握从功能到数据库的基本设计
  4. 常见MongoDB及Redis与nodejs集成
  5. 使用Docker快速搭建MongoDB及Redis开发测试环境
  6. 登录鉴权机制及koa进阶
  7. JWT方式鉴权接口开发
全栈开发-首页与发帖模块开发

本周综合前面的知识进行实战,从前端到数据库、接口设计再到组件拆分,最后核心功能实现,进一步加深Vue-router、Vuex进阶应用,实现前&后端全栈页面开发。

课程安排:
  1. 掌握首页数据库设计、接口设计、文档更新
  2. 首页列表、筛选、排序功能开发
  3. 首页侧栏开发:统计、签到、周热议
  4. 发帖编辑器自定义开发
  5. 图片上传功能
  6. 发帖功能:插入链接|图片、引用|代码样式、预览
  7. MongDB多表联合查询及统计SQL
  8. 发贴权限效验
全栈开发-用户中心模块

继续进行核心模块开发,本周将会开发PC用户中心模块,从数据库与接口设计,到消息中心、我的主页、帖子、收藏、用户信息等功能开发,用实战去检验学习效果。

课程安排:
  1. 设计中心路由及页面跳转
  2. 头像上传、密码修改、邮箱激活
  3. 实战“我”发表的帖子列表
  4. 收藏功能开发;收藏的帖子列表
  5. 签到功能开发;会员信息、快捷链接
  6. 搭建WebSocket服务,实时显示用户消息提醒
性能优化-服务端渲染

性能是评判项目好坏标准之一,本周将带着大家进入性能优化环节,学习配置服务器端渲染思想及Nuxt.js使用,并对前面项目进行改造,让项目的性能更优。

课程安排:
  1. 了解SEO优化方法
  2. 前端性能优化思想
  3. 前端性能优化之服务端渲染
  4. Nuxt
  5. 改造前端项目的功能模块
阶段四: 前后端分离的后台管理系统(13-16周)
  • 第13周
  • 第14周
  • 第15周
  • 第16周
后台管理系统-发帖管理开发

本周开始进入后台管理系统开发,第一步:从需求分析、界面设计、接口设计、数据库设计,到发帖管理功能模块开发,及发帖管理接口对接,让项目开始具备完善的管理系统。

课程安排:
  1. 技术框架选型及UI框架选型
  2. 后端需求分析,接口设计,数据库设计
  3. iView-admin框架集成
  4. 解析项目架构,添加路由和菜单
  5. 定制开发登录入口,加入JWT鉴权机制
  6. Cookie及Session的使用方式
  7. 实战多语言场景:英文&简体中文
后台管理系统-文章与用户管理开发

本周进行后台管理系统开发第二步:从需求分析、接口与数据库设计,到文章与用户管理两大重要功能模块开发,与Node的后台进行接口对接,轻松实现文章和用户管理,系统功能进一步升级。

课程安排:
  1. 使用ShowDoc定义接口文档
  2. 使用DOClever开发测试接口
  3. 设计初步的数据结构,返回的数据类型及Mock数据
  4. 文章管理、角色管理界面的模态框、页面样式开发
  5. Node
后台管理系统—首页管理与日志服务开发

继续学习,后台管理系统开发第三步:完成后端管理平台的首页管理,对首页统计功能进行定制开发,并增加日志服务,对后台接口的调用增加日志管理,实现系统功能完善与监管。

课程安排:
  1. 用户权限设计
  2. 首页管理定制接口、数据库设计
  3. 实现日志服务的配置与定制化
  4. 后端首页的可视化解决方案
  5. 图表设计及数据接口开发
前后端联调必备通用技能

只停留在开发还远远不够,如何进行前后端联调,并正常运行很重要。本周学习前后端联调及细节优化,定制Jenkins任务及配置前后端自动化任务。并学习移动端应用开发的痛点问题及开发基础。

课程安排:
  1. 掌握前后端联调技能
  2. Jenkins配置前后端项目的自动化
  3. 项目运行维护阶段的注意事项
  4. 版本控制及迭代升级流程
  5. WebApp原型设计及工具使用
  6. WebApp开发基础:布局、适配、性能优化等
  7. WebApp开发的常见问题
阶段五: 流行的WebApp与小程序开发(17-24周)
  • 第17周
  • 第18周
  • 第19周
  • 第20周
  • 第21周
  • 第22周
  • 第23周
  • 第24周
WebApp页面设计与开发。

随着终端设备的发展,在移动端浏览Web已成主流。本周继续进行WebApp功能模块开发:登录页面、首页及个人中心开发,学习了解消息机制,移动端消息开发。

课程安排:
  1. 原型工具页面设计
  2. 移动端如何进行适配
  3. 开发登录、注册、密码找回页面
  4. 首页、个人中心开发
  5. 发帖、消息页面开发
WebApp前后端联调。

WebApp页面开发只是第一步,如何和后端对接,掌握从后台管理到前端展现的整体解决方案,提升技能和解决实际问题的能力更为重要。

课程安排:
  1. 与后端接口进行对接
  2. 上拉加载、下拉刷新的开发技巧
  3. 消息功能设计技巧
  4. WebSocket服务搭建及使用
  5. 个人中心对接功能实战
小程序基础

本周介绍小程序的开发适用场景,实操小程序的注册流程,掌握开发中的注意事项、学习小程序原生框架基本用法,快应用开发框架的使用,并且能够独立调试开发小程序。

课程安排:
  1. 了解小程序注册流程
  2. 了解小程序注册方式及注册主体
  3. 了解跨端框架适用场景及开发工作流
  4. 掌握小程序开发环境配置
  5. 掌握小程序本地化调试办法
  6. 掌握快应用场景:mpvue/wepy基础
小程序进阶

学习如何配置小程序、小程序的生命周期,以及如何使用第三方的组件库,提升小程序的应用能力。

课程安排:
  1. 掌握小程序面板配置,如何配置app
  2. 了解小程序的生命周期
  3. 多页面下的开发工作流及目录结构
  4. 使用npm第三方依赖包
  5. 常见的API接口(HTTP请求、缓存)
  6. 上拉加载、下拉刷新如何使用及使用场景
小程序-首页、登录、菜单定制开发

小程序开发实战第一部分,学习首页的列表开发、菜单定制的开发、微信接口及数据库的设计。

课程安排:
  1. 了解wepy/mpvue框架基础
  2. 了解小程序工程化项目
  3. 掌握小程序常用组件(轮播、卡片、导航)
  4. 掌握小程序后台管理界面和设置
  5. 掌握开发基础及版本管理
  6. 前后端接口对接HTTPS设置
  7. 业务模块的开发:首页、菜单、登录
小程序-详情、编辑与发帖、个人中心开发

小程序开发实战第二部分,学习个人中心、详情页面、编辑发帖等业务模块的功能开发,以及如何与后台接口进行对接,完成页面的整体功能调试。

课程安排:
  1. 小程序页面设计思想
  2. 小程序自定义组件
  3. WebSocket服务搭建
  4. 消息功能的接口设计
  5. 掌握消息机制
  6. 详情、个人中心模块开发
  7. 编辑与发帖模块开发
项目部署与运维

介绍云服务器、域名及HTTPS服务、项目运维及Linux相关自启脚本介绍、项目更新及日志处理、如何发送报警通知及应急策略的制定。

课程安排:
  1. 如何进行服务器监控、服务器日志及报警
  2. 理解域名服务及HTTPS
  3. 了解购买云服务器及管理
  4. 能编写基本的运维脚本
  5. 能项目运行维护/更新终止
  6. 了解项目总结及资源回收
  7. 如何进行项目重构
全面汇总与未来展望

课程整体重要知识点回顾,全周期流程回顾,以及未来技术展望,如TypeScript进行项目重构与vue3.x进行兼容对接;混合应用框架;跨端应用框架;桌面应用Electron等,做好未来发展指引。

课程安排:
  1. 重点知识回顾
  2. 开发流程回顾
  3. 趋势技术的介绍与指引
  4. 面试中的技巧总结 
课程按周开放更新,学习有节奏!
Brian
全栈大牛,创业者
讲师介绍

国内一线互联网公司从业经历,超过10年的前后端开发经验。负责过多个领域的全栈项目开发,纵跨直播平台、新媒体管理系统等多个行业领域,对于微服务框架、服务治理等技术颇有研究,自创多种优化流程。用10个月时间打磨出本课程,愿帮助更多前端同仁把握时机完成能力与待遇的双重进阶。

慕课成熟的课程服务体系,让学习效果更有保障

1600万真实用户的共同选择,已被验证有效的科学学习方式

  • 直播互动

    品质直播话题,与讲师面对面实时互
    动,开拓视野

  • 社群讨论

    和大牛、同行共处同一社群,切磋
    与碰撞,成长更迅速

  • 随堂练习

    基础知识随堂练习,即学即测,充分
    掌握巩固,效果立现

  • 提升作业

    知识点融会贯通综合应用,技能掌握
    举一反三更牢靠

  • 有问必答

    提供课程相关疑问提问入口
    详细答疑,扫清学习障碍

  • 源码开放

    全套上线标准的项目代码免费赠送
    并且长期迭代维护

  • 独家资料

    超实用的思维导图,文档资料覆盖核
    心知识、关键技能,方便回溯与拓展

  • 实用教材

    高保真项目原型图免费赠送,方便随
    课实操练手

紧跟技术发展,课程将提供vue3.0 版本迭代

  • 此外,你还可以享有面试指导福利

    老师将与学员直播互动,
    直击面试难点、痛点、盲点,详解求职技巧
    每一分努力,都能收获理想的回报

  • 课程适合人群

    有扎实的JavaScript(ES6)/HTML/CSS前端功底
    有Node.js、Vue基础,并开发过Demo项目
    有自学能力、懂得运用互联网工具解决开发问题
    不少于1年的web前端开发经验

常见问题
意见反馈 邀请有奖 帮助中心 APP下载
官方微信