本课程是一套web前端体系化课程，由coderwhy按照行业20+ k薪资标准精心研发，系统讲解web前端知识体系，包含大厂必备性能优化原理实现、源码解读、数据结构实现、高频算法面试题精讲等核心内容，并精选12个具有代表性的项目，保证学员学完后能具备高质量的项目工作经验。
打好前端基础： 课程会从基础开始讲起，课程由coderwhy精心设计，无论你是前端小白还是想要进阶，都可以跟着coderwhy从头学习基础内容，都相信你可以在这个阶段中收获满满！
基础内容: HTML 5+CSS3、JavaS-cript、DOM、BOM、JavaScript高级、jQuery、 BootStrap、 axios等;工具使用: Node、npm、yarn、 cnpm、pnpm、 gulp、 rollup、webpack、vite、 Git; 可视化方案CSS3、Canvas、 SVG、 Echarts、 大屏适配方案;
前端核心知识： 打好坚实的基础，我们就可以进入下一个征程，再次扬帆出发。掌握前端最核心的技术，为进阶、实战、就业、工作铺平道路。这个阶段是前端开发者所需要掌握的核心知识，并且我们会包含大量的实战项目学习。
核心知识实战如下： Vue3全家桶+项目实战、Vue SSR以及Nuxt框架、React全家桶+项 目实战、ReactSSR以及Next框架、Vue3+TypeScript+项目实战、React+ TypeScript+项目实战、小程序+云开发+项目实战、uniapp+项目实战、taro+项 目实战等等;
全栈开发必备： 掌握必备的服务器相关知识,不仅仅可以部署项目、更好的和后端沟通，而且可以成为全栈开发工程师。前端开发人员需要掌握服务器相关的 知识，并且自己来部署项目。另外作为coder,我们不应该对自己的技术栈有过多的限制，学习后端、数据库相关的知识可以成为全栈开发工程师并且很多思想是想通的，可以将其思想应用于前端项目开发中。
全栈开发知识如下: Linux操作系统、Nginx部署、Node、 非关系型数据库MongoDB、关系型数据库MySQL、Jen-kins自动化部署，后端项目实战等;
面向高薪大厂 对于课程的设计，我们不仅仅局限于找一份前端的工作，更是面向高薪、大厂而设计了专项内容的讲解。想要进阶成为高级前端工程师，甚至是架构师的开发者来说，不仅仅要掌握应用程序的内容，而且深入底层原理、框架源码、性能优化、手写脚手架工具;大厂面试中更是会有很多数据结构和算法的内容，在课程中不仅仅会讲解，而且是专项练习;
高薪大厂必备精讲： 浏览器渲染原理、js引擎v8引擎原理、框架原理和源码解读、手写工具函数和框架源码、性能优化webpack高级配置、数据结构和算法、大厂算法专题、面试题精讲;
coderwhy大神web前端线上系统直播课资源目录截图（已更新到day151，阶段19-TypeScript高阶数据结构与算法）：
├── 09_阶段九-React全家桶实战/
│ ├── day80_React介绍-特点-基本使用-JSX语法/
│ ├── day81_JSX语法-事件绑定-列表渲染-购物车-脚手架/
│ ├── day82_函数组件-组件生命周期-嵌套-通信-插槽-上下文/
│ ├── day83.setState原理-性能优化/
│ ├── day84.非受控组件-高阶组件-Fragment-过渡动画/
│ ├── day85_React中CSS使用方案-Redux介绍和使用/
│ ├── day86_Redux技术-RTK的使用-connect原理/
│ ├── day87_Redux核心原理-React路由-Hooks/
│ ├── day88_React Hooks使用和自动自定义Hooks/
│ ├── day89_Redux和18新增的Hooks-项目搭建/
│ ├── day90_爱彼迎-头部布局-轮播-集成Redux-展示列表/
│ ├── day91_获取展示区域数据-Tabs封装-水平滚动组件封装/
│ ├── day92_房间列表-分页器-轮播图-自定义分页器/
│ └── day93_爱彼迎-详情图片浏览-首页头部特效-自动化部署/
├── 10/
├── [2.1G] day93.rar
├── [2.2G] day94.rar
├── [2.1G] day95.rar
├── [2.3G] day96.rar
├── [2.5G] day97.rar
├── [2.4G] day98.rar
├── 11-TypeScript开发实战/
│ ├── Day100 - TypeScript开发实战/
│ ├── Day101 - TypeScript开发实战/
│ ├── Day102 - TypeScript开发实战/
│ └── Day99 - TypeScript开发实战/
├── 12-Vue3+TypeScript后台管理系统/
│ ├── day103_Vue3+TS项目架构-代码规范-集成第三库/
│ ├── day104_Vue3+TS项目架构-代码规范-集成第三库/
│ ├── day105_Element Plus集成-登录模块-接口文_/
│ ├── day106_登录路由守卫-获取登录信息-菜单树-注册路由/
│ ├── day107_动态路由-菜单映射-面包屑-高级检索组件封装/
│ ├── day108_用户列表-表格数据-分页器-对话框-部门页面/
│ ├── day109_部门模块-内容组件封装-对话框组件封装/
│ └── day110_按钮权限控制-可视化模块页面-Git提交/
├── 13-React+TypeScript网易云音乐项目实战/
│ ├── day111_网易云音乐项目-项目搭建-代码规范-集成第三方库/
│ ├── day112_网易云音乐项目_Axios-整体结构搭建-Header推荐页面-轮播图/
│ ├── day113_网易云音乐项目-推荐页面-轮播图-热门推荐-新碟上架/
│ └── day114_网易云项目_推荐页面-歌曲播放-切换播放模式/
├── 14-跨平台uniapp和taro实战/
│ ├── day115_邂逅跨平台-uniapp基础语法-uni-ui/
│ ├── day116_uni-ui-页面生命周期-自定义组件_API/
│ └── day117_Pinia状态管理-购物街项目-各端部署流程/
├── 14-跨平台uniapp和taro实战/
│ ├── day118_邂逅Taro-内置组件-页面生命周期和通信等/
│ └── day119_Taro自定义组件-Redux-卷皮项目实战/
├── 15-Node高级进阶+项目实战/
│ ├── day120_Node中的fs-event-buffer等模块/
│ ├── day121_可写流-http模块-文件上传-express/
│ ├── day122_express中间件-路由系统-koa框架使用/
│ ├── day123_express和koa的区别和源码-MySQL/
│ ├── day124_建表-DDL语句-DQL-聚合函数-多表查询/
│ ├── day125_数据库查询-数据库驱动-项目搭架-注册登录接口/
│ ├── day126_登录凭证-动态注册路由-动态和评论接口/
│ └── day127_动态接口-头像上传-服务器购买-环境搭架和部署/
├── 16-Webpack+Gulp+Vite+Rollup/
│ ├── day128_跨域处理-webpack基本使用-babel/
│ ├── day129_浏览器兼容-polyfill-本地服务-优化/
│ ├── day130_webpack优化-代码分离-CDN-DDL/
│ ├── day131_webpack性能优化-JS-CSS等文件压缩/
│ ├── day132_Webpack源码阅读-自定义加载器和插件/
│ ├── day133-自定义插件-Gulp和Rollup/
│ └── day134_Rollup-Vite打包与原理-脚手架开发/
├── 17-后端渲染-SSR-Vue-React/
│ ├── day135_邂逅SSR-从零搭建SSR应用/
│ ├── day136_Nuxt配置-组件-样式-路由-中间件-插件/
│ ├── day137_生命周期-获取数据-编写接口-全局状态管理/
│ ├── day138_OPPO商城-打包部署-邂逅React SSR/
│ ├── day139_React SSR-Nextj配置-样式-组件/
│ ├── day140_动态路由-中间件-布局-app目录-渲染模式/
│ └── day141_网页云商城Nextjs项目实战-项目打包和部署/
├── 18-TypScripte常见数据结构与算法/
│ ├── day142-邂逅数据结构和算法-线性结构-数组-栈结结构/
│ ├── day143_LeetCode-队列结构-面试题-链表结/
│ ├── day144_链表面试题-链表查询算法-大O表示-哈希表/
│ ├── day145_哈希表性能优化-自动扩容-树结构/
│ └── day146_树结构-BST树-树的遍历-图结构-算法/
├── 19-TypeScript高阶数据结构与算法/
│ ├── day147_BST树-循环链表-双向链表-堆结构/
│ ├── day148_堆结构-双端队列-优先队列-平衡树/
│ ├── day149_AVL树-左旋转和右旋转-红黑树【更多it资源 www.ukoou.com】/
│ ├── day150_冒泡排序-选择排序-插入排序-归并排序-快速排/
│ └── day151_堆排序-希尔排序-动态规划-波非那契/
