课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

第1周: 开启大前端的大门

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

    第1课

    认识大前端,开启无限可能

    万丈高楼平地起。开课第一周,我们将从实际工作中的开发痛点出发,以项目全生命周期为主线,对全栈有全局的认识,培养您的项目架构思维。介绍UI和JS框架对比与选型,Node进阶、RESTful接口等。

    第2课

    全栈开发初体验

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

    第3课

    企业标准的开发环境搭建

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

    第4课

    必会的前端工程化工具

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

    第5课

    NoSQL数据库的设计与集成

    本周带您解开数据之谜,学习NoSQL数据库与数据库设计原则,让您带着设计思维去设计项目数据库。掌握Redis安装、常用CLI命令,搞定Redis服务搭建与Nodejs集成

    第6课

    JWT登录鉴权—通用登录模块后端开发

    本周解读鉴权、加密/算法、HTTPS等核心概念,实践JWT方式进行登录鉴权接口设计。从前到后,涵盖输入校验、Axios请求封装、统一错误处理、jwt功能集成及数据安全性策略的分析等知识。

    第7课

    深入理解Vue2框架知识(选修)

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

第2周: 抓住团队协作的密码

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

    第1课

    团队协作-文档管理与缺陷控制

    项目开发过程中,少不了团队协作,哪些可以提升效率?文档管理:介绍工作中必知必会的(项目+需求+接口)文档的管理办法,搭建团队的文档管理工具;介绍缺陷控制流程与工具的应用,ESLint配置深入讲解。

    第2课

    团队协作-版本管理

    本周介绍版本控制工具,比较SVN与git的优缺点,深入Git的应用场景,结合场景学习Git命令,同时了解Git flow和devOps流程,协助同学们在自己的团队中部署Git平台,提升工作效率。

    第3课

    团队协作-自动化流程

    本周学习团队协作最重要的部分:前端自动化流程,使用容器技术配置自动化/持续集成环境,部署Jenkins平台,结合gitlab完成完整的CI/CD落地实践,让开发者能更专注于业务,进一步提升团队效率。

第3周: 打通全栈开发技能

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

    第1课

    全栈开发—首页模块

    从数据库、接口设计到组件拆分,再到首页核心功能实现,提高对前置流程理解与工具使用的熟练度。本周通过原型图到实现首页交互(复杂筛选)及接口,综合运用前置知识,学习项目开发的实战内容。

    第2课

    全栈开发—用户中心

    开发个人中心核心业务,丰富的Vue-router、Vuex进阶应用和自定义组件,完成周榜、签到榜、热评榜的功能,实现签到积分系统,完善个人中心设置。

    第3课

    全栈开发—发贴/回帖模块

    继续开发发帖/回帖核心业务之后,形成PC端社区业务闭环,配置自动化流程,完成PC端项目自动化部署。进一步巩固前置技能,综合应用效率平台与工具,完成开发与测试,培养技术栈综合应用能力。

    第4课

    消息中间件开发(WebSocket通信)

    websocket是长连接的最优解决方案,升级全解析:ws分组消息、断线重连、心跳检测、离线消息缓存、历史消息,开发通用消息中间件。

    第5课

    性能优化--服务端渲染

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

第4周: 前后端分离的后台管理系统

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

    第1课

    组件化思想进阶:iview上手文章管理

    本周进入到后台管理系统开发,从项目整体架构去考虑中后台应用的开发路径。学习iview-admin 框架工作原理,自定义表格组件,完成文章管理开发。

    第2课

    中后台权限系统:前端权限设计方案

    进入中后台系统开发中最重要环节:权限系统。介绍前端中(组件级、按钮级、路由级)三种权限控制解决方案,开发用户管理页面,定制动态搜索组件,深入学习iview基础组件:Table、Form、Modal等。

    第3课

    中后台权限系统:基于角色&菜单权限设计

    本周将继续深入权限系统,开发包括菜单管理、角色管理以及后台权限管理API,开发nodejs中间件,实现基于角色的接口资源访问控制系统。加深前置知识的综合应用,从前到后,打通权限设计的全方位思维。

    第4课

    首页可视化图表与日志服务

    本周将完成后端管理平台的首页管理,对首页统计功能进行定制开发,并增加日志服务,对后台接口的调用增加日志管理,系统功能完善与监管。以及前后端联调及细节优化,定制Jenkins任务及配置前后端自动化任务。

第5周: 流行的WebApp与小程序开发

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

    第1课

    WebApp页面设计与开发

    随着终端设备的发展,在移动端浏览Web已成主流。本周进入WebApp项目开发,学习PC项目和WebAPP的差异,如何平移到移动端,从页面设计到登录、首页及个人中心开发。您也可以搞定移动项目开发。

    第2课

    WebApp前后端联调

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

    第3课

    小程序基础与进阶

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

    第4课

    小程序首页/菜单定制/登录开发

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

    第5课

    小程序详情面/个人中心开发

    小程序开发实战第二部分,学习个人中心模块、详情页面、编辑发贴功能开发,与后台接口进行对接,完成页面的功能调试。

    第6课

    小程序编辑与发贴开发

    小程序开发实战第三部分,学习编辑发贴功能开发,与后台接口进行对接,完成页面的整体功能调试。

    第7课

    项目部署、运维与展望

    介绍云服务器、域名及HTTPS服务,项目运维及Linux相关自启脚本介绍。项目更新及日志处理,如何发送报警通知及应急策略的制定。混合与跨端应用框架;桌面应用Electron等,做好未来发展指引 。

第6周: Vue3.0(正式版)+TypeScript重构项目

TypeScript开启了前端的新世界,提高代码质量,培养良好的编程习惯。结合Vue3新的特性——组合式API,实战前端项目的重构,融合新技术与业务,让技术与人“人剑合一”

    第1课

    Vue3带来的新特性

    本周重点介绍Vue3新的Composition API及生命周期的变化, Compiler的原理。从0到1改写常见的逻辑代码块,实现模块化功能代码,让同类型的逻辑进行复用,让代码的质量与可读性提升。

    第2课

    Vue3全家桶+Vite开发工具

    Vue框架生态也伴随新版本到来了,有哪些变化?让我们实战ToDoList经典项目。Vite作为Vue3的快速开发工具,结合更友好的Tree-Shaking 支持,给Vue项目开发带来了质的飞跃。

    第3课

    PC端项目Vue3首页重构

    本周开始进行项目实战,改造原PC端项目中不再推荐的mixin、filter等用法,并通过重构前端项目的首页内容,让大家真正上手Vue3,平滑的从vue2进行切换。

    第4课

    管理后台&WebApp代码重构

    本周从基于iview-admin开发的管理后台项目出发,带领大家一起重构第三方UI框架开发的项目,了解这类项目如何与Vue3进行集成,进阶Composition API的使用。

大前端.

报名人数已满
¥3290.00
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师