这门课解决的核心问题是:前端架构师到底需要补哪些能力,薪资差距从哪来,职业瓶颈怎么破,底层原理(计算机组成、网络)又该怎么落地到日常开发里。它不是从零讲起,而是针对已有前端经验的开发者,帮你把"能写页面"升级为"能设计架构、能跟后端协同、能谈薪资"。
课程导学部分直接拆解了7K到30K的薪资差距,以及25K以上架构师到底需要具备哪些能力,还会涉及学历门槛、转型路径、35岁危机应对等实操问题。这部分建议先看,帮你建立清晰的目标感。
计算机组成原理和网络强化是这门课里真正有深度的两块。前者从电控开关、晶体管、逻辑门一路讲到CPU周期、缓存、ALU,再落到js异步请求的底层逻辑,目的是让你理解前端代码运行的真实硬件约束——为什么CPU密集型任务会卡、为什么IO密集型任务要异步。后者用购物场景串起网络传输过程、IP子网掩码、IPv4/IPv6的区别,目标是让你看懂前后端通信的真实链路,而不是停留在"请求和响应"的表层概念。这两块建议跟着练,因为理解底层原理后,你做架构决策时才能判断性能瓶颈出在哪一层,而不是盲目优化DOM操作。
学完这门课,你至少能独立完成:设计一个可扩展的前端架构方案并解释选型理由、识别项目性能瓶颈并定位到具体硬件/网络层面、做出合理的职业规划和薪资谈判策略。资料包里导学部分偏经验分享,计算机组成原理和网络强化部分需要你动手跟着视频做笔记、画逻辑门、画网络拓扑图来巩固,视频本身偏讲解,配合手写整理效果才最好。
课程目录
01走向架构师之路
第10节10 转型全栈或者后台的方法?.mp4
第11节11 如何升组长,如何转型管理?.mp4
第12节12 跳槽涨薪和拿好绩效的绝密绝招.mp4
第13节13 35岁该怎么办?裁员怎么应对?.mp4
第14节14 多个offer的选择.mp4
第1节01 课程导学(必看).mp4
第2节02 课程内容介绍.mp4
第3节03 7k和15k的区别到底在哪?.mp4
第4节04 高级工程师需要具备什么样的能力?.mp4
第5节05 15K和25K的区别具体在哪?.mp4
第6节06 25K以上前端架构师需要具备什么样的能力.mp4
第7节07 本科、大专应届怎么拿面试机会.mp4
第8节08 学历低还能进大厂吗?.mp4
第9节09 5年15K还有希望吗?.mp4
02计算机组成原理
第15节01 计算机是如何计数的.mp4
第16节02 电控开关.mp4
第17节3 继电器.mp4
第18节4 晶体管 P管和N管.mp4
第19节5 逻辑门.mp4
第20节6 逻辑运算.mp4
第21节7 加法的运算.mp4
第22节8 ALU选择器.mp4
第23节9 寄存器.mp4
第24节10 指令.mp4
第25节11 CPU的三个周期.mp4
第26节12 CPU的缓存.mp4
第27节13 CPU密集和IO密集.mp4
第28节14 js的异步请求.mp4
第29节15 什么是异步呢?.mp4
03网络强化
第30节1为什么需要学习网络?.mp4
第31节2 通过购物例子看网络传输过程-1.mp4
第32节3 通过购物例子看网络传输过程-2.mp4
第33节4 通过购物例子看网络传输过程-3.mp4
第34节5 内网IP和外网IP.mp4
第35节6 IPV4和IPV6的区别.mp4
第36节7 或运算和与运算.mp4
第37节8 子网掩码.mp4
第38节9 物理层.mp4
第39节10 数据链路层 .mp4
第40节11 网络层.mp4
第41节12 IP数据报文.mp4
第42节13 IP数据包分片和重组.mp4
第43节14 怎么理解可靠和不可靠?.mp4
第44节15 UDP协议.mp4
第45节16 TCP协议.mp4
第46节17 TCP三次握手.mp4
第47节18 SYN 和 ACK状态码.mp4
第48节19 四次挥手.mp4
第49节20 TCP的超时重传.mp4
第50节21 快速重传和SACK重传.mp4
第51节22 TCP的滑动窗口和流量控制.mp4
第52节23 TCP的拥塞控制.mp4
第53节24 https协议简述.mp4
第54节25 https请求方法.mp4
第55节26 https headers和状态码.mp4
04深入浅出TypeScript
第100节45 迭代器和生成器.mp4
第101节46 模块-导出-01.mp4
第102节47 模块-导入.mp4
第103节48 模块-ts编译之后的导出示例.mp4
第104节49 模块-引入外部依赖.mp4
第105节50 ts中的命名空间.mp4
第106节51 模块和命名空间.mp4
第107节52 ts的声明文件.mp4
第108节53 vite项目中的d.ts文件.mp4
第56节01 为什么要学习ts.mp4
第57节02 ts中的基本数据类型.mp4
第58节03 元组以及使用场景.mp4
第59节04 枚举enum.mp4
第60节05 any类型和null.mp4
第61节06 Never类型.mp4
第62节07 对象与类型断言.mp4
第63节08 ts中的变量声明.mp4
第64节09 接口-01.mp4
第65节10 接口-可选属性-02.mp4
第66节11 接口-智能推断-03.mp4
第67节12 接口-只读属性-04.mp4
第68节13 接口-索引签名-05.mp4
第69节14 接口-可索引的类型-06.mp4
第70节15 接口-类类型的定义-07.mp4
第71节16 接口-接口继承-08.mp4
第72节17 接口-混合类型-09.mp4
第73节18 接口-接口继承类-10.mp4
第74节19 类-类的特点-01.mp4
第75节20 类-私有private-02.mp4
第76节21 类-私有private需要注意的问题-03.mp4
第77节22 类-protect属性的特点-04.mp4
第78节23 类-构造函数也能被保护?-05.mp4
第79节24 类-get set 存取器-06.mp4
第80节25 类-抽象类abstract-07.mp4
第81节26 ts中的函数.mp4
第82节27 泛型-初探-01.mp4
第83节28 泛型-使用泛型变量-02.mp4
第84节29 泛型-泛型类型-03.mp4
第85节30 泛型-泛型类-04.mp4
第86节31 泛型-泛型对类的约束-05.mp4
第87节32 枚举类型.mp4
第88节33 高级类型-交叉类型-01.mp4
第89节34 高级类型-联合类型-02.mp4
第90节35 高级类型-类型保护-03.mp4
第91节36 高级类型-typeof类型保护-04.mp4
第92节37 高级类型-instanceof类型保护-05.mp4
第93节38 高级类型-可以为null的类型-06.mp4
第94节39 高级类型-类型别名-07.mp4
第95节40 高级类型-字面量字符串类型-08.mp4
第96节41 高级类型-可辨识联合-09.mp4
第97节42 高级类型-多态的this-10.mp4
第98节43 高级类型-映射类型-11.mp4
第99节44 ts中的symbol.mp4
05深入浅出React(第一部分)
第109节01 为什么要学习React.mp4
第110节02 React的重要特性.mp4
第111节03 hello world.mp4
第112节04 组件的三个疑问.mp4
第113节05 JS依然可以写React.mp4
第114节06 React.createElement.mp4
第115节07 什么是jsx.mp4
第116节08 node安装.mp4
第117节09 Create-React-App安装.mp4
第118节10 React-Create-App概览.mp4
第119节11 关于react-dom的错误修正.mp4
第120节12 作业.mp4
第121节13 无状态组件.mp4
第122节14 修改无状态组件的数据.mp4
第123节15 有状态组件.mp4
第124节16 JSX里的表达式.mp4
第125节16 事件参数传递.mp4
第126节17 props的使用.mp4
第127节17 作业.mp4
第128节18 组件嵌套更新.mp4
第129节19 setState的特性.mp4
第130节20 props是怎么让组件进行更新的.mp4
第131节21 setState和props总结.mp4
第132节22 state和props设计上面的区别.mp4
第133节23 事件绑定.mp4
第134节24 箭头函数绑定事件.mp4
第135节25 第三种事件绑定的方式.mp4
第136节26 静态属性和 public class fields.mp4
第137节27 支持的事件列表.mp4
第138节28 React生命周期介绍.mp4
第139节29 老版挂载阶段生命周期.mp4
第140节30 老版本更新周期.mp4
第141节31 老版本更新阶段执行顺序.mp4
第142节32 shouldComponentUpdate.mp4
第143节33 shouldComponentUpdate应用场景.mp4
第144节34 getSnapshotBeforeUpdate.mp4
第145节35 为什么废弃三个钩子.mp4
第146节36 条件判断.mp4
第147节37 state切换组件.mp4
第148节38 与运算符.mp4
第149节39 阻止组件渲染.mp4
第150节40 生成列表.mp4
第151节41 不能以inde为key.mp4
第152节42 key需要注意的问题.mp4
第153节43 受控组件.mp4
第154节44 textarea受控组件.mp4
第155节45 select受控组件.mp4
第156节46 多字段收集.mp4
第157节47 受控组件变非受控组件.mp4
第158节48 作业.mp4
第159节49 props.children.mp4
第160节50 属性组件传递.mp4
第161节51 class组件的组合.mp4
第162节52 购物车案例介绍.mp4
第163节53 组件层级划分.mp4
第164节54 第二步 创建静态的版本.mp4
第165节55 state的设计原则.mp4
第166节56 确定state存放的位置.mp4
第167节57 反向数据流.mp4
第168节58 基础框架搭建.mp4
第169节59 ProductTable定义.mp4
第170节60 实现ProductCategoryRow.mp4
第171节70 完善ProductRow组件.mp4
第172节71 searchBar的静态结构.mp4
第173节72 反向状态传递.mp4
第174节73 完善商品列表.mp4
第175节74 作业.mp4
06深入浅出React(第二部分)
第176节01 Context初探.mp4
第177节02 Context和其他方案对比.mp4
第178节03 Context的特性.mp4
第179节04 context的Class写法.mp4
第180节05 context的变化是怎么响应的?.mp4
第181节06 consumer函数式组件.mp4
第182节07 消费多个context.mp4
第183节08 context注意事项.mp4
第184节09 react dev tools已经废弃.mp4
第185节10 作业.mp4
第186节11 错误边界组件.mp4
第187节12 错误边界组件的作用.mp4
第188节13 自身错误捕获.mp4
第189节14 错误边界组件放在哪?.mp4
第190节15 事件或者异步发生错误怎么捕获?.mp4
第191节16 比较好的错误交互.mp4
第192节17 Refs介绍.mp4
第193节18 ref获取dom.mp4
第194节19 和document获取的dom有区别吗?.mp4
第195节20 dom ref的应用场景.mp4
第196节21 class组件的ref.mp4
第197节22 函数式组件与refs.mp4
第198节23 ref的回调函数.mp4
第199节24 forwardRef.mp4
第200节25 hoc里面的ref.mp4
第201节26 fragment.mp4
第202节27 发布订阅模型.mp4
第203节28 评论组件.mp4
第204节29 博客组件.mp4
第205节30 HOC可以解决的问题.mp4
第206节31 HOC改造博客和评论组件.mp4
第207节32 HOC组件需要注意的问题.mp4
第208节33 hoc静态属性问题.mp4
第209节34 hoc组件的ref问题.mp4
第210节35 portal组件的应用.mp4
第211节36 portal组件的事件冒泡.mp4
第212节37 作业.mp4
07深入浅出React(第三部分)
第213节01 HOOKS初探.mp4
第214节02 HOOKS设计初衷.mp4
第215节03 HOOKS解决的问题1.mp4
第216节04 HOOKS解决的问题2.mp4
第217节05 HOOKS解决的问题3.mp4
第218节06 HOOKS渐进策略.mp4
第219节07 useState初探.mp4
第220节08 hook和hooks的区别.mp4
第221节09 useEffect初探.mp4
第222节10 useEffect会执行两次的原因.mp4
第223节11 chat发布订阅模型.mp4
第224节12 useEffect状态更新.mp4
第225节13 useEffect函数执行时机.mp4
第226节14 多个useEffect执行时机.mp4
第227节15 HOOK需要注意的问题.mp4
第228节16 颜色在线朋友组件.mp4
第229节17 自定义hook抽象.mp4
第230节18 作业.mp4
第231节19 useState解构.mp4
第232节20 useEffect执行顺序.mp4
第233节21 useEffect取消订阅.mp4
第234节22 useEffect渲染控制.mp4
第235节23 hook别写条件判断.mp4
第236节24 useContext.mp4
第237节25 useCallback案例.mp4
第238节26 PureComponent.mp4
第239节27 React.memo.mp4
第240节28 useMemo.mp4
第241节29 useRef.mp4
第242节30 hooks重构思路.mp4
第243节31 hook和class的选择.mp4
第244节32 hook能覆盖所有的场景吗.mp4
第245节33 hook和class生命周期钩子对应.mp4
第246节34 useEffect只在更新时执行.mp4
第247节35 通过ref拿到上次的值.mp4
第248节36 我如何实现shouldComponentUpdate.mp4
第249节37 作业.mp4
08深入浅出React(第四部分)
第250节01 多页面与多项目.mp4
第251节02 单页面特点.mp4
第252节03 从0到1实现一个路由.mp4
第253节04 路由组件概览.mp4
第254节05 history对象.mp4
第255节06 router组件实现思路.mp4
第256节07 router组件实现.mp4
第257节08 path的state定义.mp4
第258节09 实现goPath.mp4
第259节10 路由不能响应前进后退的原因.mp4
第260节11 完成路由组件.mp4
第261节12 作业.mp4
第262节13 router v6版本简介.mp4
第263节14 router安装.mp4
第264节15 1级路由.mp4
第265节16 outlet组件的作用.mp4
第266节17 二级路由渲染.mp4
第267节18 三级路由渲染.mp4
第268节19 动态路由.mp4
第269节20 文章编辑的路由场景.mp4
第270节21 layout应用场景.mp4
第271节22 Link组件.mp4
第272节23 获取动态路由的参数.mp4
第273节24 查询参数.mp4
第274节25 useLocation.mp4
第275节26 useNavigate.mp4
第276节27 作业.mp4
第277节28 redux学习方法.mp4
第278节29 为何要使用redux.mp4
第279节30 redux常用的一些扩展.mp4
第280节31 初始化store.mp4
第281节32 store订阅.mp4
第282节33 reducer状态更新.mp4
第283节34 redux数据流.mp4
第284节35 store到底解决了什么问题.mp4
第285节36 不可变Immutability.mp4
第286节37 redux术语.mp4
第287节38 作业.mp4
第288节39 redux案例.mp4
第289节40 redux执行顺序.mp4
第290节41 redux-toolkit简介.mp4
第291节42 使用redux-toolkit改造案例.mp4
第292节43 使用redux-toolkit改造项目2.mp4
第293节44 react-redux简介.mp4
第294节45 store初始化.mp4
第295节46 完成dispatch逻辑.mp4
第296节47 实现动态新增数字.mp4
第297节48 作业.mp4
第298节49 初步实现redux.mp4
第299节50 完善reducer.mp4
第300节51 实现combineReducers.mp4
第301节52 中间件的作用.mp4
第302节53 实现中间件-createStore.mp4
第303节54 applyMiddleware主体.mp4
第304节55 完成appllyMiddleware.mp4
第305节56 什么是compose.mp4
第306节57 完成redux.mp4
第307节58 react-redux原理.mp4
第308节59 useSelector原理.mp4
09 React scrum 任务平台项目(第一部分)
第309节01 项目亮点介绍.mp4
第310节02 项目学习方法.mp4
第311节03 瀑布式研发流程.mp4
第312节04 瀑布式研发流程的缺点.mp4
第313节05 敏捷研发流程.mp4
第314节06 敏捷研发的节奏.mp4
第315节07 项目整体概览.mp4
第316节08 项目初始化.mp4
第317节09 项目路由设计.mp4
第318节10 登录和注册路由.mp4
第319节11 完成layout组件.mp4
第320节12 完成project路由.mp4
第321节13 完成路由定义.mp4
第322节14 完成layout部分的样式.mp4
第323节15完成侧边菜单栏.mp4
第324节16 完成头部和侧边菜单.mp4
第325节17 完成project部分UI.mp4
第326节18 完成登录界面UI.mp4
第327节19 完成注册页面.mp4
第328节20 完善project页面UI.mp4
第329节21 完善菜单栏.mp4
第330节22 看板UI框架.mp4
第331节23 整体UI框架结构梳理.mp4
第332节24 拖拽组件简介.mp4
第333节25 新建drop目录.mp4
第334节26 完成看板drop.mp4
第335节27 完成看板UI.mp4
第336节28 drag onend事件.mp4
第337节29 reducer状态定义.mp4
第338节30 kanban移动reducer定义.mp4
第339节31 完成看板的拖拽状态管理.mp4
第340节32 联调环境配置.mp4
第341节33 本地proxy配置.mp4
第342节34 注册接口联调.mp4
第343节35 axios错误处理.mp4
第344节36 完成登录联调.mp4
第345节37 project列表数据联调.mp4
第346节38 优化看板拖拽样式.mp4
第347节39 左上角logo返回project页面.mp4
第348节40 drop组件数据初始化与联调.mp4
第349节41 更新drop数据状态.mp4
第350节42 drop组件新增kanban功能.mp4
第351节43 kanban任务创建modal组件.mp4
第352节44 完成task新建.mp4
第353节45 完成drop组件更新功能.mp4
第354节46 完成EPIC页面.mp4
第355节47 redux-dev-tools的使用与项目优化思路梳理.mp4
第356节48 kanban查询搜索实现.mp4
第357节49 项目列表服务端查询.mp4
第358节50 登录与退出登录实现原理.mp4
10 React scrum 任务平台项目(第二部分)
第359节01 项目优化思路总览.mp4
第360节02 渲染优化之修正render次数.mp4
第361节03 效率优化之React调试工具.mp4
第362节04 渲染优化之大量数据利用分片更新.mp4
第363节05 对比同步和并发渲染模式的火焰图.mp4
第364节06 渲染优化之React memo.mp4
第365节07 渲染优化之useCallback.mp4
第366节08 渲染优化之useMemo.mp4
第367节09 渲染优化思路总结.mp4
第368节10 研发效率优化思路总结.mp4
第369节11 通用hooks封装-搜索options.mp4
第370节12 通用hooks封装-业务hooks通用性要强.mp4
第371节13 一个诡异的问题解决思路.mp4
第372节14 一个bug引发的思考.mp4
第373节15 将2次异步合成一次,解决bug.mp4
第374节16 redux-toolkit警告优化.mp4
第375节17 loading状态优化.mp4
第376节18 新增开发环境sourcemap.mp4
第377节19 开启overlay错误状态显示.mp4
第378节20 开发环境编译缓存优化 && 性能分析工具.mp4
第379节21 antd4中按需加载存在的问题.mp4
第380节22 antd5的升级按需加载方案.mp4
第381节23 sideEffect树摇优化.mp4
第382节24 GZIP的核心原理.mp4
第383节25 把vendor第三方库单独打包.mp4
第384节26 灯塔性能优化分析.mp4
第385节27 给打包出来的文件加上hash.mp4
第386节28 组件分包优化.mp4
11九剑考试系统项目(react nest ts)
第387节01 课程技术体系梳理.mp4
第388节02 从这个项目你能学到什么?.mp4
第389节03 学生端需求梳理.mp4
… 共 960 条




