黑马程序员

全国校区

北京昌平
北京顺义
天津
上海
广州
深圳
武汉
郑州
西安
长沙
济南
重庆
南京
杭州
石家庄
成都
合肥
太原
厦门
沈阳
web前端培训学校   快速了解前端
关闭前端视频介绍

【HTML&JS+前端高级软件工程师课程】

课程容量、技术深度、项目广度均超其他机构6个月培训课程50%以上，大大提升学员的就业竞争力。

课程
特色

课程介绍
课程大纲
教研团队
学习经历
互联网时代 前端无处不在
  • 前端开发培训课程就业领域

    市场用人需求每周
    新增5万+，市场就业
    领域覆盖面广

  • 前端工程师人才需求

    职位起薪高
    各行业均有前端
    人才需求

课程设计以就业为导向
打造企业刚需人才
01

知识体系贴合企业需求

调研1000+前端岗位需求，打造前端硬核技能
02

课程迭代与时俱进

课程最快周更新，让你快人一步学习前沿技术
03

多行业解决方案

7大项目课程，解决方案拿来即用
04

授课方式教练结合

每日练习，用实践检验技术；实战项目，综合提升就业能力术
05

还原企业开发流程

手把手教你落地真场景前端项目， 学习即工作
学习HTML&JS+前端
做硬核全栈工程师
  • 前端开发适合什么人学习

    刚毕业 迷茫期

    没有工作经验
    期待学习有前景的技术
  • 学习web前端难不难

    零基础 想转行

    行业没前途
    期待短期内转行IT
  • 什么人适合学习web前端课程？

    想晋升加薪

    具备前端基础
    面临职场瓶颈期待提升
  • 前端开发培训课程好不好学

    前端爱好者

    薪资不满意
    期待进军前端热门领域
学习策略分阶段定制
让你轻松get前端技能
前端培训需要学多久？

React+小程序开发

让你的竞争力“亮”起来，入职大厂敲门砖，网页、小程序、APP全掌握

Vue.js

让你的开发“飞”起来，，各种解决方案入职工作直接用

JavaScript

让你的网页“动”起来，输入、点击、倒计时，用户交互全搞定

网页布局+移动Web

让你掌握页面的制作技能，PC 端、移动端统统不是事儿
查看完整课程大纲
吸纳企业级实战项目
只为打造更优质课程

  • 高标准

    "亿元级"研发投入大厂深度共建

  • 全平台

    Web、H5、小程序、移动端等平台全覆盖

  • 全业务

    主流业务全覆盖，开发场景真实还原

  • 场景化

    业务场景深度定制，行业方案全面主流

  • 工程化

    项目开发规范化，上线部署自动化

  • 严保障

    12项评审流程，4项验收标准，严控项目质量
项目实战流程
还原真实工作场场景
前端开发项目课程实战目标 web前端培训课程项目答辩
实战项目贯穿教学
落地实操能力
前端开发培训项目特色 前端开发培训实战项目

闲云旅游

01

9 个

业务功能

4 个

页面数量

30 个

接口数量

7 个

解决方案

10 个

授课天数
项目背景

闲云旅游是一个旅游服务网站，主要功能包括机票酒店预定、目的地景点购票、热门旅游攻略资讯等。项目采用前后端分离模式开发，前台使用Vue技术栈中的服务端渲染框架Nuxt.js开发，让页面效果以超快的方式展示在用户面前，Nuxt还支持页面自动静态化，可大大节省服务器资源。

项目体验

黑马头条移动端

02

11 个

业务功能

11 个

页面数量

51 个

接口数量

9 个

解决方案

10 个

授课天数
项目背景

黑马头条是一款新闻资讯类App，项目包括用户注册登录、文章列表、文章详情、文章评论、个人资料、用户中心、频道管理、文章搜索、用户收藏、智能客服等功能。系统采用前后端分离的开发模式，前台使用了Vue.js等技术栈构建的SPA应用程序，UI层面使用基于Vue的Mobile组件库Vant，页面风格统一，提高开发效率，适合有Vue基础或者有其他MVVM框架应用经验的同学进行学习。

项目体验

探花交友

03

15 个

业务功能

8 个

页面数量

28 个

接口数量

14 个

解决方案

5 个

授课天数
项目背景

探花交友是一款陌生人移动社交应用。用户可以上传照片、签名，自定义个人资料，通过“附近的人”功能，找到同城好友，在探花平台不仅能够实时与喜欢的人进行在线沟通，还能建立真实、健康的社交关系。学员通过该项目，能够学习到即时通讯、实时定位、大数据智能推荐等相关的专项技术解决方案。

项目体验

智能看板

04

7 个

业务功能

1 个

页面数量

6 个

接口数量

4 个

解决方案

2 个

授课天数
项目背景

智能看板是一个数据可视化项目，通过折线图、K线图、柱状图等图表形式归纳汇总大量数据，以实现更加直观的数据表达效果。学员通过学习该项目，能够掌握数据可视化、异步编程、高性能数据缓存等技术解决方案，适合有基础希望技能强化的IT人员继续学习。

项目体验
五大能力提升
锻造超强职场竞争力
黑马前端培训课程有哪些特点？

采用大厂推荐开发流程，提升学员项目高效开发能力

项目实战还原企业真实开发场景，交付解决实际问题能力

团队合作协同研发，培养学员沟通协作能力

学员完成企业级的项目作品，锻造其职场工作思维

导师点评项目实战答辩，综合提升学员软实力

课程毕业学员  就业高起点
web前端开发培训课程就业方向
前端开发工程师职业发展路径

资深前端工程师
（4~6 年）

前端架构师
（6~10 年）

CTO
（10 年以上）

技术开发组长
（4~6 年）

项目经理
（6~10 年）

项目总监
（10 年以上）

大咖教研团 面授教学
大厂实战经验传授
  • 前端培训课程研发刘老师

    刘老师课程研究员

    10年经验 /pink老师
    研发成果：经典前端视频教程
  • web前端课程研发李老师

    李老师课程研究员

    华为/ Vue 技术大牛
    研发成果： 《高级软件工程师课程》《企业云 IM 项目》
  • 前端培训课程研发赵老师

    赵老师课程研究员

    Vue/小程序/可视化
    研发成果：小兔鲜儿 黑马优购 智能看板
查看更多名师
学员好评
更能代表我们的实力
  • 刘同学

    很幸运，我选择了黑马，让我在此找到了人生的方向，在这里真真切切的感受到老师的负责，想让我们快速成长......

  • 在这学习的时间中，也让我明白了，学习的目的不是知识本身，而是学习方法，思维方式，心理素质......

    李同学
  • 郭同学

    在这里我收获到了老师同学间的友谊，学习期间跟黑马老师像朋友一样的交流，不管是生活上还是学习上的问题......

  • 总之在黑马的半年时光，很辛苦但也很充实。最后拿着属于自己的一份好offer的时候，真的觉得这一切都值得！......

    张同学
查看更多学员故事
体验前端开发项目 扫码体验前端开发项目

