最新公告
  • 欢迎您光临就爱看资源站,各种优质it资源共享下载,精品资源,持续更新 咨询Q群 174856490
  • 文章介绍
  • 课程简介:

    系统培养大厂P7技术专家/中小厂前端Leader,6~8个月,让3年+前端完成质的飞跃

    这是一门专门培养前端架构师的高端课程,初级前端VS中高级前端VS前端架构师。

    课程目标:

    精通web前端技术体系
    精通服务端开发技术体系
    精通高扩展性、高复用性程序设计
    能抽象出领域通用的架构
    解决业务领域核心技术难题
    挖掘业务痛点,优化项目
    推动前端基础设施建设
    带领团队高效完成项目研发
    团队管理和建设

    课程大纲:

    ├──{1}--阶段一:课程设计及前端创建脚手架开发  
    |   ├──{1}--需求分析和架构设计:做什么,如何做?  
    |   ├──{2}--脚手架架构设计和框架搭建  
    |   ├──{3}--脚手架核心流程开发  
    |   ├──{4}--脚手架命令注册和执行过程开发  
    |   ├──{5}--脚手架创建项目流程设计和开发  
    |   └──{6}--脚手架项目和组件初始化开发  
    ├──{2}--阶段二:B端项目分析和设计,编辑器初步编码,业务组件库的搭建  
    |   ├──{1}--B端项目需求分析和架构设计  
    |   ├──{2}--前端基础技术回顾和巡礼  
    |   ├──{3}--项目整体搭建  
    |   ├──{4}--编辑器基本布局,及业务组件库初步开发  
    |   ├──{5}--掌握测试基本工具,给组件库添加单元测试  
    |   ├──{6}--通用上传组件开发以及使用  
    |   └──{7}--业务组件库打包、发布,添加CICD  
    ├──{3}--阶段三:从0搭建编辑器服务端  
    |   ├──{1}--后端技术选型以及基础知识巩固  
    |   ├──{2}--用户系统设计与实现  
    |   ├──{3}--文件上传(本地+OSS云服务)  
    |   └──{4}--部署以及CICD  
    ├──{4}--阶段四:完善B端所有功能,前后端结合和性能优化  
    |   ├──{1}--编辑器组件图层面板功能开发  
    |   ├──{2}--让元素动起来-编辑器画布交互功能开发  
    |   ├──{3}--前后端结合-编辑器整合后端接口  
    |   ├──{4}--整合开发B端其他页面的各种功能  
    |   └──{5}--大型项目的编译,部署以及性能优化  
    ├──{5}--阶段五:完善服务端,发布上线  
    |   ├──{1}--脚手架功能升级-上手大厂开发模式  
    |   ├──{2}--脚手架功能升级-代码复用能力开发  
    |   ├──{3}--前端监控平台之JS库开发  
    |   ├──{4}--前端监控平台之大数据开发  
    |   └──{5}--前端监控平台之数据可视化开发  
    ├──{6}--阶段六:前端发布脚手架开发  
    |   ├──{1}--脚手架发布模块架构设计和核心流程开发  
    |   ├──{2}--脚手架发布模块git自动化流程开发  
    |   ├──{3}--脚手架发布模块云构建系统开发  
    |   ├──{4}--脚手架发布模块云发布功能开发  
    |   ├──{5}--脚手架组件发布功能开发  
    |   ├──{6}--组件平台开发  
    |   └──{7}--项目单元测试用例设计和开发  
    └──{7}--阶段七:架构师领导力培养  
    |   └──第35周   大厂如何管理多人协作的研发项目

    详细目录:

    {1}–阶段一:课程设计及前端创建脚手架开发/
    ├──{1}–需求分析和架构设计:做什么,如何做?
    | ├──第1章 课程简介
    | ├──第2章 需求分析
    | └──第3章 前端研发流程
    ├──{2}–脚手架架构设计和框架搭建
    | ├──{1}–第1章本周介绍
    | ├──{2}–第2章脚手架开发入门
    | ├──{3}–第3章脚手架框架搭建
    | ├──{4}–第4章Lerna源码分析(加餐)
    | └──{5}–第5章本周总结+作业
    ├──{3}–脚手架核心流程开发
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章脚手架整体架构设计
    | ├──{3}–第3章脚手架模块拆分策略和core模块技术方案
    | ├──{4}–第4章脚手架执行准备过程实现
    | ├──{5}–第5章脚手架命令注册实现(基于cnmander)
    | ├──{6}–第6章Node项目如何支持ESModule【加餐】
    | └──{7}–第7章本周总结+作业
    ├──{4}–脚手架命令注册和执行过程开发
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章imooc-cli脚手架命令注册
    | ├──{3}–第3章高性能脚手架架构设计和缓存结构设计
    | ├──{4}–第4章通用npm模块类Package封装
    | ├──{5}–第5章预备知识:Node多进程开发入门
    | ├──{6}–第6章基于Node多进程构建高性能脚手架
    | ├──{7}–第7章加餐:Node进阶:child_process源码分析
    | └──{8}–第8章本周总结+作业
    ├──{5}–脚手架创建项目流程设计和开发
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章脚手架项目创建功能架构设计
    | ├──{3}–第3章项目基本信息获取功能开发(详解命令行交互)
    | ├──{4}–第4章预备知识:egg.js+云mongodb快速入门
    | ├──{5}–第5章项目模板开发+获取项目模板API开发
    | ├──{6}–第6章脚手架项目模板下载功能开发
    | ├──{7}–第7章本周加餐:inquirer源码解析:彻底搞懂命令行交互原理
    | └──{8}–第8章本周总结+作业
    └──{6}–脚手架项目和组件初始化开发
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章脚手架安装模板功能架构设计
    | ├──{3}–第3章脚手架模板安装核心实现:ejs库功能详解
    | ├──{4}–第4章脚手架项目模板安装功能开发
    | ├──{5}–第5章组件模板开发及脚手架组件初始化功能支持
    | ├──{6}–第6章脚手架自定义初始化项目模板功能开发
    | ├──{7}–第7章本周加餐:ejs库源码解析——彻底搞懂模板动态渲染原理
    | ├──{8}–第8章加餐:require源码解析,彻底搞懂npm模块加载原理
    | └──{9}–第9章本阶段总结+作业
    {2}–阶段二:B端项目分析和设计,编辑器初步编码,业务组件库的搭建/
    ├──{1}–B端项目需求分析和架构设计
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章B端项目需求分析和架构设计
    | ├──{3}–第3章难点解决方案和技术选型
    | └──{4}–第4章本周总结
    ├──{2}–前端基础技术回顾和巡礼
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章Typescript基础和进阶
    | └──{3}–第3章Vue3新特性的巡礼
    ├──{3}–项目整体搭建
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章前端脚手架简介
    | ├──{3}–第3章准备工作
    | ├──{4}–第4章全家桶之路由工具:vue-router
    | ├──{5}–第5章全家桶之状态管理工具:vuex
    | └──{6}–第6章本周总结
    ├──{4}–编辑器基本布局,及业务组件库初步开发
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章创建业务组件和编辑器基本行为
    | ├──{3}–第3章实现组件实时更新
    | ├──{4}–第4章改进字体下拉菜单
    | └──{5}–第5章本周总结
    ├──{5}–掌握测试基本工具,给组件库添加单元测试
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章测试简介以及Jest的使用
    | ├──{3}–第3章使用vue-test-utils测试组件
    | ├──{4}–第4章测试高级技巧
    | ├──{5}–第5章TDD开发方式
    | └──{6}–第6章本周总结
    ├──{6}–通用上传组件开发以及使用
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章需求和第一部分实现
    | ├──{3}–第3章TDD开发更多特性
    | ├──{4}–第4章上传组件,大功告成
    | ├──{5}–第5章更多思考和扩展知识
    | ├──{6}–第6章在编辑器中使用上传组件
    | └──{7}–第7章本周小结
    └──{7}–业务组件库打包、发布,添加CICD
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章Javascript模块以及打包工具简介
    | ├──{3}–第3章创建业务组件库代码
    | ├──{4}–第4章添加Rollup配置并完成打包
    | ├──{5}–第5章发布到NPM并使用travisCI完成CICD
    | └──{6}–第6章周总结
    {3}–阶段三:从0搭建编辑器服务端/
    ├──{1}–后端技术选型以及基础知识巩固
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章接口分析以及后端框架选型
    | ├──{3}–第3章egg.js基础知识
    | ├──{4}–第4章egg.js基础知识-中间件,配置,扩展
    | ├──{5}–第5章数据库选型以及mongoDB基本操作
    | ├──{6}–第6章nodejsMongoDB操作
    | ├──{7}–第7章MongoDB高级内容
    | ├──{8}–第8章添加mongoose以及egg.js插件原理
    | └──{9}–第9章周总结
    ├──{2}–用户系统设计与实现
    | ├──{1}–第1章导学
    | ├──{2}–第2章用户数据模型,创建接口以及验证功能开发
    | ├──{3}–第3章加密方式选型以及返回结果的特殊处理
    | ├──{4}–第4章使用egg-session实现用户验证
    | ├──{5}–第5章使用JWT完成用户验证
    | ├──{6}–第6章使用手机号登录完成用户创建以及验证功能
    | ├──{7}–第7章使用Oauth2协议完成用户创建以及验证功能
    | ├──{8}–第8章编写作品相关代码以及学习装饰器的使用
    | └──{9}–第9章总结
    ├──{3}–文件上传(本地+OSS云服务)
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章文件上传基本原理实现以及使用Sharp完成图片处理
    | ├──{3}–第3章学习并且使用Stream模式完成文件上传
    | ├──{4}–第4章用OSS完成文件上传及使用Busboy完成多文件上传
    | ├──{5}–第5章使用SSR的方式渲染H5页面
    | ├──{6}–第6章使用Webpack处理静态文件以及模版
    | ├──{7}–第7章RBAC的基本概念以及学习CASL的基础知识
    | ├──{8}–第8章CASL结合装饰器完成角色权限管理
    | └──{9}–第9章本周总结
    └──{4}–部署以及CICD
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章使用传统部署模式
    | ├──{3}–第3章Docker基础知识学习
    | ├──{4}–第4章使用Docker-cnpose管理多个服务
    | ├──{5}–第5章学习GithubActions的基础知识
    | ├──{6}–第6章GithubActions结合Docker自动部署
    | └──{7}–第7章周总结
    {4}–阶段四:完善B端所有功能,前后端结合和性能优化/
    ├──{1}–编辑器组件图层面板功能开发
    | ├──{1}–第1章周介绍
    | ├──{2}–第2章使用Cropper.js完成图像裁剪功能
    | ├──{3}–第3章完成图层列表初步功能的开发
    | ├──{4}–第4章图层拖动排序功能的开发
    | ├──{5}–第5章EditGroup属性分组组件开发
    | ├──{6}–第6章页面设置面板编码
    | └──{7}–第7章周总结
    ├──{2}–让元素动起来-编辑器画布交互功能开发
    | ├──{1}–第1章周介绍
    | ├──{2}–第2章拖动移动元素的实现
    | ├──{3}–第3章拖动改变元素大小的实现
    | ├──{4}–第4章快捷键操作的实现
    | ├──{5}–第5章撤销重做的实现
    | ├──{6}–第6章右键菜单的实现
    | └──{7}–第7章周总结
    ├──{3}–前后端结合-编辑器整合后端接口
    | ├──{1}–第1章周介绍
    | ├──{2}–第2章接口分析和简介
    | ├──{3}–第3章MockServer的使用以及个性化
    | ├──{4}–第4章登陆表单验证和登陆
    | ├──{5}–第5章全局通用状态添加以及权限验证
    | └──{6}–第6章编辑器数据获取以及保存作品
    ├──{4}–整合开发B端其他页面的各种功能
    | ├──{1}–第1章周介绍
    | ├──{2}–第2章使用HTML2Canvas完成编辑器画布截图
    | ├──{3}–第3章发布作品的开发流程
    | ├──{4}–第4章渠道的编辑以及二维码的操作
    | ├──{5}–第5章Clipboard.js完成拷贝文本到剪贴板及其原理
    | ├──{6}–第6章useLoadMore开发贯穿剩余页面的开发
    | ├──{7}–第7章前端下载文件的原理
    | └──{8}–第8章周总结
    └──{5}–大型项目的编译,部署以及性能优化
    | ├──{1}–第1章周介绍
    | ├──{2}–第2章使用VueCli编译生产环境代码以及创建不同模式
    | ├──{3}–第3章Webpack的基础回顾以及Loader和Plugin的原
    | ├──{4}–第4章修改Vue.config.js配置完成打包分析和优化
    | ├──{5}–第5章部署以及HTTP优化
    | └──{6}–第6章周总结
    {5}–阶段五:完善服务端,发布上线/
    ├──{1}–脚手架功能升级-上手大厂开发模式
    | ├──{1}–第1章周介绍
    | ├──{2}–第2章大厂代码复用最佳实践
    | ├──{3}–第3章脚手架add命令+页面模板选择功能开发
    | ├──{4}–第4章页面模板安装功能开发
    | ├──{5}–第5章页面模板ejs渲染+依赖合并功能开发
    | └──{6}–第6章本周总结+作业
    ├──{2}–脚手架功能升级-代码复用能力开发
    | ├──{1}–第1章周简介
    | ├──{2}–第2章代码复用能力介绍和功能开发
    | ├──{3}–第3章代码片段安装算法实现
    | ├──{4}–第4章代码片段工程模板升级
    | └──{5}–第5章代码复用能力增强
    ├──{3}–前端监控平台之JS库开发
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章前端监控快速入门和架构设计
    | ├──{3}–第3章前端JSSDK开发入门
    | ├──{4}–第4章前端监控JSSDK功能开发
    | ├──{5}–第5章前端监控曝光和点击日志上报功能开发
    | └──{6}–第6章本周总结+作业
    ├──{4}–前端监控平台之大数据开发
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章MaxCompute数据开发快速入门
    | ├──{3}–第3章MaxCompute监控日志表创建和上报API开发
    | └──{4}–第4章MaxCompute监控API开发
    └──{5}–前端监控平台之数据可视化开发
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章监控数据可视化架构设计和优化方案
    | ├──{3}–第3章流量指标分析和计算公式
    | ├──{4}–第4章前端监控SDK和数据仓库改造
    | ├──{5}–第5章深入前端性能监控技术
    | └──{6}–第6章指标运算和数据回流
    {6}–阶段六:前端发布脚手架开发/
    ├──{1}–脚手架发布模块架构设计和核心流程开发
    | ├──{1}–第1章周介绍
    | ├──{2}–第2章项目发布流程架构设计
    | ├──{3}–第3章imooc-cli脚手架gitflow自动化架构设计
    | ├──{4}–第4章imooc-cli脚手架云构建+云发布架构设计
    | ├──{5}–第5章imooc-cli脚手架publish模块开发
    | ├──{6}–第6章本周加餐:前端路由模式原理和vue-router源码讲解
    | └──{7}–第7章本周总结+作业
    ├──{2}–脚手架发布模块git自动化流程开发
    | ├──{1}–第1章本章导学
    | ├──{2}–第2章GitFlow模块架构设计
    | ├──{3}–第3章Github&GiteeAPI接入
    | ├──{4}–第4章GitFlow初始化流程开发
    | ├──{5}–第5章GitFlow本地仓库自动提交
    | ├──{6}–第6章本周加餐:Node编码最佳实践
    | └──{7}–第7章周总结
    ├──{3}–脚手架发布模块云构建系统开发
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章云架构模块架构设计
    | ├──{3}–第3章WebSocket快速入门
    | ├──{4}–第4章Redis快速入门
    | ├──{5}–第5章云构建初始化流程开发
    | ├──{6}–第6章云构建执行流程开发
    | └──{7}–第7章周总结
    ├──{4}–脚手架发布模块云发布功能开发
    | ├──{1}–第1章第一章本周导学
    | ├──{2}–第2章云发布模块架构设计
    | ├──{3}–第3章云发布功能开发
    | ├──{4}–第4章云发布流程完善
    | ├──{5}–第5章本周加餐:node常用三方库介绍
    | └──{6}–第6章本周总结+作业
    ├──{5}–脚手架组件发布功能开发
    | ├──{1}–第1章周介绍
    | ├──{2}–第2章大厂物料体系介绍和前端组件平台架构设计
    | ├──{3}–第3章脚手架组件创建和预览项目开发
    | ├──{4}–第4章脚手架组件发布流程开发
    | └──{5}–第5章本周总结+作业
    ├──{6}–组件平台开发
    | ├──{1}–第1章本周导学
    | ├──{2}–第2章组件平台架构设计和技术选型
    | ├──{3}–第3章组件平台基础功能开发
    | ├──{4}–第4章组件平台组件列表页面开发
    | └──{5}–第5章组件平台组件详情页面开发
    └──{7}–项目单元测试用例设计和开发
    | ├──{1}–第1章周介绍
    | ├──{2}–第2章Mocha框架快速入门
    | ├──{3}–第3章Package类用例设计和开发
    | ├──{4}–第4章Git类用例设计和开发
    | └──{5}–第5章其他工具类和函数测试开发
    {7}–阶段七:架构师领导力培养/
    └──第35周 大厂如何管理多人协作的研发项目
    | ├──1-1 .mp4 45.00M
    | ├──2 -2 .mp4 76.16M
    | ├──2-1.mp4 79.81M
    | ├──2-3.mp4 95.85M
    | ├──2-4.mp4 74.89M
    | ├──2-5.mp4 57.54M
    | ├──2-6.mp4 89.91M
    | ├──2-7.mp4 90.08M
    | ├──2-8.mp4 94.02M
    | ├──2-9.mp4 80.02M
    | ├──3-1.mp4 16.59M
    | ├──3-2.mp4 21.83M
    | ├──3-3.mp4 113.73M
    | ├──3-4.mp4 97.74M
    | ├──3-5.mp4 91.28M
    | ├──3-6.mp4 52.27M
    | └──3-7.mp4 78.28M
    {2}–资料/课程资料/
    ├──admin-fe-branchs-master.zip 171.31kb
    ├──biz-editor-server-branchs-master.zip 1010.78kb
    ├──cli-test-master.zip 11.87kb
    ├──event-analytics-server-branchs-master.zip 302.00kb
    ├──h5-server-branchs-master.zip 326.41kb
    ├──imooc-cli-dev-master.zip 226.98kb
    ├──imooc-cli-dev-server-master.zip 21.07kb
    ├──imooc-cli-dev-template-master.zip 1.65M
    ├──imooc-cli-master.zip 173.66kb
    ├──imooc-cli-server-master.zip 19.08kb
    ├──imooc-cli-template-master.zip 620.33kb
    ├──imooc-monitor-master.zip 82.92kb
    ├──learn-mongo-master.zip 13.14kb
    ├──lego-backend-master.zip 208.91kb
    ├──lego-bricks-master.zip 124.73kb
    ├──lego-master.zip 328.37kb
    ├──typescript-basic-master.zip 8.05kb
    ├──umi-cnponent-dev-master.zip 14.37kb
    ├──vue3-basic-master.zip 115.56kb
    └──资料目录.png 164.12kb

    就爱看资源站是一个优秀的资源整合平台,海量资料共享学习
    就爱看 » 体系课-Web前端架构师2023 完结

    常见问题FAQ

    视频课程的格式是什么
    视频不加密,网盘在线学习,课程免费更新,持续更新
    怎么发货?
    自动发货,提供百度云链接和提取码【如失效点击网站右侧联系客服】】
    有些资源没更新完结怎么办
    本站资源包更新至完结,后续可以点击链接获取
    有问题不懂想咨询怎么办
    咨询邮箱:2582178968@qq.com Q群:790861894
    • 303会员总数(位)
    • 1922资源总数(个)
    • 20本周发布(个)
    • 0 今日发布(个)
    • 1565稳定运行(天)

    提供最优质的资源集合

    加入我们
    升级SVIP尊享更多特权立即升级