之前买过旧版的可以半价升级
Web前端架构师2024版视频教程,由优库it资源网整理发布2024完整版。本课为中级前端工程师量身定制的能力提升课,快速跻身高阶段位!8大维度 完成前端工程师到架构师的蜕变,系统培养大厂P7技术专家/中小厂前端Leader,6~8个月,让3年+前端完成质的飞跃。价值百万的商用级产品架构,业务实现+开发提效双线并进,数据埋点/运营管理/作品管理后台等业务需求 + 组件库/组件平台/脚手架等开发需求,课程涵盖“Web前端架构师”应会 / 必会技术栈,干货十足。
前端高级工程师(大前端)
小滴课堂 全栈-商业级大型前端项目大课-小滴云在线教育平台
杨村长-前端架构师-大厂直通车
.
├──阶段一:课程设计及前端创建脚手架开发/
│ ├──第1周 需求分析和架构设计:做什么,如何做?/
│ │ ├──第1章课程简介/
│ │ ├──第2章需求分析/
│ │ ├──第3章前端研发流程/
│ │ └──附件/
│ ├──第2周 脚手架架构设计和框架搭建/
│ │ ├──第1章本周介绍/
│ │ ├──第2章脚手架开发入门/
│ │ ├──第3章脚手架框架搭建/
│ │ ├──第4章Lerna源码分析(加餐)/
│ │ └──第5章本周总结+作业/
│ ├──第3周 脚手架核心流程开发/
│ │ ├──第1章本周导学/
│ │ ├──第2章脚手架整体架构设计/
│ │ ├──第3章脚手架模块拆分策略和core模块技术方案/
│ │ ├──第4章脚手架执行准备过程实现/
│ │ ├──第5章脚手架命令注册实现(基于commander)/
│ │ ├──第6章Node项目如何支持ESModule【加餐】/
│ │ └──第7章本周总结+作业/
│ ├──第4周 脚手架命令注册和执行过程开发/
│ │ ├──第1章本周导学/
│ │ ├──第2章imooc-cli脚手架命令注册/
│ │ ├──第3章高性能脚手架架构设计和缓存结构设计/
│ │ ├──第4章通用npm模块类Package封装/
│ │ ├──第5章预备知识:Node多进程开发入门/
│ │ ├──第6章基于Node多进程构建高性能脚手架/
│ │ ├──第7章加餐:Node进阶:child_process源码分析/
│ │ └──第8章本周总结+作业/
│ ├──第5周 脚手架创建项目流程设计和开发/
│ │ ├──第1章本周导学/
│ │ ├──第2章脚手架项目创建功能架构设计/
│ │ ├──第3章项目基本信息获取功能开发(详解命令行交互)/
│ │ ├──第4章预备知识:egg.js+云mongodb快速入门/
│ │ ├──第5章项目模板开发+获取项目模板API开发/
│ │ ├──第6章脚手架项目模板下载功能开发/
│ │ ├──第7章本周加餐:inquirer源码解析:彻底搞懂命令行交互原理/
│ │ └──第8章本周总结+作业/
│ └──第6周 脚手架项目和组件初始化开发/
│ ├──第1章本周导学/
│ ├──第2章脚手架安装模板功能架构设计/
│ ├──第3章脚手架模板安装核心实现:ejs库功能详解/
│ ├──第4章脚手架项目模板安装功能开发/
│ ├──第5章组件模板开发及脚手架组件初始化功能支持/
│ ├──第6章脚手架自定义初始化项目模板功能开发/
│ ├──第7章本周加餐:ejs库源码解析——彻底搞懂模板动态渲染原理/
│ ├──第8章加餐:require源码解析,彻底搞懂npm模块加载原理/
│ └──第9章本阶段总结+作业/
├──阶段二:B端项目分析和设计,编辑器初步编码,业务组件库的搭建/
│ ├──第10周 编辑器基本布局,及业务组件库初步开发/
│ │ ├──第1章本周导学/
│ │ ├──第2章创建业务组件和编辑器基本行为/
│ │ ├──第3章实现组件实时更新/
│ │ ├──第4章改进字体下拉菜单/
│ │ └──第5章本周总结/
│ ├──第11周 掌握测试基本工具,给组件库添加单元测试/
│ │ ├──第1章本周导学/
│ │ ├──第2章测试简介以及Jest的使用/
│ │ ├──第3章使用vue-test-utils测试组件/
│ │ ├──第4章测试高级技巧/
│ │ ├──第5章TDD开发方式/
│ │ └──第6章本周总结/
│ ├──第12周 通用上传组件开发以及使用/
│ │ ├──第1章本周导学/
│ │ ├──第2章需求和第一部分实现/
│ │ ├──第3章TDD开发更多特性/
│ │ ├──第4章上传组件,大功告成/
│ │ ├──第5章更多思考和扩展知识/
│ │ ├──第6章在编辑器中使用上传组件/
│ │ └──第7章本周小结/
│ ├──第13周 业务组件库打包、发布,添加CICD/
│ │ ├──第1章本周导学/
│ │ ├──第2章Javascript模块以及打包工具简介/
│ │ ├──第3章创建业务组件库代码/
│ │ ├──第4章添加Rollup配置并完成打包/
│ │ ├──第5章发布到NPM并使用travisCI完成CICD/
│ │ └──第6章周总结/
│ ├──第7周 B端项目需求分析和架构设计/
│ │ ├──第1章本周导学/
│ │ ├──第2章B端项目需求分析和架构设计/
│ │ ├──第3章难点解决方案和技术选型/
│ │ └──第4章本周总结/
│ ├──第8周 前端基础技术回顾和巡礼/
│ │ ├──第1章本周导学/
│ │ ├──第2章Typescript基础和进阶/
│ │ └──第3章Vue3新特性的巡礼/
│ └──第9周 项目整体搭建/
│ ├──第1章本周导学/
│ ├──第2章前端脚手架简介/
│ ├──第3章准备工作/
│ ├──第4章全家桶之路由工具:vue-router/
│ ├──第5章全家桶之状态管理工具:vuex/
│ └──第6章本周总结/
├──阶段三:从0搭建编辑器服务端/
│ ├──第14周 后端技术选型以及基础知识巩固/
│ │ ├──第1章本周导学/
│ │ ├──第2章接口分析以及后端框架选型/
│ │ ├──第3章egg.js基础知识/
│ │ ├──第4章egg.js基础知识-中间件,配置,扩展/
│ │ ├──第5章数据库选型以及mongoDB基本操作/
│ │ ├──第6章nodejsMongoDB操作/
│ │ ├──第7章MongoDB高级内容/
│ │ ├──第8章添加mongoose以及egg.js插件原理/
│ │ └──第9章周总结/
│ ├──第15周 用户系统设计与实现/
│ │ ├──第1章导学/
│ │ ├──第2章用户数据模型,创建接口以及验证功能开发/
│ │ ├──第3章加密方式选型以及返回结果的特殊处理/
│ │ ├──第4章使用egg-session实现用户验证/
│ │ ├──第5章使用JWT完成用户验证/
│ │ ├──第6章使用手机号登录完成用户创建以及验证功能/
│ │ ├──第7章使用Oauth2协议完成用户创建以及验证功能/
│ │ ├──第8章编写作品相关代码以及学习装饰器的使用/
│ │ └──第9章总结/
│ ├──第16周 文件上传(本地+OSS云服务)/
│ │ ├──第1章本周导学/
│ │ ├──第2章文件上传基本原理实现以及使用Sharp完成图片处理/
│ │ ├──第3章学习并且使用Stream模式完成文件上传/
│ │ ├──第4章用OSS完成文件上传及使用Busboy完成多文件上传/
│ │ ├──第5章使用SSR的方式渲染H5页面/
│ │ ├──第6章使用Webpack处理静态文件以及模版/
│ │ ├──第7章RBAC的基本概念以及学习CASL的基础知识/
│ │ ├──第8章CASL结合装饰器完成角色权限管理/
│ │ └──第9章本周总结/
│ └──第17周 部署以及CICD/
│ ├── 【认准一手完整 www.ukoou.com】
│ ├──第1章本周导学/
│ ├──第2章使用传统部署模式/
│ ├──第3章Docker基础知识学习/
│ ├──第4章使用Docker-compose管理多个服务/
│ ├──第5章学习GithubActions的基础知识/
│ ├──第6章GithubActions结合Docker自动部署/
│ └──第7章周总结/
└──阶段四:完善B端所有功能,前后端结合和性能优化/
├──第18周 编辑器组件图层面板功能开发/
│ ├──第1章周介绍/
│ ├──第2章使用Cropper.js完成图像裁剪功能/
│ ├──第3章完成图层列表初步功能的开发/
│ ├──第4章图层拖动排序功能的开发/
│ ├──第5章EditGroup属性分组组件开发/
│ ├──第6章页面设置面板编码/
│ └──第7章周总结/
├──第19周 让元素动起来-编辑器画布交互功能开发/
│ ├──第1章周介绍/
│ ├──第2章拖动移动元素的实现/
│ ├──第3章拖动改变元素大小的实现/
│ ├──第4章快捷键操作的实现/
│ ├──第5章撤销重做的实现/
│ ├──第6章右键菜单的实现/
│ └──第7章周总结/
├──第20周 前后端结合-编辑器整合后端接口/
│ ├──第1章周介绍/
│ ├──第2章接口分析和简介/
│ ├──第3章MockServer的使用以及个性化/
│ ├──第4章登陆表单验证和登陆/
│ ├──第5章全局通用状态添加以及权限验证/
│ └──第6章编辑器数据获取以及保存作品/
├──第21周 整合开发B端其他页面的各种功能/
│ ├──第1章周介绍/
│ ├──第2章使用HTML2Canvas完成编辑器画布截图/
│ ├──第3章发布作品的开发流程/
│ ├──第4章渠道的编辑以及二维码的操作/
│ ├──第5章Clipboard.js完成拷贝文本到剪贴板及其原理/
│ ├──第6章useLoadMore开发贯穿剩余页面的开发/
│ ├──第7章前端下载文件的原理/
│ └──第8章周总结/
└──第22周 大型项目的编译,部署以及性能优化/
├──第1章周介绍/
├──第2章使用VueCli编译生产环境代码以及创建不同模式/
├──第3章Webpack的基础回顾以及Loader和Plugin的原/
├──第4章修改Vue.config.js配置完成打包分析和优化/
├──第5章部署以及HTTP优化/
└──第6章周总结/
├── 第23周 学习使用Nuxt创建管理系统:基础学习/
│ ├── 第1章 本周导学/
│ ├── 第2章 Nuxt 介绍和基础知识学习/
│ ├── 优库it资源网ukoou.com
│ └── 第3章 使用 Nitro 开发后端系统/
└── 第24周 学习使用Nuxt创建管理系统:实战进阶/
├── 第1章 使用 Nuxt 编写管理系统/
├── 第2章 户数据表格通用操作/
├── 第3章 创建和编辑用户完成复杂表单处理/
└── 第4章 构建与部署/
├──阶段五:完善服务端,发布上线/
│ ├──第25周 脚手架功能升级-上手大厂开发模式/
│ │ ├──第1章周介绍/
│ │ ├──第2章大厂代码复用最佳实践/
│ │ ├──第3章脚手架add命令+页面模板选择功能开发/
│ │ ├──第4章页面模板安装功能开发/
│ │ ├──第5章页面模板ejs渲染+依赖合并功能开发/
│ │ └──第6章本周总结+作业/
│ ├──第26周 脚手架功能升级-代码复用能力开发/
│ │ ├──第1章周简介/
│ │ ├──第2章代码复用能力介绍和功能开发/
│ │ ├──第3章代码片段安装算法实现/
│ │ ├──第4章代码片段工程模板升级/
│ │ └──第5章代码复用能力增强/
│ ├──第27周 前端监控平台之JS库开发/
│ │ ├──第1章本周导学/
│ │ ├──第2章前端监控快速入门和架构设计/
│ │ ├──第3章前端JSSDK开发入门/
│ │ ├──第4章前端监控JSSDK功能开发/
│ │ ├──第5章前端监控曝光和点击日志上报功能开发/
│ │ └──第6章本周总结+作业/
│ ├──第28周 前端监控平台之大数据开发/
│ │ ├──第1章本周导学/
│ │ ├──第2章MaxCompute数据开发快速入门/
│ │ ├──第3章MaxCompute监控日志表创建和上报API开发/
│ │ └──第4章MaxCompute监控API开发/
│ └──第29周 前端监控平台之数据可视化开发/
│ ├──第1章本周导学/
│ ├──第2章监控数据可视化架构设计和优化方案/
│ ├──第3章流量指标分析和计算公式/
│ ├──第4章前端监控SDK和数据仓库改造/
│ ├──第5章深入前端性能监控技术/
│ └──第6章指标运算和数据回流/
├──阶段六:前端发布脚手架开发/
│ ├──第30周 脚手架发布模块架构设计和核心流程开发/
│ │ ├──第1章周介绍/
│ │ ├──第2章项目发布流程架构设计/
│ │ ├──第3章imooc-cli脚手架gitflow自动化架构设计/
│ │ ├──第4章imooc-cli脚手架云构建+云发布架构设计/
│ │ ├──第5章imooc-cli脚手架publish模块开发/
│ │ ├──第6章本周加餐:前端路由模式原理和vue-router源码讲解/
│ │ └──第7章本周总结+作业/
│ ├──第31周 脚手架发布模块git自动化流程开发/
│ │ ├──第1章本章导学/
│ │ ├──第2章GitFlow模块架构设计/
│ │ ├──第3章Github&GiteeAPI接入/
│ │ ├──第4章GitFlow初始化流程开发/
│ │ ├──第5章GitFlow本地仓库自动提交/
│ │ ├──第6章本周加餐:Node编码最佳实践/
│ │ └──第7章周总结/
│ ├──第32周 脚手架发布模块云构建系统开发/
│ │ ├──第1章本周导学/
│ │ ├──第2章云架构模块架构设计/
│ │ ├──第3章WebSocket快速入门/
│ │ ├──第4章Redis快速入门/
│ │ ├──第5章云构建初始化流程开发/
│ │ ├──第6章云构建执行流程开发/
│ │ └──第7章周总结/
│ ├──第33周 脚手架发布模块云发布功能开发/
│ │ ├──第1章第一章本周导学/
│ │ ├──第2章云发布模块架构设计/
│ │ ├──第3章云发布功能开发/
│ │ ├──第4章云发布流程完善/
│ │ ├──第5章本周加餐:node常用三方库介绍/
│ │ └──第6章本周总结+作业/
│ ├──第34周 脚手架组件发布功能开发/
│ │ ├──第1章周介绍/
│ │ ├──第2章大厂物料体系介绍和前端组件平台架构设计/
│ │ ├──第3章脚手架组件创建和预览项目开发/
│ │ ├──第4章脚手架组件发布流程开发/
│ │ └──第5章本周总结+作业/
│ ├──第35周 组件平台开发/
│ │ ├──第1章本周导学/
│ │ ├──第2章组件平台架构设计和技术选型/
│ │ ├──第3章组件平台基础功能开发/
│ │ ├──第4章组件平台组件列表页面开发/
│ │ └──第5章组件平台组件详情页面开发/
│ └──第36周 项目单元测试用例设计和开发/
│ ├──第1章周介绍/
│ ├──第2章Mocha框架快速入门/
│ ├──第3章Package类用例设计和开发/
│ ├──第4章Git类用例设计和开发/
│ └──第5章其他工具类和函数测试开发/
├── 阶段七:架构师领导力培养/
│ └── 第37周 大厂如何管理多人协作的研发项目/
│ ├── 第1章 导学/
│ ├── 第2章 项目管理,研发流程,敏捷开发/
│ └── 第3章 团队管理、如何构建领导力/
└──资料代码/