
课程容量、技术深度、项目广度均超其他机构6个月培训课程50%以上,大大提升学员的就业竞争力。
课程
特色
市场用人需求每周
新增5万+,市场就业
领域覆盖面广
职位起薪高
各行业均有前端
人才需求
知识体系贴合企业需求
调研1000+前端岗位需求,打造前端硬核技能课程迭代与时俱进
课程周更新,让你快人一步学习前沿技术多行业解决方案
7大项目课程,解决方案拿来即用授课方式教练结合
每日练习,用实践检验技术;实战项目,综合提升就业能力术还原企业开发流程
手把手教你落地真场景前端项目, 学习即工作刚毕业 迷茫期
没有工作经验零基础 想转行
行业没前途想晋升加薪
具备前端基础前端爱好者
薪资不满意React+小程序开发
让你的竞争力“亮”起来,入职大厂敲门砖,网页、小程序、APP全掌握Vue.js
让你的开发“飞”起来,,各种解决方案入职工作直接用JavaScript
让你的网页“动”起来,输入、点击、倒计时,用户交互全搞定网页布局+移动Web
让你掌握页面的制作技能,PC 端、移动端统统不是事儿高标准
"亿元级"研发投入大厂深度共建全平台
Web、H5、小程序、移动端等平台全覆盖全业务
主流业务全覆盖,开发场景真实还原场景化
业务场景深度定制,行业方案全面主流工程化
项目开发规范化,上线部署自动化严保障
12项评审流程,4项验收标准,严控项目质量采用大厂推荐开发流程,提升学员项目高效开发能力
项目实战还原企业真实开发场景,交付解决实际问题能力
团队合作协同研发,培养学员沟通协作能力
学员完成企业级的项目作品,锻造其职场工作思维
导师点评项目实战答辩,综合提升学员软实力
资深前端工程师
(4~6 年)
前端架构师
(6~10 年)
CTO
(10 年以上)
技术开发组长
(4~6 年)
项目经理
(6~10 年)
项目总监
(10 年以上)
刘老师课程研究员
10年经验 /pink老师李老师课程研究员
华为/ Vue 技术大牛赵老师课程研究员
Vue/小程序/可视化很幸运,我选择了黑马,让我在此找到了人生的方向,在这里真真切切的感受到老师的负责,想让我们快速成长......
在这学习的时间中,也让我明白了,学习的目的不是知识本身,而是学习方法,思维方式,心理素质......
在这里我收获到了老师同学间的友谊,学习期间跟黑马老师像朋友一样的交流,不管是生活上还是学习上的问题......
总之在黑马的半年时光,很辛苦但也很充实。最后拿着属于自己的一份好offer的时候,真的觉得这一切都值得!......
课程大纲
基础班
1. 网页布局
高手班
1. 移动Web 2. JavaScript 3. 数据看板项目 4. Vue.js 5. 面经全端项目 6. iHRM人力资源项目 7. 优医问诊项目 8. 小程序 9. 小兔鲜电商小程序项目 10. React.js
线上加薪课
1. React.js 高级 2. 多端跨平台 3. 前端工程化 4. 前端服务化
HTML&JS+前端V8.0版本
课时:10天 技术点:60项 测验:1次 学习方式:新型面授
借助PxCook工具,参照设计稿,能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发。
1. HTMLHTML 负责网页的结构层,是网页开发的基础,从简单的网页骨架搭建入手,使用常见的 HTML 标签丰富网页结构。
HTML基础语法 | 排版标签 | 路径 | 多媒体标签 | 链接标签 | 列表标签 | 表格标签 | 表单标签 | 布局标签 | 语义化标签 | 字符实体
2. CSS在 HTML 搭建的网页结构基础上,通过 CSS选择器 精准选择标签,使用外观、盒模型相关属性完成网页全部内容,利用浮动、定位等布局技巧精准控制网页布局,结合背景、圆角、阴影等装饰属性进一步美化网页效果,达到能够编写企业级大型综合网页。
选择器 | 外观 | 文字 | 背景 | 标准流 | 三大特性 | 盒模型 | 伪元素 | 浮动 | 伪类 | 定位 | 圆角 | 阴影 | 透明 | 过渡
3. 企业级小兔鲜儿电商项目首页制作借助PxCook工具,基于设计稿编写网页,确保网页的高度还原,通过综合运用 HTML + CSS 技术,按照实际项目开发流程,归纳开发技巧,提升综合实战水平,完成企业级小兔鲜儿电商项目PC端首页开发。
精灵图 | 文档编码 | 性能优化 | 布局技巧 | SEO | 性能优化 | 版心 | 设计稿 | PxCook
课时:7天 技术点:18项 测验:1次 学习方式:线下面授
1. 使用CSS高级特效,丰富网页元素的呈现方式和效果| 2. 使用rem或vw、vh实现网页元素宽高随着视口变化等比缩放的效果| 3. 使用bootstrap框架布局响应式网页
1. CSS高级特效使用css高级特效丰富网页元素的呈现方式和效果。
字体图标 |2D转换|3D转换|动画
2. 移动适配首先介绍Flex布局模型,实现移动端网页的基本布局;再讲解两种移动端网页适配不同分辨率的解决方案,并使用不同的解决方案制作网页元素宽高随着视口的变化而等比缩放的效果。
rem | vw/vh|Flex布局模型|Less基础语法|视口|分辨率|二倍图|移动适配|媒体查询
3. 响应式学习响应式的原理,并使用bootstrap框架完成响应式网页的布局。
媒体查询| bootstrap框架|栅格系统|组件|响应式网页布局
课时:24天 技术点:98项 测验:0次 学习方式:线下面授
1. 掌握JavaScript基础语法,培养编程逻辑思维| 2. 掌握DOM和BOM对象的常用属性和方法,能够完成网页常见的交互效果| 3. 能够使用 axios 实现 Ajax 操作,为后续项目课做好技术铺垫| 4. 能够运用 Git 管理前端项目,并且使用 Git 分支进行多人协同开发| 5. 能够使用 Promise 与 async/await 高效的实现异步操作
1. JavaScript基础学习JavaScript基础语法规则。
变量 | 基本数据类型 | 数据类型的转换 | 运算符 | if分支 | switch分支 | 三元表达式 | while循环 | for循环 | 数组 | 函数 | 对象 | 内置对象 | let | const | 字面量
2. WebAPI学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。
DOM树 | DOM对象 | 获取元素 | innerHTML | style | className | classList | 间歇函数 | 延迟函数 | 事件监听 | 鼠标事件 | 键盘事件 | 高阶函数 | 环境对象 | 节点操作 | 事件流 | 事件委托 | 元素位置 | BOM | window对象 | swiper插件 | 本地存储 | 自定义属性 | 正则表达式
3. JavaScript高级深入理解 ECMAScript 的知识体系及工作机制,熟悉 ES6+ 新的语法特性,注重抽象思维的培养,具备面向对象编程的的能力。
构造函数 | 单体对象 | 面向对象 | 原型 | 解构 | 剩余 | 展开 | 箭头函数 | Object | Array | 严格模式 | 闭包 | 继承 | 防抖 | 节流 | 异常处理 | 深浅拷贝
4. Ajax利用 axios 发起 Ajax 请求,实现前后端的数据交互。并讲解 HTTP 请求的过程以及 Ajax 的底层原理。深入学习 JS 异步的底层原理,能够使用 Promise 处理异步操作,并使用 async/await 简化异步操作。
客户端与服务器 | axios | 请求与响应报文 | 接口 | form 表单 | 拦截器 | FormData | 文件上传 | XMLHttpRequest | Promise | async/await | EventLoop | 宏任务 | 微任务
5. Git能够创建 Git 仓库管理前端项目,基于 Git 分支进行多人协同开发,并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中。
安装和配置 Git | Git 本地操作的常用命令 | .gitignore 忽略文件 | Git 分支与常用命令 | 远程仓库的使用
课时:3天技术点:8项测验:0次学习方式:线下面授
1. 掌握Echarts 各类型数据可视化图表的应用| 2. 能够根据需要求创建折线图、K线图、地图等图表| 3. 掌握前后端分离技术的实现方式并了解其意义| 4. 掌握使用token进行访问鉴权功能实现
数据看板是一个数据可视化项目,通过折线图、K线图、柱状图等图表形式归纳汇总大量数据,以实现更加直观的数据表达效果。学员通过学习该项目,能够掌握数据可视化、异步编程、实时数据获取等技术解决方案,适合有基础希望技能强化的IT人员继续学习。
1. 基于 bootstrap 的响应式页面布局方案| 2. 基于 echarts 的数据可视化解决方案| 3. 基于 token 的访问权限控制解决方案
1.基于axios 实现网站注册和登录功能 2.基于 Echarts 结合需求高度自定义不同类型的可视化图表 3.Ajax、数据渲染和服务端推送前后端分离技术的应用 4.基于 token 的访问权限控制功能
课时:41天 技术点:270项 测验:0次 学习方式:线下面授
通过 Vue2 和 Vue3 的基础学习,掌握企业开发中常见业务功能实现;通过深入 Vue 技术栈学习 vue-router vuex vant element-ui 等主流技术,掌握企业级项目开发方式,如移动端H5项目实与PC端管理项目;通过 Vue3 结合 TypeScript 的技术学习,掌握大型企业级项目开发技巧。
1. 框架前置课掌握模块化思想,npm包管理,webpack基础,初探工程化开发。
Node.js安装 | fs模块 | path模块 | http模块 | npm | 包配置文件 | npm常用命令 | 模块化概念 | CommonJS | ES6Module | 工程化开发概念 | webpack基础配置 | dev-server | webpack插件 | 常用loader | babel
2. Vue核心技术运用Vue2.0全家桶核心内容实现开发中常见的功能,如购物车,经典列表、TodoMVC等。运用 Vant 开发移动端,运用element-ui开发PC后台管理系统。
MVVM | SPA | Vue 调试工具 | 虚拟DOM | diff算法 | 指令系统 | v-model原理 | 数据选项 | 生命周期 | 样式穿透 | 动态样式 | 插槽 | 组件系统 | 组件通信 | 自定义指令 | ref | 动态组件 | $nextTick | 自定义事件 | 计算属性 | 侦听器 | 组件库 | 组件封装 | keep-alive | 路由系统 | 导航守卫 | vue-cli | vuex | vant | element-ui | 路由懒加载
3. Vue3.0高级掌握Vue3新特性、Vite、组合API、Pinia 等。
Vite | 选项API | 组合API | setup | 生命周期 | reactive | toRef | toRefs | computed | 组件通信 | 依赖注入 | ref边界 | Pinia
4. TypeScript掌握TypeScript基础语法,并且在Vue3项目中熟练运用TypeScript。
基础类型|联合类型|字面量类型|类型推断 | 类型断言 | 泛型 | 类型声明 | ts结合composition-api | ts结合axios | 头条案例
课时:5天技术点:35项测验:0次学习方式:线下面授
1. 掌握 element-ui 组件库的运用| 2. 掌握 axios 以及拦截器的应用| 3. 掌握 Vuex 管理全局状态的技术解决方案| 4. 熟练使用 vue-router 管理组件的切换展示| 5. 掌握 element-ui 中如何自定义表单的校验规则| 6. 掌握文件上传和富文本编辑器在 Vue 项目中的应用| 7. 掌握 Vant 组件库的运用| 8. 掌握使用 postcss-px-to-viewport 实现移动端适配
面经系统,由面试经验文章PC管理后台,个人H5端面试文章浏览组成。学员学习该项目,能够锻炼对 Vue 完整技术栈的运用。同时该项目还涵盖了 token 身份认证、Vue 组件库、文件上传、富文本编辑器等前端技术解决方案,移动端开发,适合刚入手 Vue 框架、希望通过项目开发来巩固 Vue 基础的前端开发者学习。
1.token身份认证解决方案| 2.文件上传解决方案| 3.富文本编辑解决方案| 4.表单验证解决方案| 5.基于vant的移动端界面构建方案| 6.基于postcss-px-to-viewport移动端适配方案
1. 基于 vue-cli 创建工程化的 Vue 项目 2. 基于 element-ui 组件库快速实现项目布局 3. 用户注册与登录的业务解决方案 4. 使用 Vuex 管理全局共享的数据 5. 使用 axios 实现前后端的数据交互 6. 基于 vant 组件库快速构建移动端界面
课时:12天技术点:194项测验:0次学习方式:线下面授
1.掌握Vue + Element技术栈在开发管理型后台项目的技术开发能力| 2.具备角色,人员,权限类系统的设计整体设计及应用能力| 3.拥有Vuejs相关的技术要点及配套的插件,解决方案深度使用能力
iHRM是一款基于SaaS平台的人力资源管理系统, 企业通过该系统可以完成公司组织架构管理、员工管理、角色管理、权限管理(审批、考勤、社保)等,为企业的人力资源管理提供一站式解决方案。
进入项目体验1. 基于element-ui和vue2进行大型中台项目开发解决方案2. 基于axios封装请求工具模块解决方案| 3. 基于token的前端登录解决方案| 4. vuex分模块持久化解决方案| 5. RBAC大型中台项目权限控制解决方案| 6. excel批量导入导出解决方案| 7. 上传组件封装解决方案| 8. 多语言动态主题解决方案| 9. 树形结构处理解决方案
vue-element-admin(请求模块化,请求工具拦截,scss 样式,布局组件) | Vuex 持久化(state,mutations,actions,getters 和 modules) | Vue CLI 配置(webpack) | 反向代理 | ElementUI 表单校验(async-validator) | vue-router 导航守卫 | token 认证 | token 失效控制 | 角色管理业务 | RBAC 权限 | Vuex + 路由 + RBAC | 动态路由 | 角色权限 | 混入 mixns | 工作日历 | Echarts 雷达图 | 全屏(screenfull) | tabs 页多页签组件 | vue-i18n 国际化方案 | history 路由模式的应用 | 树形菜单 |element 列表的数据过滤 | 导入导出 Excel | Excel 复杂型表头 | PDF 打印(vue-print-nb)| el-upload 上传第三方云服务器 | 打包性能分析 | CDN 加速的实践应用 | 组件封装 | 业务组件封装
课时:12天技术点:233项测验:0次学习方式:线下面授
1. 掌握使用Vue3 + TypeScript 开发大型前端项目开发能力| 2. 掌握使用Vant组件库开发移动端项目能力| 3. 掌握 Pinia 状态管理工具实现项目状态管理| 4. 掌握 第三方登录和第三方支付 业务解决能力| 5. 掌握 快速问诊 等在线问诊主流业务开发能力
优医问诊是一个连接医生和患者的移动医疗行业H5应用,通过高效、快速的在线问诊服务,为患者提供健康帮助,涵盖了找医生、快速问诊、开药门诊、疾病查询,健康健康百科等功能。该项目基于Vue3+TypeScript进行开发,且引入下一代状态管理工具 Pinia 和热门的前端移动UI组件库 Vant ,采用全新技术栈,给学员带来优秀的企业实战项目,助力学员高薪就业。
进入项目体验1.基于vue3.0+typescript中大型项目开发解决方案| 2.基于vant组件库快速构建H5界面解决方案| 3.基于vue-router的前端路由解决方案| 4.基于vite构建vue3.0项目解决方案| 5.基于pinia的状态管理解决方案| 6.基于pinia-plugin-persistedstate状态持久化解决方案| 7.基于@vuecore/use的组合API工具库解决方案| 8.基于id-validator的身份证信息校验解决方案| 9.基于postcss-px-to-viewport移动端适配解决方案| 10. 基于vite-plugin-svg-icons的svg图标组件解决方案| 11. 基于tailwindcss的原子化类名现代解决方案| 12. 基于socket.io的即时通讯问诊室解决方案| 13. 基于eruda 的移动端调试解决方案| 14. 第三方登录解决方案| 15. 第三方支付解决方案
vue3.0框架| TypeScript使用 | vite前端构建工具|create-vue项目脚手架|vue-router路由|pinia状态管理|pinia-plugin-persistedstate状态持久化|sass预处理器| vite-plugin-svg-icons图标组件插件|tailwindcss现代CSS框架|@vueuse/core组合API工具库|dayjs日期处理|vant组件库 | postcss-px-to-viewport移动端适配 | id-validator校验身份证 | socket.io即时通讯 | eruda真机调试 | 第三方登录 | 第三方支付 | vant组件二次封装 | 通用组件封装 | reqeust工具函数 | 组件按需引入 | steup语法糖 | pnpm包管理 | 第三方库类型扩展 | 自定义composable | css变量
课时:12天 技术点:43项 测验:0次 学习方式:线下面授
能够独立开发原生小程序,能够使用uni-app开发小程序,提高就业能力,是就业的加分项
1. 原生小程序了解小程序开发的一般流程序,熟悉小程基础组件的使用,能够基于 wxml 和 wxss 实现小程序的界面布局,基于模板的数据绑定实现数据的动态渲染,基于 API 实现与服务端的数据通信,以及熟悉其它高级 API 的使用。
账号申请 | 开发工具 | 工程目录 | 项目配置 | 屏幕适配 | 资源托管 | 字体图标 | 数据绑定 | 事件处理 | 生命周期 | 场景值 | 模块化 | 网络请求 | 路由 | WXS | 模板 | 组件 | UI 框架 | 表单 | Promise
2. uni-app理解 uni-app 实现跨平台开发的原理机制,理清单文件组件与原生小程序组件的对应关系,以及 uni-app 开发小程序时开发时与原生小程序的差异。
脚手架 | 项目配置 | 单文件组件 | 生命周期 | 条件编译 | 计算属性 | 跨平台支持 | less | sass | 组件通信
3. 电商项目基于真实需求综合运用小程序开发的相关知识,突出小程序 API 的真实应用场景,强化和巩固小程序开发的相关知识,提升综合解决问题的能力。
客户消息 | 微信支付 | 微信地址 | 小程序转发 | 区域滚动 | 上拉加载 | 下拉刷新 | 数据缓存 | 用户信息 | 自定义组件 | 微信登录 | 意见反馈 | 上线发布
课时:12天技术点:20项测验:0次学习方式:线下面授
1.能够开发跨平台的小程序| 2.能够独立开发小程序项目| 3.掌握微信登录的实现方式| 4.掌握微信支付的实现方式
小程序无需安装,用完即走的应用方式越来越受到用户的欢迎,企业也都纷纷开展了小程序的开发。小兔鲜儿是一个经典的电商类小程序项目,包括商品、用户、购物车、订单等核心功能模块,采用 uni-app 框架做为跨平台小程序开发方案,并综合运用了原生小程序的组件化、模块化、网络请求、本地存储、微信登录、微信支付等技术,小兔鲜电商项目以企业的需求为基础,有针对性的对课程进行设计,学习本课程不仅能够培养学员的实践能力,还可以为就业提供有利的支撑。
1.小程序跨平台开发解决方案| 2.小程序微信登录实现方案| 3.小程序微信支付实现方案| 4.下拉刷新/上拉加载交互实现方案| 5.数据缓存实现方案
1.uni-app跨平台开发框架| 2.组件封装及通信| 3.微信支付/登录| 4.pinia 状态管理| 5.基于vue3+ts技术实践方案| 6.小程序云开发| 7.vant组件库
课时:6天 技术点:240项 测验:0次 学习方式:线下面授
通过React+class组件+Hooks+Redux+TypeScript的学习,实现企业开发中的经典案例,如B站评论、购物车、放大镜、点餐系统等业务功能。
1. React 核心技术基于 React 脚手架(create-react-app)搭建React项目,掌握JSX语法搭建页面结构,使用函数组件实现组件化开发,掌握组件通讯在项目开发中的使用。
create-react-app(CRA)|JSX|条件渲染|列表渲染|样式处理|组件化开发|函数组件|useState Hook|状态不可变|事件绑定|事件对象|受控组件|useRef DOM操作|组件通信|父传子|子传父|兄弟组件通讯|状态提升|跨组件通讯|Context|useContext
2. Hooks 深入+路由掌握 useEffect Hook 的应用,掌握 useRef Hook 的高级用法,理解 Hooks 原理,掌握 react-router-dom 的应用。
useEffect|useRef 高级用法|useRef 保持引用不变|组件更新机制和特点|验证码登录倒计时|Hooks 原理|React 路由|Route|Routes|BrowserRouter|useRoutes|404页面|编程式导航 useNavigate|子路由|路由嵌套
3. Redux +中间件 + Redux Toolkit掌握 React 最常用状态管理工具 Redux 的基本使用,使用 react-redux 链接库在 React 中使用 Redux,掌握 Redux 中间件 redux-thunk 用来处理异步请求,掌握 Redux Tookit 简化 Redux 的使用。
状态管理流程|action|dispatch|store|reducer|redux-thunk中间件|combineReducers|react-redux|Redux Toolkit |Redux 调试工具|Redux 数据流|createAsyncThunk|基于Promise的thunk状态|immer
4. 记账本案例利用 React + Hooks + Redux Tookit 实现记账本案例,对整个 React 阶段所学内容进行练习,验证我们是否掌握了 React 开发能力。
组件库 antd-mobile|路由|axios 数据请求|记账页面|月度收支页面|全部账单页面|useMemo Hook|自定义 Hooks|状态逻辑复用|json-server 数据接口
课时:30天 技术点:118项 测验:0次 学习方式:线上
进军大厂必备,结合 TypeScript+Hooks 和函数式编程思想完成项目开发。
1. TypeScript 基础理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法,能理解代码
静态类型 | 基础类型和对象类型 | 类型注解和类型推断 | 函数相关类型 | 数组和元组 | Interface 接口 | 类 | 继承 | 构造器 | Setter 和 Getter | 抽象类
2. TypeScript 高阶语法理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法,能理解代码
联合类型和类型保护 | Enum | 函数泛型 | 类中的泛型 | 命名空间 | 模块化 | 描述文件
3. Hooks理解 Effect Hooks 和 State Hooks 设计思想 理解 Hooks 应用场景 掌握使用 Hooks 封装一些组件
useState | useEffect | useContext | 自定义 Hooks
4. 函数式编程掌握 JavaScript 函数式编程范式,为阅读前沿框架源码,学习框架设计思想做储备,例如:React、RxJS、cycleJS、lodashJS、underscoreJS 等。
纯函数 | 柯里化 | 函数组合 | Point Free | 声明式与命令式
5. Redux 中间件理解业内比较主流的 2 种数据管理设计思想 掌握如何运用合适的数据管理工具在项目 能通过查看源码对项目做一些性能优化
React-Redux | redux-thunk | redux-saga
6. 小兔鲜儿后台管理项目掌握基于 React 组件化技术解决方案 掌握结合 Redux 状态管理 掌握用户权限解决方案 掌握 AI 智能推荐方案 掌握秒杀 / 拼团 / 砍价方案 掌握物流追踪方案 掌握数据导出方案 掌握第三方支付方案 掌握即时通讯方案 掌握短信服务方案 掌握流媒体方案 掌握单点登录方案 掌握服务提醒方案
react 组件逻辑复用 | hooks 与组件生命周期 | useState | useEffect | useContext | useMemo 性能优化 | react-router-dom | redux | redux-thunk | useReducer | 环信 | 百度push | 微软小冰
课时:31天 技术点:124项 测验:0次 学习方式:线上
高级前端工程师必备技能,真正实现一套代码多端运行,减少开发成本,提高开发效率。
1. Flutter 小兔鲜儿项目掌握 Flutter 开发环境搭建 掌握 Dart 语言基础 掌握 Flutter 常见的布局方式 理解组件的概念及分类 掌握基础组件、容器类组件、可滚动组件、功能性组件的应用
开发环境搭建 | Dart 入门 | StatelessWidget | StatefulWidget | 布局 | 路由和导航 | 手势 | 事件 | 资源文件 | 生命周期 | 拍照和图片 | 动画 | 网络请求 | 列表组件 | 屏幕适配 | 混合开发 | 性能优化 | Plugin | 打包发布
2. 小兔鲜儿原生小程序精讲理解 Taro 实现跨平台开发的原理机制 理解单 JSX 组件与原生小程序组件的对应关系 理解 Taro 开发小程序与原生小程序的差异 掌握原生小程序消息推送方案 掌握原生小程序多线程方案 掌握原生小程序云开发等高级方案
脚手架 | 项目配置 | 编译配置 | 条件编译 | 适配 | 跨平台支持 | sass | 组件通信 | 分包加载 | 消息推送 | 多线程 | 插件 | 云开发
3. PWA了解 PWA 能够实现通过 PWA 技术强化 H5 网页的原生特性 了解当前 PWA 技术的浏览器兼容情况
PWA 简介与优点 | PWA 背后的技术与原理 | PWA 现状 | manifest | serviceWorker | 消息推送的实现 | PWA 浏览器兼容情况
课时:9天 技术点:39项 测验:0次 学习方式:线上
高级前端工程师必备技能,在项目开发中实现自动化、规范化、组件化、模块化。
1. webpack 核心学会 webpack 的配置 理解 webpack 的作用与原理 上手项目的打包过程配置 拥有工程化的前端思维 掌握前端工程化的常见工具及工作原理 了解 webpack 性能优化 了解 webpack 中的 tapable 了解 AST 的应用 深入学习 webpack 原理,手写 webpack
基本配置 | loader | plugin | sourc map | HMR | Shimming | CodeSplitting | TreeShaking | Caching | 性能优化 | 多页应用 | PreLoading | PreFetching
2. 脚手架工具掌握 vue-cli 及相关配置 掌握 vue-cli 初始化单页及多页项目 掌握使用 create-react-app 搭建项目 了解 create-react-app 的原理 掌握 angular-cli 搭建项目 了解 angular-cli 的原理 掌握一个基础 cli 的功能实现
vue-cli | create-react-app | angular-cli | CLI 原理
3. git flow 全流程掌握提交相关:git rebase/git commit/git reflog/git log 掌握子模块: submodule/subtree 掌握分支管理:git fetch/git checkout/git merge 掌握重置及回退:git reset/git checkout/git rm 掌握多人协同 git 工作流 掌握 git 常见的分支管理命令
rebase | commit | reflog | log | submodule | subtree | fetch | checkout | merge | reset | checkout | rm | mv | branch | switch | git flow
课时:33天 技术点:135项 测验:0次 学习方式:线上
高级前端工程师必备技能,SEO 优化策略之一,网站性能监控与埋点方案。
1. Koa / eggKoa / egg / 中间件
对 Egg 的功能有全面的理解 | 掌握使用 Egg 完成项目 | 理解 Koa 的核心设计思想 | 掌握 Koa 的中间件编写
2. NoSQLRedis / MongoDB
理解 redis 核心概念与使用 | 能使用 redis 运用到项目中 | 理解 MongoDB 核心概念与使用 | 能使用 MongoDB 运用到项目中
3. 性能监控服务端日志收集系统设计 接入第三方监控平台 服务端错误预警 分析用户行为 建立用户画像
理解服务端日志收集系统设计 | 掌握接入第三方监控平台 | 掌握对服务端错误预警 | 前端异常上报 | 用户 PV/UV 统计 | 页面加载时间统计 | 用户点击行为统计 | 接口请求日志统计 | 接口请求耗时统计 | 静态资源加载异常统计 | 实现 JS 页面截图 | JS 报错实时监控统计分析 | 详情分析和代码定位 | 静态资源加载异常实时监控 | 静态资源加载异常的统计分析 | 接口请求报错实时监控 | 接口请求报错的统计分析 | 用户 PV/UV 实时统计 | 记录回放功能(详细记录用户使用的足迹) | 7 日内留存数据分析 | 版本号分析,浏览器分布,等信息分析 | 分析页面加载性能数据
4. SSRSSR 运行原理 SSR 环境搭建 缓存和 stream 性能优化
理解 SSR 运行原理及为什么需要使用 SSR | 掌握 SSR 环境搭建 | 掌握使用缓存和 stream 对 SSR 进行优化 | 掌握 Nuxt.js / Next.js 的应用
课程名称:主要针对:主要使用开发工具:
↑ 上拉查看下阶段课程
专职课研团队专职教学团队
标准化研发人才画像
多维面试(五面)
研究院小组诊断测评
全链路面试流程监控
课研人员素质考核
课程设计考核
大纲设计考核
讲义撰写考核
视频录制考核
课堂试炼考核
产品全方位审评
考核答辩
技术开源历练
技术私享会
大牛技术沙龙
企业技术共享
应用市场调研+大
数据分析
获取前沿发展方向
前沿热门课题深入
剖析+技术攻坚,
保障课程前瞻性
基于市场主流技术研
发解决方案,
应对职场难题
基于热门行业领域联合
大牛顾问团,
研发“大厂级”项目
来自华为、IBM等百人大牛团,每年耗资亿元,
研发行业标杆优质课程
标准化讲师画像初试技术深度
复试授课质量终试价值观
定制个性化考核方案讲师素质考核
视频录制考核排课、备课产出物考核
教育心理考核教学方法考核
课堂试讲考核正式授课答辩
学员满意度打分阶段课程评审
多维培养计划讲师晋升通道
情景式教学法将教学过程形象化的一种授课方法,集风趣、
知识、故事场景于一体,可大大提高学员对
知识的理解和吸收
场景式授课通过分析场景特点、梳理场景流程、呈
现给定场景下技术的实现3个步骤,向学
员清晰的展现了开发的全流程。
Open教学法OPEN 教学法是由传智教育培训院首创的一套
教学方法论,旨在「用更短的时间讲明白一个
知识点」
应届生:毕业即失业,满足不了企业需求,重新制定职业规划
尝试过不同行业,学长决定转行程序员
新手程序员,详细分享掌握面试主动权的实用技巧
稳扎稳打的前端学长,热情分享职业规划和工作心得
因为兴趣从UI转型程序员,找到了自己的职业甜蜜区
科班学姐,大四实习找不到心仪工作,决定来黑马进修
面试过十几家公司的“面霸”,深度分析提高通过率方法
前端班长,教你避免面试“大坑”