请选择 进入手机版 | 继续访问电脑版
游客您好
第三方账号登陆
  • 点击联系客服

    在线时间:8:00-23:00

    客服QQ

    QQ:169403068

    电子邮件

    169403068@qq.com

大前端:前端全栈加强版!前端全栈+全周期+多端(升级Vue3.0)

[复制链接] 38
回复
406
查看

4229

主题

4233

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
13665
WX20200601-001738@2x.png


目前更新至阶段三

课程介绍:
比前端全栈更上一层,专为实际开发经验1年以上的前端工程师设计,高效全能架构前端。

课程目录:
第一阶段:开启大前端之门(1-4周)
第1周   认识大前端,开启无限可能
万丈高楼平地起。开课第一周,我们将以轻松幽默的方式,从实际工作中的开发痛点出发,以项目全生命周期为主线,对全栈有全局的认识。从整体项目分析开始,培养您的项目架构思维。
课程安排:
1.     了解大前端知识体系,让您有全局的认知
2.     理解大前端的定义,让您不再迷茫。
3.     项目规划及DevOps流程
4.     分析实际工作中遇到的痛点以及解决办法
5.     掌握需求分析的要点及工具(墨刀/Axure)
6.     从原型设计、接口设计到技术栈的宏观项目架构思维。

第2周   企业标准的开发环境搭建
工欲善其事,必先利其器。学习最火的Docker容器技术,快速搭建测试环境。深入讲解前端必会的Mock接口与工具,并专门设计了调试技巧&真机调试讲解,与实际工作开发完美契合。
课程安排:
1.     虚拟机搭建与使用
2.     Linux开发环境及常见命令使用
3.     容器技术Docker以及安装及使用
4.     Node及npm命令的使用
5.     搭建DOClever接口测试平台
6.     前后端分离开发--RESTful接口及Mock数据
7.     常见IDE使用及VSCode的调试配置及默认设置
8.     三类真机调试技巧

第3周   必会的前端工程化工具
效率是检验工程师的重要指标之一,如何提高开发效率,从前端工程化工具着手。本周学习实际工作中两大利器Webpack与Gulp,并使用Yeoman搭建自己的脚手架工具,让自己和团队的开发效率翻倍。
课程安排:
1.     了解工程化工具的使用场景及具体应用
2.     理解Webpack的核心概念,配置Webpack
3.     掌握Webpack中的Plugin及Loader的使用
4.     了解Gulp的核心概念,学习配置Gulp基础任务
5.     配置Yeoman脚手架工程项目
6.     创建自己的脚手架工具

第4周   深入理解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周   前端框架分类及选型
是否还在为选择使用什么框架而苦恼?是否还在为学习哪个前端框架而纠结?本周将给您满意的答案,有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配置

第6周   团队协作-文档与版本管理
项目开发过程中,少不了团队协作,那团队协作有哪些可以提升效率?团队协作第一弹:从文档管理、版本控制开始,我们了解Git flow和文档的管理办法,搭建团队的文档管理工具,提升工作效率。
课程安排:
1.     Markdown语法及进阶图表使用
2.     ShowDoc进行云笔记及文档管理
3.     搭建自己团队的接口管理平台
4.     学会使用hexo+github搭建自己的博客
5.     掌握Git基础命令
6.     从零配置github到SSH秘钥克隆仓库
7.     Git Flow及管理版本控制
8.     使用Docker快速搭建gitlab平台
9.     gitlab平台管理,用户权限控制

第7周   团队协作-缺陷控制与自动化流程
项目质量决定了项目的命运,如何做好缺陷控制,是每个团队非常头疼的问题。本周学习团队协作第二弹:缺陷控制及前端自动化流程,使用容器技术配置自动化/持续集成环境,进一步提升团队效率。
课程安排:
1.     了解缺陷控制方法
2.     掌握缺陷控制工具及使用
3.     了解质量管理工作流
4.     理解自动化/持续集成流程,升华DevOps理解
5.     学习搭建、配置Jenkins服务
6.     掌握Jenkins中的权限控制,并与gitlab进行集成
7.     学习Jenkins的权限控制与插件管理系统

第8周   团队协作-配置前后端自动化任务。
Docker仓库的进阶使用,搭建私有Docker仓库,并配置Jenkins的前后端自动化流程,感受自动化构建的魅力。
课程安排:
1.     掌握容器技术Docker进阶使用
2.     快速搭建Jenkins平台
3.     私有化容器平台Harbor搭建及使用
4.     运用Jenkins任务配置,自动化流程
5.     自定义Shell脚本
6.     配合Jenkins效率构建,完成发布、构建等工作