课程大纲

  1. 基础班

    1. 网页布局

  2. 高手班

    1. 移动Web 2. JavaScript 3. 立可得项目 4. 框架前置课 5. Vue.js 6. 大事件项目 7. iHRM人力资源项目 8. Vue3.0小兔鲜儿电商项目 9. React.js 10. 极客园PC端项目 11. 极客园H5项目 12. 小程序 13. 黑马优购小程序项目

  3. 在职提升课

    1. React.js 高级 2. 多端跨平台 3. 前端工程化 4. 前端服务化

  4. HTML&JS+前端V7.6版本

  • 网页布局基础班 1

    课时:10天技术点:60项测验:1次学习方式:线下面授

    学习目标

    借助PxCook工具，参照设计稿，能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发

    主讲内容

    1. HTMLHTML 负责网页的结构层，是网页开发的基础，从最简单的网页骨架搭建入手，使用常见的 HTML 标签丰富网页结构。

    HTML基础语法 | 排版标签 | 路径 | 多媒体标签 | 链接标签 | 列表标签 | 表格标签 | 表单标签 | 布局标签 | 语义化标签 | 字符实体

    2. CSS在 HTML 搭建的网页结构基础上，通过 CSS选择器 精准选择标签，使用外观、盒模型相关属性完成网页全部内容，利用浮动、定位等布局技巧精准控制网页布局，最终结合背景、圆角、阴影等装饰属性进一步美化网页效果，达到能够编写企业级大型综合网页。

    选择器 | 外观 | 文字 | 背景 | 标准流 | 三大特性 | 盒模型 | 伪元素 | 浮动 | 伪类 | 定位 | 圆角 | 阴影 | 透明 | 过渡

    3. 企业级小兔鲜儿电商项目首页制作借助PxCook工具，基于设计稿编写网页，确保网页的高度还原，通过综合运用 HTML + CSS 技术，按照实际项目开发流程，归纳开发技巧，提升综合实战水平，最终完成企业级小兔鲜儿电商项目PC端首页开发。

    精灵图 | 文档编码 | 性能优化 | 布局技巧 | SEO | 性能优化 | 版心 | 设计稿 | PxCook

  • 移动Web高手班 1

    课时: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框架 | 栅格系统 | 组件 | 响应式网页布局

  • JavaScript高手班 2

    课时:26天技术点:88项测验:0次学习方式:线下面授

    学习目标

    1. 掌握JavaScript基础语法，培养编程逻辑思维 | 2.掌握DOM和BOM对象的常用属性和方法，能够完成网页常见的交互效果 | 3.能够使用 axios 实现 Ajax 操作，为后续项目课做好技术铺垫 | 4. 能够运用 Git 管理前端项目，并且使用 Git 分支进行多人协同开发 |

    主讲内容

    1. JavaScript基础学习JavaScript基础语法规则。

    变量 | 基本数据类型 | 数据类型的转换 | 运算符 | if分支 | switch分支 | 三元表达式 | while循环 | for循环 | 数组 | 函数 | 对象 | 内置对象

    2. WebAPI学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。

    DOM树 | DOM对象 | 获取元素 | innerHTML | style | className | classList | 间歇函数 | 延迟函数 | 事件监听 | 鼠标事件 | 键盘事件 | 高阶函数 | 环境对象 | 节点操作 | 事件流 | 事件委托 | 元素位置 | BOM | window对象 | swiper插件 | 本地存储 | 自定义属性 | 正则表达式

    3. JavaScript高级深入理解 ECMAScript 的知识体系及工作机制，熟悉 ES6+ 新的语法特性，注重抽象思维的培养，具备面向对象编程的的能力。

    字面量 | 构造函数 | 单体对象 | 面向对象 | 原型 | class | getter | setter | 柯里化 | 解构 | 箭头函数 | Object | Array | let｜ const | 严格模式 | 闭包

    4. jQuery借助 jQuery 提升开发的效率，同时借鉴和学习 jQuery 的封装实现思想，巩固面向对象的相关知识，加深对面象对象的理解。

    选择器 | 节点方法 | 动画 | 动画队列 | 事件 | 事件委托 | 链式操作 | 插件 | 插件机制

    5. Ajax利用 axios 发起 Ajax 请求，实现前后端的数据交互。并讲解 HTTP 请求的过程以及 Ajax 的底层原理。

    客户端与服务器 | axios | 请求与响应报文 | 接口 | form 表单 | 拦截器 | FormData | 文件上传 | XMLHttpRequest | 防抖 | 节流 | 跨域

    6. git能够创建 Git 仓库管理前端项目，基于 Git 分支进行多人协同开发，并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中。

    安装和配置 Git | Git 本地操作的常用命令 | .gitignore 忽略文件 | Git 分支与常用命令 | 远程仓库的使用

  • 立可得项目高手班 3

    课时:2天技术点:8项测验:0次学习方式:线下面授

    学习目标

    1. 掌握大屏幕适配技术解决方案的应用 | 2. 掌握Echarts 各类型数据可视化图表的应用 | 3. 能够根据需要求创建折线图、K线图、地图等图表 | 4. 掌握前后端分离技术的实现方式并了解其意义 | 5. 了解什么是服务端推送及相关技术解决方案 | 6. 掌握jQuery 在实际项目中的应用形式 |

    智能看板是一个数据可视化项目，通过折线图、K线图、柱状图等图表形式归纳汇总大量数据，以实现更加直观的数据表达效果。学员通过学习该项目，能够掌握数据可视化、异步编程、实时数据获取等技术解决方案，适合有基础希望技能强化的IT人员继续学习。

    进入项目体验
    主讲解决方案

    1.大屏幕适配解决方案 | 2.数据可视化解决方案 | 3.实时数据推送 |

    主讲知识点

    1.综合媒体查询和rem智能适配大屏幕 | 2.基于 Echarts 结合需求高度自定义不同类型的可视化图表 | 3.Ajax、数据渲染和服务端推送前后端分离技术的应用 | 4.通过jQuery开发网页交互，增强易用性及用户体验 |

  • 框架前置课高手班 4

    课时:6天技术点:40项测验:0次学习方式:线下面授

    学习目标

    1. 能够使用 npm 维护项目中的依赖包，提高项目的开发效率 | 2. 能够使用 Promise 与 async/await 高效的实现异步操作 | 3. 能够理解 webpack 中的核心概念，为后续项目课的学习打好工程化开发的基础 |

    主讲内容

    1. Node.js基础了解 Node.js 和浏览器环境的区别，能够使用 Node.js 操作文件和处理路径，为后面框架课程的做准备。

    Node.js 和 浏览器的区别 | Node.js 环境的安装 | 终端的常用命令 | 在 Node.js 中执行 JS 代码 | fs模块 | path 模块

    2. 模块化理解什么是模块化的开发思想。能够使用 CommonJS 模块化语法进行前端项目的开发，提高代码的复用性。

    模块化的基本概念 | CommonJS | 模块的分类 | 模块作用域

    3. npm利用 npm 管理项目中用到的第三方包，提高前端项目的开发效率。

    包的基本概念 | npm | 包管理配置文件 | 全局包 | 项目包 | 常用的 npm 命令 | 模块的加载过程

    4. Express能够使用 Express 编写基本的 API 接口，加深对前后端工作流程的理解。

    Express 的安装和配置 | 处理 GET 请求 | 处理 POST 请求 | 获取参数 | 处理跨域 | 中间件 | REST API | json-server

    5. EventLoop深入学习 JS 异步的底层原理，能够使用 Promise 处理异步操作，并使用 async/await 简化异步操作。

    ES6 模块化 | Promise | async/await | EventLoop | 宏任务 | 微任务

    6. webpack利用 webpack 实现前端的工程化开发，主要学习 webpack 的工作原理以及常用的插件、loader 的使用，为后续项目课的学习奠定工程化的开发思想。

    工程化开发的概念 | webpack 的基本配置 | webpack-dev-server | html-webpack-plugin | 常用 loader | babel

  • Vue.js高手班 5

    课时:37天技术点:214项测验:0次学习方式:线下面授

    学习目标

    通过Vue2和Vue3的理论知识学习可以实现开发中常见的业务功能，如购物车、TabBar、经典列表、TodoMVC等

    主讲内容

    1. Vue基础运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，TabBar、经典列表、TodoMVC等。

    MVVM | SPA | Vue 调试工具 | 虚拟DOM | diff算法 | 指令系统 | v-model原理 | 数据选项 | 生命周期 | 样式穿透 | 动态样式 | 插槽 | 组件系统 | 组件通信 | 自定义指令 | ref | 动态组件 | $nextTick | 自定义事件 | 计算属性 | 侦听器 | 组件库 | 组件封装 | 路由系统 | 导航守卫 | vue-cli | 工程化基础 | axios | interceptors | 经典案例实战

    2. Vue3.0高级掌握Vue3新特性、Vite、组合API等。

    Vite | 选项API | 组合API | setup | 生命周期 | reactive | toRef | toRefs | computed | 组件通信 | 依赖注入 | ref边界

  • 大事件项目高手班 6

    课时:5天技术点:35项测验:0次学习方式:线下面授

    学习目标

    1. 熟练掌握 element-ui 组件库的运用 | 2. 掌握 axios 以及拦截器的应用 | 3. 掌握 Vuex 管理全局状态的技术解决方案 | 4. 熟练使用 vue-router 管理组件的切换展示 | 5. 掌握 element-ui 中如何自定义表单的校验规则 | 6. 锻炼 Vue 基础技术点的实际项目中的应用 | 7. 掌握文件上传和富文本编辑器在 Vue 项目中的应用 |

    大事件是一个 CMS 后台管理项目，包含登录注册、个人中心、文章管理等主要模块。学员学习该项目，能够锻炼对 Vue 完整技术栈的运用。同时该项目还涵盖了 token 身份认证、Vue 组件库、文件上传、富文本编辑器等前端技术解决方案，适合刚入手 Vue 框架、希望通过项目开发来巩固 Vue 基础的前端开发者学习。

    主讲解决方案

    1.token身份认证解决方案 | 2.文件上传解决方案 | 3.富文本编辑解决方案 | 4.表单验证解决方案 |

    主讲知识点

    1. 基于 vue-cli 创建工程化的 Vue 项目 | 2. 基于 element-ui 组件库快速实现项目布局 | 3. 用户注册与登录的业务解决方案 | 4. 使用 Vuex 管理全局共享的数据 | 5. 使用 axios 实现前后端的数据交互 |

  • iHRM人力资源项目高手班 7

    课时: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 加速的实践应用 | 组件封装 | 业务组件封装

  • Vue3.0小兔鲜儿电商项目高手班 8

    课时:8天技术点:233项测验:0次学习方式:线下面授

    学习目标

    1. 前沿技术还原主流电商业务方案 | 2. 掌握Vue3.0 Composition API实践能力，站在技术前沿 | 3. 掌握第三方登录，第三方支付的业务能力，轻松对接第三方平台 | 4. 掌握sku，购物车，订单管理等电商业务，轻松上手电商开发 |

    Vue3.0小兔鲜儿电商是对标网易严选的综合品类的网上商城项目，现在除了顶级的一些电商平台之外，越来越多的企业都会做自己的垂直领域的商城，如小米商城、华为商城等，市场空间巨大，人才较为紧缺。本项目涵盖了电商的核心业务，首页加载优化，SKU规格处理，本地线上购物车，第三方登录，第三方支付，订单管理。致力于交付学员完整的电商业务解决方案，以及Vue3.0组合API的最佳实践，基于Vue3.0的组件库封装，让学员成为具备电商业务能力的站在技术前沿的高级前端开发工程师。

    进入项目体验
    主讲解决方案

    1.基于vue3.0进行中大型项目开发解决方案 | 2.基于vue3.0封装组件库解决方案 | 3.基于vue-router-next的前端路由解决方案 | 4.基于vue-cli构建vue3.0项目解决方案 | 5.基于vuex-next的状态管理解决方案 | 6.基于vuex-persistedstate状态持久化解决方案 | 7.sku前端实现解决方案 | 8.第三方登录前端解决方案 | 9.第三方支付前端解决方案 | 10.基于@vueuse/core数据懒加载解决方案 | 11.本地与线上购物车合并方案 | 12.基于axios封装请求工具类解决方案 | 13.基于token的前端登录解决方案

    主讲知识点

    vue3.0 框架 | vue-cli 项目脚手架 | vue-router 路由 | vuex 状态管理 | vuex-persistedstate 状态持久化 | less 预处理器 | style-resoures-loader 样式资源加载器 | normalize.css 样式库 | @vueuse/core 组合API工具库 | power set 算法库 | dayjs 日期库 | vue-infinite-loading 滚动加载 | vee-validate 表单校验 | mockjs 本地数据模拟 | soket.io 即时通讯 | 封装 UI 组件库：carousel 组件，more 组件，bread 组件，skeleton 组件，checkbox 组件，radio 组件，select 组件，dialog 组件，message 组件，confirm 组件，pagination 组件，steps 组件，timeline 组件，tabs 组件，loading 组件，city 组件，v-lazy 指令 | 核心业务：数据懒加载，图片懒加载，骨架屏效果，无限列表，sku 规格选择，云端购物车 & 本地购物车，微信支付 & 支付宝支付，商品类目，订单管理

  • React.js高手班 9

    课时:24天技术点:270项测验:0次学习方式:线下面授

    学习目标

    通过React+class组件+Hooks+Redux+TypeScript的学习，实现企业开发中的经典案例，如B站评论、购物车、放大镜、点餐系统等业务功能

    主讲内容

    1. React基础掌握React基本语法，能够使用class组件实现常见的业务功能。

    JSX | 组件系统 | 虚拟 DOM | 生命周期 | 无状态组件 | 有状态组件 | ref | class | 组件通信 | create-react-app | 路由 | 插值 | state

    2. Hooks运用hooks核心知识实现购物车和放大镜经典案例效果。

    useState | useEffect | useRef | useContext | useEffect高级用法 | 放大镜案例 | 购物车案例

    3. Redux结合React技术栈，运用redux实现点餐系统的状态管理。

    状态管理流程 | action | dispatch | store | reducer | redux-thunk 中间件｜combineReducers | react-redux | 开发调试工具 | 点餐案例

    4. TypeScript运用TypeScript语法，并且在React项目中熟练运用TypeScript。

    基础类型｜联合类型｜字面量类型｜类型推断 | 类型断言 | 泛型 | 类型声明 |ts结合hooks | ts结合redux | ts结合路由 | 点餐案例重构

  • 极客园PC端项目高手班 10

    课时:4天技术点:88项测验:0次学习方式:线下面授

    学习目标

    熟练掌握react技术栈（react hooks + redux + react-router）配合antd组件库开发后台管理项目的技术能力。

    「极客园」对标“CSDN”、“博客园”等竞品，致力成为更加贴近年轻 IT 从业者（学员）的科技资讯类应用。 本项目是个人自媒体管理端，涵盖了后台管理系统的核心业务，基于react技术栈（react hooks + redux + react-router）实现了登录功能，首页展示，文章管理与发布，图片上传等功能，让学员熟练掌握react核心技术栈的开发项目的能力。

    主讲解决方案

    1.基于react hooks实现中大型后台管理系统的解决方案 | 2.基于ant-design组件库解决方案 | 3.基于react-router的前端路由解决方案 | 4.基于redux的状态管理解决方案 | 5.基于react-quill的富文本编辑器解决方案 | 6.基于create-react-app的构建react项目解决方案 | 7.基于axios封装请求工具类解决方案 | 8.基于token的前端登录解决方案 |

    主讲知识点

    请求模块化 | 请求工具拦截 | scss 样式 | 布局组件 | Redux状态管理 | create-react-app | 反向代理 | ant-design | 表单校验 | private router | token 认证 | token 失效控制 | history 路由 | 打包性能优化 | CDN 加速 | 组件封装 | react-quill |

  • 极客园H5项目高手班 11

    课时:11天技术点:242项测验:0次学习方式:线下面授

    学习目标

    熟练掌握typescript + react技术栈 + antd-mobile组件库开发H5移动端新闻资讯类项目的技术能力

    极客园H5项目是新闻资讯类产品，包括首页文章列表上拉加载与刷新，频道管理，本地线上频道管理，文章搜索，文章评论与回复，组件缓存，token过期与刷新处理，用户权限拦截，个人信息修改解决方案。整个项目基于typescript开发，让学员熟练掌握当前最流行的typescript + react技术栈开发项目的能力。

    主讲解决方案

    1.基于typescript开发中大型项目的解决方案 | 2.基于antd-design组件库移动端解决方案 | 3.基于react全家桶（react hooks + redux + react-router）移动端解决方案 | 4.基于axios封装请求工具类解决方案 | 5.基于token的前端登录解决方案，封装PrivateRouter拦截未登录用户 | 6.基于token实现token过期与token刷新处理 | 7.封装KeepAlive组件实现组件缓存的解决方案 | 8.基于antd-mobile实现文章列表的下拉刷新与上拉加载功能 |

    主讲知识点

    react+hooks+redux+typescript+router全家桶 | 移动端项目搭建 | ant-mobile-v5 | vw 适配方案 | Token 过期处理 | 动态编辑 | 上拉加载 | 下拉刷新 | 评论与回复 | 搜索功能 | DayJS | 数据持久化 | 图片懒加载 | 组件定制 | 组件封装 | 性能优化 | 移动端1px像素 | Icon处理 | 表单验证 | 倒计时 | 拦截器 | 权限组件封装 | 缓存组件封装 | websocket | 防抖与节流 | 关键字高亮 | 吸顶组件 | keep-alive | CDN优化

  • 小程序高手班 12

    课时:6天技术点:43项测验:0次学习方式:线下面授

    学习目标

    能够独立开发小程序，提高就业能力，是就业的加分项

    主讲内容

    1. 小程序基础了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于 wxml 和 wxss 实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于 API 实现与服务端的数据通信，以及熟悉其它高级 API 的使用。

    账号申请 | 开发工具 | 工程目录 | 项目配置 | 屏幕适配 | 资源托管 | 字体图标 | 数据绑定 | 事件处理 | 生命周期 | 场景值 | 模块化 | 网络请求 | 路由 | WXS | 模板 | 组件 | UI 框架 | 表单 | Promise

    2. uni-app理解 uni-app 实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及 uni-app 开发小程序时开发时与原生小程序的差异。

    脚手架 | 项目配置 | 单文件组件 | 生命周期 | 条件编译 | 计算属性 | 跨平台支持 | less | sass | 组件通信

    3. 电商项目基于真实需求综合运用小程序开发的相关知识，突出小程序 API 的真实应用场景，强化和巩固小程序开发的相关知识，提升综合解决问题的能力。

    客户消息 | 微信支付 | 微信地址 | 小程序转发 | 区域滚动 | 上拉加载 | 下拉刷新 | 数据缓存 | 用户信息 | 自定义组件 | 微信登录 | 意见反馈 | 上线发布

  • 黑马优购小程序项目高手班 13

    课时:4天技术点:20项测验:0次学习方式:线下面授

    学习目标

    1.能够开发跨平台的小程序 2.能够独立开发小程序项目 3.掌握微信登录的方现方式 4.掌握微信支付的方现方式

    黑马优购是一个经典的电商类小程序项目，包括商品、用户、购物车、订单等核心功能模块，采用 uni-app 框架做为跨平台小程序开发方案，并综合运用了原生小程序的组件化、模块化、网络请求、本地存储、微信登录、微信支付等技术，不仅能够培养学员的实践能力，还可以为就业提供有利的支撑。

    主讲解决方案

    1.小程序跨平台开发解决方案 2.小程序微信登录实现方案 3.小程序微信支付实现方案 4.下拉刷新/上拉加载交互实现方案 5.数据缓存实现方案

    主讲知识点

    1.uni-app跨平台开发框架 2.组件封装及通信 3.微信支付/登录 4.状态管理

  • React.js 高级在职提升课 1

    课时: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 | 微软小冰

  • 多端跨平台在职提升课 2

    课时: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 浏览器兼容情况

  • 前端工程化在职提升课 3

    课时: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

  • 前端服务化在职提升课 4

    课时: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 的应用

  • HTML&JS+前端 V版本课程说明

    课程名称：主要针对：主要使用开发工具：

    课程介绍