第三阶段:打通全栈开发技能(9-12周)
第9周   NoSQL数据库的设计与集成(MongoDB/Redis)
本周带您解开数据之谜,学习NoSQL数据库与数据库设计原则。让您带着设计思维去设计项目数据库,搞定Redis服务搭建与集成,完成具备鉴权功能的登录页面后端开发,综合应用Koa中间件。
课程安排:
1.     了解NoSQL数据库分类及选型
2.     掌握数据库设计原则
3.     掌握从功能到数据库的基本设计
4.     常见MongoDB及Redis与nodejs集成
5.     使用Docker快速搭建MongoDB及Redis开发测试环境
6.     登录鉴权机制及koa进阶
7.     JWT方式鉴权接口开发

第10周   全栈开发-首页与发帖模块开发
本周综合前面的知识进行实战,从前端到数据库、接口设计再到组件拆分,最后核心功能实现,进一步加深Vue-router、Vuex进阶应用,实现前&后端全栈页面开发。
课程安排:
1.     掌握首页数据库设计、接口设计、文档更新
2.     首页列表、筛选、排序功能开发
3.     首页侧栏开发:统计、签到、周热议
4.     发帖编辑器自定义开发
5.     图片上传功能
6.     发帖功能:插入链接|图片、引用|代码样式、预览
7.     MongDB多表联合查询及统计SQL
8.     发贴权限效验

第11周   全栈开发-用户中心模块
继续进行核心模块开发,本周将会开发PC用户中心模块,从数据库与接口设计,到消息中心、我的主页、帖子、收藏、用户信息等功能开发,用实战去检验学习效果。
课程安排:
1.     设计中心路由及页面跳转
2.     头像上传、密码修改、邮箱激活
3.     实战“我”发表的帖子列表
4.     收藏功能开发;收藏的帖子列表
5.     签到功能开发;会员信息、快捷链接
6.     搭建WebSocket服务,实时显示用户消息提醒

第12周   性能优化-服务端渲染
性能是评判项目好坏标准之一,本周将带着大家进入性能优化环节,学习配置服务器端渲染思想及Nuxt.js使用,并对前面项目进行改造,让项目的性能更优。
课程安排:
1.     了解SEO优化方法
2.     前端性能优化思想
3.     前端性能优化之服务端渲染
4.     Nuxt
5.     改造前端项目的功能模块

第四阶段:前后端分离的后台管理系统(13-16周)
第13周   后台管理系统-发帖管理开发
本周开始进入后台管理系统开发,第一步:从需求分析、界面设计、接口设计、数据库设计,到发帖管理功能模块开发,及发帖管理接口对接,让项目开始具备完善的管理系统。
课程安排:
1.     技术框架选型及UI框架选型
2.     后端需求分析,接口设计,数据库设计
3.     iView-admin框架集成
4.     解析项目架构,添加路由和菜单
5.     定制开发登录入口,加入JWT鉴权机制
6.     Cookie及Session的使用方式
7.     实战多语言场景:英文&简体中文

第14周   后台管理系统-文章与用户管理开发
本周进行后台管理系统开发第二步:从需求分析、接口与数据库设计,到文章与用户管理两大重要功能模块开发,与Node的后台进行接口对接,轻松实现文章和用户管理,系统功能进一步升级。
课程安排:
1.     使用ShowDoc定义接口文档
2.     使用DOClever开发测试接口
3.     设计初步的数据结构,返回的数据类型及Mock数据
4.     文章管理、角色管理界面的模态框、页面样式开发
5.     Node

第15周   后台管理系统—首页管理与日志服务开发
继续学习,后台管理系统开发第三步:完成后端管理平台的首页管理,对首页统计功能进行定制开发,并增加日志服务,对后台接口的调用增加日志管理,实现系统功能完善与监管。
课程安排:
1.     用户权限设计
2.     首页管理定制接口、数据库设计
3.     实现日志服务的配置与定制化
4.     后端首页的可视化解决方案
5.     图表设计及数据接口开发

第16周   前后端联调必备通用技能
只停留在开发还远远不够,如何进行前后端联调,并正常运行很重要。本周学习前后端联调及细节优化,定制Jenkins任务及配置前后端自动化任务。并学习移动端应用开发的痛点问题及开发基础。
课程安排:
1.     掌握前后端联调技能
2.     Jenkins配置前后端项目的自动化
3.     项目运行维护阶段的注意事项
4.     版本控制及迭代升级流程
5.     WebApp原型设计及工具使用
6.     WebApp开发基础:布局、适配、性能优化等
7.     WebApp开发的常见问题

第五阶段:流行的WebApp与小程序开发(17-24周)
第17周   WebApp页面设计与开发。
随着终端设备的发展,在移动端浏览Web已成主流。本周继续进行WebApp功能模块开发:登录页面、首页及个人中心开发,学习了解消息机制,移动端消息开发。
课程安排:
1.     原型工具页面设计
2.     移动端如何进行适配
3.     开发登录、注册、密码找回页面
4.     首页、个人中心开发
5.     发帖、消息页面开发