返回课程目录

↑ 上拉查看下阶段课程

热点技术 “周”更新日志

更多>课程更新日志按周更新热点/前沿技术

  • 新增2022-05-23

    · 接入dva状态管理库，封装了CustomScrollList分页列表组件

  • 新增2022-05-16

    · 封装Cust在非tab页面上添加nav导航，支持返回和其他自定义操作

  • 新增2022-05-07

    · 基于websocket搭建聊天室，在本地临时搭建node服务作为服务端

  • 新增2022-05-02

    · 封装CustomTreeSelect自定义级联组件

  • 新增2022-04-25

    · 使用笛卡尔积生成商品 SKU 表格基于 antd-mobile 封装  CustomInput  CustomPopup CustomTabs 自定义组件

  • 新增2022-04-18

    · 在线问诊项目-患者H5，自定义 hook useCaptcha 验证码计时

  • 新增2022-04-11

    · 使用笛卡尔积生成商品 SKU 表格

  • 新增2022-04-04

    · 封装 eImageSelect 函数，通过函数调用方式弹出图片选择组件

  • 新增2022-03-28

    · SaleSelect 组件 · antd 的 Form 表单实现商品销售属性选择等功能

  • 新增2022-03-21

    · 使用 EditableProTable 创建树形表格，重构后台类目

  • 新增2022-03-14

    · 使用 ProTable和ProForm 重构前台类目

  • 新增2022-03-07

    · 使用 ProTable和ProForm 重构属性管理 · 使用 umi antd-mobile dva 搭建问诊患者H5项目

  • 新增2022-02-28

    · 探花交友-RN，搭建React Native开发环境 · 证书签名打包 Android apk

  • 新增2022-02-21

    · 小兔鲜PC后台-React，使用 umi+antd-pro 重构小兔鲜儿项目

  • 新增2022-02-14

    · sentry前端错误监控 · 腾讯云serverless操作

  • 新增2022-01-17

    · nodejs中间层开发 · vue的服务端渲染 · SSR

  • 新增2022-01-10

    · koa2+elementplus全栈开发 · egg基本开发模式

  • 新增2022-01-04

    · 服务化基于koa2搭建web应用 · Redis或者MongoDB基本使用

  • 新增2021-12-27

    · Git命令 Gitflow · 测试与自动化 cypress端到端测试 · Linux Nginx Jenkins

  • 新增2021-12-20

    · 开发自己的CLI脚手架工具 · ESLint StyleLint

  • 新增2021-12-13

    · 打包时自动添加css前缀 · 为打包文件添加 hash 名

  • 新增2021-12-06

    · 自定义 Loader 和 Plugin · 处理 Vue单文件组件 · 继承vue-router和vuex

  • 新增2021-11-29

    · 工程化 gulp webpack · 通过 Babel 处理 ES6 语法 · WebpackDevServer  SourceMaps

  • 新增2021-11-22

    · Flutter和网页的混合开发 · wx.requestPayment 实现微信支付

  • 新增2021-11-15

    · 小兔鲜儿新增EventBus应用 · 创建云函数 payment 调用云支付接口

  • 新增2021-11-08

    · swiper 组件实现滑动切换 Tab 栏的交互

  • 新增2021-11-01

    · 小兔鲜儿新增ValueListenableBuilder局部刷新

  • 新增2021-10-25

    · EventChannel 实现页面间的数据通信 · 通过 getCurrentPages 动态渲染数据

  • 升级2021-10-18

    · 优化商品 sku 数据的结构 · 通过幂集算法拆分 sku 数据单元

  • 新增2021-10-11

    · 小兔鲜儿新增SharedPreferences本地缓存 · Timer倒计时 · 刷新token

  • 新增2021-09-27

    · 封装了 unit 组件 · 通过 Mobx 实现了 unit 和商品详情页面之间的数据共享

  • 新增2021-09-20

    · 小兔鲜儿新增NotificationListener一键回到顶部效果 · 通过 wx.getStorageSync 检测用户登录状态 · 封装了 shipment 组件

  • 新增2021-09-13

    · 监听 WXML 节点相关状态实现了页内导航的交互 · 小程序animate关建帧动画实现导航栏的动画交互

  • 新增2021-09-06

    · 小兔鲜儿新增Animation帧动画效果 · Dio封装网络请求单例类 · WeUI 实现了侧滑菜单的交互效果

  • 新增2021-08-30

    · 教学练测平台（教学练测V0.2版本完成上线） · 小兔鲜儿移动端（Flutter基础视频录制完成） · 多端跨平台（day 04视频录制） · Node.js （day 02 讲义制作完成）

  • 新增2021-08-23

    · 教学练测平台（教学练测平台0.2版本开发完成100%） · 小兔鲜儿移动端（1.Dart基础视频录制 / 2.Flutter基础大纲、代码和讲义制作完成） · 多端跨平台（1.小兔鲜儿讲义制作完成 / 2.小兔鲜儿订单管理功能研发完成） · Node.js （day 01 讲义制作完成）

  • 新增2021-08-16

    · 教学练测平台（教学练测平台0.2版本面授交互项目开发完成60%） · 小兔鲜儿移动端（1.Dart基础大纲制作完成 / 2.代码和案例完成 / 3.PPT讲义制作完成）

  • 新增2021-08-09

    · 教学练测平台（初版本上线运营，教案预览功能完成70%） · React（新版React day01~day04讲义制作完成） · koa进阶（前端进度100%，后端进度100%）

  • 新增2021-08-02

    · 教学练测平台（初版本上线） · 小兔鲜儿移动端（day 01视频录制完成） · React（新版React-极客园App端项目使用 Redux 改造完成） · koa进阶（前端进度99%，后端进度100%）

  • 新增2021-07-26

    · 教学练测平台（初版本上线，研发完成度99%） · 小兔鲜儿移动端（day 01视频录制） · React（新版React-极客园App端项目完成100%） · koa进阶（前端进度80%，后端进度100%）

  • 新增2021-07-19

    · 教学练测平台（初版研发完成度90%）/ 极客园（项目接口开发完成） · 小兔鲜儿移动端（day 01视频录制） · 多端跨平台（1.自定义省市县三级联动 / 2.实现表单验证、购物车、立即购买、个人信息的功能） · React（新版React-极客园App端项目80%） · koa进阶（项目代码开发和讲义编写完成20%）

  • 新增2021-07-12

    · 新增：教学练测平台（题库联调95%，双元教案和 面授教案联调70%） ·  小兔鲜儿移动端（day 01视频录制） · 多端跨平台（1.接口联调：商品详情、微信登录 / 2.小程序物料准备：购买流程、登录流程） · 极客园（ 1.PC端 day03讲义代码制作完成 / 2.移动端 day03讲义代码制作完成 ） · React（新版React-极客园PC端项目完成）

  • 新增2021-07-05

    · 新增：教学练测平台（题库联调完成90%  双元教案联调完成50%） · 小兔鲜儿移动端（day 01视频录制） · 多端跨平台（day 03视频录制完成） · 极客园（ 极客园PC端 day 01~02讲义、代码制作完成 ） · React（新版React课程大纲制作完成） · 服务化（Koa进阶讲完成20%） · Ajax （大纲和案例设计完成）

  • 新增2021-06-28

    · 新增：教学练测平台（教学练测单点登录联通测试，教学面授页面部分开发） · 小兔鲜儿移动端（day 01视频录制）/ 多端跨平台（day 02视频录制完成） · 极客园（ 1.day 01~02讲义、代码制作完成 / 2.接口bug修复 ） · Redux-Saga中间件（day 02视频录制40%） · 服务化（1.egg中间层讲义和示例代码完成 / 2.Serverless 讲义和示例代码完成 / 3.Koa进阶讲义和示例代码完成10%）

  • 新增2021-06-21

    · 教学练测平台（前端教案及题库页面交互开发80%） · 小兔鲜儿移动端（day 01视频录制） · 多端跨平台（day 01视频录制完成） · Redux-Saga中间件（day 01视频录制完成） · 服务化（1.nosql 讲义和示例代码完成 / 2.egg入门讲义和示例代码完成 / 3.ssr 讲义和示例代码完成 / 4.前端监控讲义和示例代码完成 / 5.egg中间层讲义和示例代码完成40% ）

  • 新增2021-06-14

    · 教学练测平台（前端双元交互页面开发80%） · 多端跨平台（1.day 01 视频录制 / 2.小兔鲜儿商品详情接口及SKU处理） · Redux-Saga 中间件（day 01~day 03 PPT制作完成 70%）

    升级

    · Vuex （讲义优化）

  • 新增2021-06-07

    · 教学练测平台（搭建教学练测平台框架，前端进度50%） · 小兔鲜儿移动端（day 01视频录制） · 多端跨平台（day 01 视频录制） · 极客园（ day 01讲义素材制作完成）

    升级

    · Ajax（day02 PPT 优化）

  • 新增2021-06-01

    · 教学练测平台（搭建教学练测平台框架，前端进度30%） · 多端跨平台（day02 视频录制） · 极客园（ 移动端界面功能升级完成） · 服务化-koa基础（课程讲义制作完成）

  • 新增2021-05-24

    · 教学练测平台（搭建教学练测平台框架，前端进度20%） · 小兔鲜儿移动端（1.day02 视频录制完成 / 2.day03 代码讲义制作） · 多端跨平台（1.day02 视频录制 / 2.人气推荐接口联调、商品详情SKU交互处理） · React Hooks 课程（day04 视频录制完成）

    升级

    · Ajax（day02 PPT 优化）

  • 新增2021-05-17

    · 教学练测平台（搭建教学练测前后端项目，前端15%  后端20%） · 小兔鲜儿移动端（day02-视频录制） · 多端跨平台（1.day01 视频录制 / 2.day02 讲义制作） · React Hooks 课程（day03 视频录制完成）

  • 新增2021-05-10

    · 教学练测平台（搭建教学练测项目框架 进度10%） · 小兔鲜儿移动端（day02 代码、讲义制作完成） · 多端跨平台（1.day01 视频录制 / 2.day02 讲义制作） · React Hooks 课程（1.day01视频录制完成 / 2.day02视频录制完成）

    升级

    · Ajax（day02 PPT 优化）

  • 新增2021-05-03

    · 黑马头条（本地服务开发完成，已推广部分老师试用，修改问题。） · 小兔鲜儿移动端（day01 视频录制完成） · 多端跨平台（1.day01 视频 / 2.day01 讲义和PPT制作） · React Hooks 课程（三天讲义、案例完成）

    升级

    · 移动 Web（day02 视频修复） · Ajax（day 01 PPT 优化）

  • 新增2021-04-26

    · 移动 Web（day 07 视频录制）/ 黑马头条（本地服务化接口开发整体进度90%） / 小兔鲜儿移动端（day 01 视频录制）/ 多端跨平台（小兔鲜儿基础代码封装及首页和商品详情接口联调）

    升级

    · 移动 Web（day 01 视频修复）/  jQuery（day01~03 视频修复完成）/ Vue原理（黑马头条移动端项目讲义优化）/ TypeScript（1.day 04 视频修复。2.React Hooks项目 day01大纲优化）

  • 新增2021-04-19

    · 移动 Web（1. day06 视频录制 / 2. day07大纲+PPT制作 / 3.day07视频录制） · PMIS（黑马头条本地化服务文章，用户/评论接口，整体进度50%） · 小兔鲜儿移动端（修复小兔鲜儿移动端BUG、小兔鲜儿移动端项目大纲、小兔鲜儿APP第一天代码和讲义） · TypeScript（day 04 视频）

    升级

    · 小兔鲜儿PC前台 优化讲义 · 黑马头条 2.0升级界面

  • 新增2021-04-12

    · 移动 Web（1. day05 视频录制 / 2. day06大纲+PPT制作 / 3.day06 视频录制） · PMIS（黑马头条本地化服务文章，频道接口开发，整体进度30%） · 小兔鲜儿移动端（调试业务主线接口完成、BUG修复和代码优化） · TypeScript（day 03 视频）

    升级

    ·  jQuery （day01~day02 修复） · 小兔鲜儿PC前台优化讲义

  • 新增2021-04-05

    · 移动 Web（1. day04 视频录制 / 2. day05大纲+PPT制作 / 3.day05视频录制） · PMIS（黑马头条本地化服务启动研发，恢复数据脚本，搭建基础框架，整体进度10%） · JavaScript高阶大纲制作 · 小兔鲜儿移动端（调试业务主线接口：购物车（商品详情页获取线上购物车数量+修改购物车规格+合并购物车）、订单和支付（结算订单+提交订单+待支付+订单列表+订单详情）、混合开发（地址管理）） · JTypeScript（day 02 视频）

  • 新增2021-03-29

    · 移动 Web（1. day04 大纲 +PPT制作 / 2. day04视频录制） · jQuery（day03） · 小兔鲜儿移动端（调试业务主线接口：获取短信验证码、验证短信验证码、手机验证码注册、用户账号登录(用户名或手机号)、商品详情页及规格、购物车增删改查、购物车全选和取消全选、购物车批量删除） · TypeScript（day 01 视频）

  • 新增2021-03-22

    · 移动 Web（1. day03大纲+PPT制作/ 2. day03视频录制） · WebAPI（day03）/ jQuery（day03 资料制作） · 小兔鲜儿移动端（再次解决商品详情页滚动和title定位不准的BUG（完全修复）、支付宝沙箱支付-安卓端 (支付宝沙箱支付没有iOS端)、Dart基础PPT（梳理了Dart基础需要讲解的内容、搭建了大纲结构）、省市区三级联动（完成度50%） · TypeScript（day 02 讲义）

  • 新增2021-03-15

    · 移动 Web（day02大纲+PPT制作 / day02视频录制） · JavaScript 基础（js基础第四天增加新收尾案例） · jQuery（day01重录） · 小兔鲜儿移动端（解决首页分类商品展示BUG、解决商品详情页滚动卡顿和定位不准的问题、解决小兔鲜儿APP流程走查（210308）的问题、使用dio插件封装网络请求工具类、解决重复添加购物车的BUG） · 多端跨平台（1.语法进阶讲义/ 2.设计教学案例 /优化小兔鲜儿代码 · TypeScript（day 01）

    升级

    · 黑马头条移动端（1.优化文章详情页发布评论的功能 / 2.新增点击评论图标平滑滚动到评论区的功能 / 3.新增文章详情页代码区高亮功能 / 4.新增项目打包优化相关的技术点 / 5.小智更名为小思同学、并提供线上 websocket 接口）

  • 新增2021-03-08

    · 基础班 day05 · jQuery day 02 · MVVM 讲义 + 代码 + 素材ktolin版本过低问题、安卓打包apk、集成bugly） · 小兔鲜儿PC前台 1.5 天讲义 · PMIS（设计器支持条件和变量的配置） · 小兔鲜儿移动端（集成bugly完善、解决首页滚动卡顿问题、解决首页分类商品展示BUG(80%) · 小兔鲜儿原生小程序（1. 登录/注册 2. 热门推荐 3. Mock方案分析）

    升级

    · JavaScript day03 修复

  • 新增2021-03-01

    · 基础班 day04 · 小兔鲜儿PC前台 3 天讲义 · PMIS （Bpm 设计器改用 ANTV，做出简单的分支、审批人、发送人） · 小兔鲜儿移动端（购物车切换规格和失效商品、商品分类模块UI调整和优化、登录或登出时刷新个人信息、解决安卓系统SDK版本冲突问题和ktolin版本过低问题、安卓打包apk、集成bugly） · 小兔鲜儿原生小程序（1. 商品评价管理 2. 商品规格、配送地址 3. 快应用功能优化）

    升级

    · JavaScript day01~day02 修复

  • 新增2021-02-02

    · 基础班（day03） · jQuery（day01） · Vue 3.0 基础（day09） · 小兔鲜儿电商后台（项目接口联调，商品发布接口调整和编辑商品）

    更新

    · 小兔鲜儿 Flutter 移动端（商品详情页规格交互逻辑、商品详情页规格和购物车的交互逻辑）

  • 新增2021-01-25

    · 基础班（day02） · Vue 3.0 基础（day08） · 小兔鲜儿电商后台（项目接口联调，商品管理、库存、审核、关键词搜索、品牌，发布商品完成） · 小兔鲜儿小程序（商品详情页布局及交互）

    更新

    · 小兔鲜儿 Flutter 移动端（重新构建首页分类商品的分页效果、商品详情页和分类模块接口调试、商品详情页规格接口、优化错误提示逻辑、解决购物车刷新BUG）

  • 新增2021-01-18

    · Vue 3.0 基础视频（day07） · 小兔鲜儿电商后台（项目接口联调，商品管理、库存、审核、关键词搜索、品牌，发布商品完成）

    更新

    · 小兔鲜儿 Flutter 移动端（重新构建了订单列表、自定义异常的友情提示）

  • 新增2021-01-11

    · Vue 3.0 基础视频（day06） · 小兔鲜儿电商后台（项目接口联调，前后台类目已完成）

    更新

    · 小兔鲜儿 Flutter 移动端（解决BUG、调试接口：爆款推荐+新鲜好物+分类商品+找相似）

  • 新增2021-01-04

    · 基础班视频（day01） · Vue 3.0 基础视频（day05） · 小兔鲜儿电商前台（联调接口+完成忘记密码功能） · 小兔鲜儿电商后台（完善项目整体功能，视频管理、商品编辑完成）- 项目整体功能完成 · 小兔鲜儿 Flutter 移动端（自定义Swiper插件轮播图指示器、首页回到顶部、自定义缩放动画组件：CustomScaleTransition、自定义刷新组件：CustomSmartRefresher）

    更新

    · 小兔鲜儿 Flutter 移动端（重做商品和订单相关的弹框、调试首页和登录注册的接口、 解决测试中的BUG）

  • 新增2020-12-28

    · Vue 3.0 基础视频（day04） · 小兔鲜儿原生小程序（小程序个人中心页面布局） · 小兔鲜儿电商前台（产品提出优化点全部完成 + 第五天代码和讲义80%） · 小兔鲜儿电商后台（完善项目整体功能，素材管理（图片）、商品管理、商品发布基本完成）

    更新

    · 小兔鲜儿 Flutter 移动端（补充评价时的标签信息和解决评价时评分的BUG、重做验证码登录页面、解决商品详情页买家备注的键盘BUG、补充提交订单时的选择项和弹框、补充无内容时的情感提示、解决底部导航切换的BUG）

  • 新增2020-12-21

    · Vue 3.0 基础视频（day03） · 小兔鲜儿电商后台（完善项目整体功能，素材管理（图片）、商品管理、商品发布基本完成）

  • 新增2020-12-14

    · 小兔鲜儿原生小程序（完成订单详情布局及交互） · Vue 3.0 基础视频（day02） · 小兔鲜儿电商前台（继续完成产品提出的优化法案 + 完成第三方登录 + 第四天代码和讲义） · 小兔鲜儿电商后台（完善项目整体功能，后台类目、前台类目管理完成） · 小兔鲜儿 Flutter 移动端（下拉刷新和上拉加载更多、登录页的睁眼和闭眼动效、购物车页面的侧滑删除和移入收藏、订单状态和订单列表的上下联动、首页分类导航吸顶效果）

  • 新增2020-12-07

    · 小兔鲜儿原生小程序（购物车、订单布局及交互） · 办公系统工作流定制（BPM设计器，PMIS业务 20%） · 小兔鲜儿电商后台（完善项目整体功能，属性、属性组管理已完成【针对测试】） · Vue 3.0 基础视频 day01

  • 新增2020-11-30

    · 小兔鲜儿原生小程序（首页、搜索、分类、我的页面布局及交互） · 小兔鲜儿电商前台（优化小兔鲜PC+Hybrid页面优化+小兔鲜pc第三天讲义和代码） · 小兔鲜儿电商后台（完成通用上传组件完成，完善整体功能【针对测试】） · 小兔鲜儿 Flutter 移动 App（重新实现了首页模块、TestFlight、解决测试的问题、退出登录）

  • 新增2020-11-23

    · HR 人资项目（视频修复 100%） · 小兔鲜儿专题模块 SSR 完成 · 小兔鲜儿 PC 前台（mock接口 + 业务 + day01 讲义+ 代码） · 小兔鲜儿 PC 后台（通用图片上传组件 80%） · 小兔鲜儿 Flutter（ 混合开发对接Vue实现的新的前端页面：Flutter 和 JS 的相互通信、重新实现了整个分类模块的各个页面和交互）

  • 新增2020-11-16

    · vue 3.0 day02~day04 讲义（授课实施） · HR 人资项目（视频修复 80%：Vuex + 前置内容 + 视频剪辑90%） · 小兔鲜儿 PC 前台（mock接口 + 业务 + day01 讲义+ 代码） · 小兔鲜儿 PC 后台（商品发布更多信息核心功能完成） · 小兔鲜儿 Flutter（订单商品评价时评价图片的预览和图片的多选、修复购物车页面和键盘相关的BUG）

  • 新增2020-11-09

    · vue 3.0 day03讲义 · 小兔鲜儿PC 前台（收藏品牌、收藏专题、关注品牌、我的足迹） · 小兔鲜儿 PC 后台（商品发布） · 小兔鲜儿Flutter（专题模块、自定义小组件） · HR人资项目课程修复 50%

  • 新增2020-11-02

    · vue 3.0 day02讲义 · 小兔鲜儿PC前台（sku 算法替换成插件、loading组件与指令、确认框组件与方法） · 小兔鲜儿PC后台（商品发布） · 小兔鲜儿Flutter（查看物流、我的收藏、查看收藏、侧滑删除收藏） · HR人资项目课程录制100%

  • 新增2020-10-26

    · vue 3.0 day01讲义 · 小兔鲜儿 PC 前台（城市组件、分页组件、地址管理） · 小兔鲜儿 PC 前台 V 3.0 升级 · 小兔鲜儿 PC 后台（后台类目 + 前台类目）90% · 小兔鲜儿 Flutter（我的订单和订单详情） · HR 人资项目课程录制 50%

  • 新增2020-10-19

    · 小兔鲜儿 PC 前台（本地购物车100%+sku规格操作+购物车商品详情打通，订单详情组件，评价晒单模块+组件封装） · 小兔鲜儿后台管理页面（属性管理完成+图片管理80%） · 小兔鲜儿 App 编辑购物车、购物车商品数量提示、品牌、找相似、爆款推荐、新鲜好物 · vue 3.0 基础大纲+案例设计

  • 新增2020-10-12

    · 小兔鲜儿 PC 前台（商品详情+购物车50%） · 小兔鲜儿后台管理页面（属性管理业务逻辑（50%）+组件状态或redux状态 · 小兔鲜儿 App 订单列表状态切换、下拉刷新和上拉加载更多，本地存储购物车（增删改查）

  • 新增2020-09-28

    · 小兔鲜儿 PC 前台（一级分类，二级分类，搜索80%） · 小兔鲜儿后台管理页面（1 素材 - 图片管理 2 素材 - 视频管理） · 小兔鲜儿 App 提交订单和我的订单列表、订单商品评价

  • 新增2020-09-21

    · 移动 Web TodoList · 小兔鲜儿 PC 前台（登录，注册，首页80%） · 小兔鲜儿后台管理页面（1 属性管理 2 属性组管理）· 小兔鲜儿 App 商品详情页和商品搜索

    升级

    · 移动 Web 第 7~8 天调优

  • 新增2020-09-14

    · 小兔鲜儿 PC 前台页面完成 · 好客租房业务功能完成 · 小兔鲜儿 App 商品二级分类排序、下拉、抽屉菜单· 小兔鲜儿 App 登录注册和找回密码

  • 新增2020-09-07

    · 小兔鲜儿 PC 前台页面（商品详情，购物车，填写订单，确认订单，支付成功，支付失败，购物车空）

    升级

    · 小程序项目 v7.0 day05 双元视频· 好客租房（发布房源页面以及房源列表页面组件封装）

  • 新增2020-08-31

    · HRSAAS(人力资源系统) v7.0 讲义完成并评审（评审结果：A级）

    升级

    · jQuery 第1天案例及第2天讲义· 小程序项目 v7.0 day05 讲义及代码· 好客租房（房源详情、房源列表、资讯、我的、我的收藏、登录、注册页面UI更新）· 小兔鲜儿 Flutter 首页和分类页 Bug 修复

  • 新增2020-08-24

    · HRSAAS(人力资源系统)v7.0讲义90%· 小兔鲜儿 Flutter 首页和分类页编写完成，首页mock搭建完成

    升级

    · jQuery 第1天讲义· 小程序项目 v7.0 day04 双元视频 · 好客租房（首页、城市选择、地图找房页面 UI 更新）

  • 新增2020-08-17

    · 36Kr 实战静态页· 小兔鲜儿 PC 前台静态页面编写50%· 小兔鲜儿 Flutter首页和分类首屏实现50%

    升级

    · jQuery 第1天讲义· Alloy Team 响应式布局 · Web APIs day07 ~ JS高级day01· 小程序项目 v7.0 day04 讲义及代码· 好客租房（项目搭建、基于viewport的移动端适配方案配置、移动端1px高清方案选型）

  • 升级2020-08-10

    · Alloy Team 响应式布局案例 · Web APIs day07 双元视频 · 小程序项目 v7.0 day03 双元视频、讲义、代码· HRSAAS(人力资源系统) v7.0 主页、多语言、全屏、主题、打包上线

  • 升级2020-08-03

    · Web APIs day06 双元视频 · 小兔鲜开发内容确认 · 小程序项目 v7.0 day02 双元视频· HRSAAS(人力资源系统) v7.0 员工模块、权限设计管理、模块集成

  • 升级2020-07-27

    · DOM工具库封装 · Web APIs 调整 · Web APIs day05 双元视频· 小程序项目 v7.0 day02 讲义及代码· Web HRSAAS(人力资源系统) v7.0 组织架构、公司设置

  • 升级2020-07-20

    · 小兔鲜儿网页布局个人中心 · 小程序项目 v7.0 day01 双元视频 · HRSAAS 登录模块、主页模块、路由页面的讲义代码

  • 升级2020-07-13

    · 无缝滚动轮播图 · 小兔鲜儿网页布局首页 · Web APIs day03 ~ day04 双元视频 · HRSAAS 基础环境搭建、登录模块的讲义和代码

  • 升级2020-07-06

    · dom 工具库封装 · Web APIs day02 双元视频 · 小程序基础 v7.0 day05讲义、代码 · Vuex的讲义和代码

  • 升级2020-06-29

    · 微博案例评论功能 · Web APIs 第7、第8天讲义 · Web APIs day01 双元视频 · webpack + Vue 视频小样

  • 升级2020-06-22

    · 优化动画、Web字体、Flex案例 · 基础 v7.0 day07 双元视频 · Web APIs day01 双元视频 · webpack + Vue 视频小样

  • 升级2020-06-15

    · 优化转换、阴影、圆角案例 · webpack + Vue 基础 v7.0 大纲 · 调薪/动态路由的角色控制/组织模块及数据调整 · 小程序基础 v7.0 day02 双元视频

  • 升级2020-06-08

    · 优化字体、背景、定位、过渡案例 · 部署禅道系统+Bug管理说明书 · 小程序基础 v7.0 day02 讲义及代码 · 工资/招聘/考勤/社保/公司设置

  • 更新2020-06-01

    · 正则表达式案例 · 作用域链案例 · JavaScript 事件案例 · Web APIs v7.0 5-7 天讲义

  • 更新2020-05-25

    · 定时器封装 · 多场景登录 · 学生列表 · Web APIs v7.0 1-4 天讲义

  • 更新2020-05-18

    · 随机背景 · 倒计时 · 网页时钟 · JavaScript 基础 v7.0 3-4 天讲义

  • 更新2020-05-11

    · bootstrap 案例 · 个人所得税 · 猜拳游戏 · JavaScript 基础 v7.0 1-2 天讲义

  • 更新2020-05-04

    · 浏览器兼容案例 · 瀑布流案例 · Web APIs v7.0 大纲 · 团队实战代码升级

  • 更新2020-04-27

    · 百度圣诞案例 · QQ轮播图 · 京东轮播图 · freelayout

  • 更新2020-04-20

    · 跑酷案例 · 无缝滚动案例 · 动态进度条案例 · JavaScript 基础案例

  • 更新2020-04-13

    · 照片墙案例 · 瀑布流案例 · 新浪微博案例 · 七巧板案例

  • 更新2020-04-06

    · 聊天案例 · 音乐盒案例 · 百度钱包案例 · 全民出游季案例

  • 更新2020-03-30

    · 虾米播放器案例 · 京东推荐 · 基础班 v7.0 1~2 天讲义 · Node v7.0 day01 双元视频

  • 更新2020-03-23

    · 排版案例 · 学生信息案例 · 简历案例 · 多媒体案例

专职课研团队专职教学团队

HTML&JS+前端专职课研团队
人才筛选标准
web前端课程研发团队 web前端培训讲师团队 前端开发培训人才标准

标准化研发人才画像
多维面试（五面）
研究院小组诊断测评
全链路面试流程监控

课研人员素质考核
课程设计考核
大纲设计考核
讲义撰写考核
视频录制考核
课堂试炼考核
产品全方位审评
考核答辩

技术开源历练
技术私享会
大牛技术沙龙
企业技术共享

HTML&JS+前端专职课研团队
课程研发体系标准

信息库

应用市场调研+大
数据分析
获取前沿发展方向

课题研究库

前沿热门课题深入
剖析+技术攻坚，
保障课程前瞻性

解决方案库

基于市场主流技术研
发解决方案，
应对职场难题

项目库

基于热门行业领域联合
大牛顾问团，
研发“大厂级”项目

研发人才库

来自华为、IBM等百人大牛团，每年耗资亿元，
研发行业标杆优质课程

HTML&JS+前端专职课研团队
研发老师履历
HTML&JS+前端专职教学团队
人才筛选标准
前端开发培训讲师团队 前端开发培训讲师团队 web前端培训讲师团队

标准化讲师画像初试技术深度
复试授课质量终试价值观

定制个性化考核方案讲师素质考核
视频录制考核排课、备课产出物考核
教育心理考核教学方法考核
课堂试讲考核正式授课答辩