第18周   WebApp前后端联调。
WebApp页面开发只是第一步,如何和后端对接,掌握从后台管理到前端展现的整体解决方案,提升技能和解决实际问题的能力更为重要。
课程安排:
1.     与后端接口进行对接
2.     上拉加载、下拉刷新的开发技巧
3.     消息功能设计技巧
4.     WebSocket服务搭建及使用
5.     个人中心对接功能实战

第19周   小程序基础
本周介绍小程序的开发适用场景,实操小程序的注册流程,掌握开发中的注意事项、学习小程序原生框架基本用法,快应用开发框架的使用,并且能够独立调试开发小程序。
课程安排:
1.     了解小程序注册流程
2.     了解小程序注册方式及注册主体
3.     了解跨端框架适用场景及开发工作流
4.     掌握小程序开发环境配置
5.     掌握小程序本地化调试办法
6.     掌握快应用场景:mpvue/wepy基础

第20周   小程序进阶
学习如何配置小程序、小程序的生命周期,以及如何使用第三方的组件库,提升小程序的应用能力。
课程安排:
1.     掌握小程序面板配置,如何配置app
2.     了解小程序的生命周期
3.     多页面下的开发工作流及目录结构
4.     使用npm第三方依赖包
5.     常见的API接口(HTTP请求、缓存)
6.     上拉加载、下拉刷新如何使用及使用场景

第21周   小程序-首页、登录、菜单定制开发
小程序开发实战第一部分,学习首页的列表开发、菜单定制的开发、微信接口及数据库的设计。
课程安排:
1.     了解wepy/mpvue框架基础
2.     了解小程序工程化项目
3.     掌握小程序常用组件(轮播、卡片、导航)
4.     掌握小程序后台管理界面和设置
5.     掌握开发基础及版本管理
6.     前后端接口对接HTTPS设置
7.     业务模块的开发:首页、菜单、登录

第22周   小程序-详情、编辑与发帖、个人中心开发
小程序开发实战第二部分,学习个人中心、详情页面、编辑发帖等业务模块的功能开发,以及如何与后台接口进行对接,完成页面的整体功能调试。
课程安排:
1.     小程序页面设计思想
2.     小程序自定义组件
3.     WebSocket服务搭建
4.     消息功能的接口设计
5.     掌握消息机制
6.     详情、个人中心模块开发
7.     编辑与发帖模块开发

第23周   项目部署与运维
介绍云服务器、域名及HTTPS服务、项目运维及Linux相关自启脚本介绍、项目更新及日志处理、如何发送报警通知及应急策略的制定。
课程安排:
1.     如何进行服务器监控、服务器日志及报警
2.     理解域名服务及HTTPS
3.     了解购买云服务器及管理
4.     能编写基本的运维脚本
5.     能项目运行维护/更新终止
6.     了解项目总结及资源回收
7.     如何进行项目重构

第24周   全面汇总与未来展望
课程整体重要知识点回顾,全周期流程回顾,以及未来技术展望,如TypeScript进行项目重构与vue3.x进行兼容对接;混合应用框架;跨端应用框架;桌面应用Electron等,做好未来发展指引。
课程安排:
1.     重点知识回顾
2.     开发流程回顾
3.     趋势技术的介绍与指引
4.     面试中的技巧总结

游客,如果您要查看本帖隐藏内容请回复


回复

使用道具 举报

1

主题

46

帖子

175

积分

终身会员

积分
175
RE: 大前端:前端全栈加强版!前端全栈+全周期+多端(升级Vue3.0) [修改]
回复 支持 反对

使用道具 举报

1

主题

8

帖子

87

积分

终身会员

积分
87
666666666666666666666
回复 支持 反对

使用道具 举报

2

主题

8

帖子

612

积分

终身会员

积分
612
太强了吧
回复

使用道具 举报

1

主题

6

帖子

69

积分

终身会员

积分
69
支持,顶起来
回复 支持 反对

使用道具 举报

2

主题

17

帖子

54

积分

终身会员

积分
54
回复

使用道具 举报

1

主题

13

帖子

77

积分

终身会员

积分
77
1111111111111111111
回复 支持 反对

使用道具 举报

0

主题

7

帖子

22

积分

终身会员

积分
22
x'x'x'x'x'x'x'x'x'x'x'x'x'x'x'x'x'x'xxxxxxxxxxxxxxxxxxxx
回复 支持 反对

使用道具 举报

1

主题

22

帖子

663

积分

终身会员

积分
663
这个有点厉害!
回复 支持 反对

使用道具 举报

1

主题

7

帖子

31

积分

终身会员

积分
31
666666666666
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注我们
  • 官方微信公众号
  • APP应用下载
客服咨询
  • 400-123-4567(工作日:9:00-16:00)
  • enquire@neoconex.com

所有资源均是网上搜集或网友上传提供,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担。如有侵犯您的版权,请及时发邮件联系我们

Powered by Discuz! X3.2 © 2001-2013 Comsenz Inc. 星点互联设计  |网站地图