学员满意度打分阶段课程评审
多维培养计划讲师晋升通道

教学团队独创三大教学法
讲透技术重难点

  • 情景式教学法将教学过程形象化的一种授课方法,集风趣、
    知识、故事场景于一体，可大大提高学员对
    知识的理解和吸收

  • 场景式授课通过分析场景特点、梳理场景流程、呈
    现给定场景下技术的实现3个步骤，向学
    员清晰的展现了开发的全流程。

  • Open教学法OPEN 教学法是由传智教育培训院首创的一套
    教学方法论，旨在「用更短的时间讲明白一个
    知识点」

HTML&JS+前端专职教学团队
研发老师履历
专属教学服务 保障学习结果
  • 入学多维测评，
    定制专属学习计划；
    目标导向式学习，
    精准定靶不脱节；
  • 随堂诊断纠错，
    扫清理解盲点；
    智能指引式建议，
    分层教学，
    因材施教；
  • 阶段效果测评，
    消除知识薄弱点；
    循序渐进式练习，
    从理论到应用；
    随时有问必答，
    攻克技术难点；
  • 学员薄弱
    知识可视化，
    精准查漏补缺；
    BI报表数据呈现，
    精准把控教学质量。
  1. 学习分享
  2. 班级活动
  3. 开班典礼
前端培训要学多久