www.8029.com-首页

教育行业A股IPO第一股(股票代码 003032)

传智教育|传智播客

一样的教育,不一样的品质
选择学科

HTML&JS+前端

前端开发培训校区HTML&JS+前端

选择校区

北京校区

    前端开发培训校区HTML&JS+前端

    关于HTML&JS+前端

    视野所及,唯有前端

    为什么要学习前端?

    • 01没有竞争对手

    • 02就业无行业限制

    • 03市场用人需求每周新增 5万+

    • 学习web前端开发的优势

      前端技术生态都是建立在JavaScript基础上
      JavaScript是前端工程师使用的唯一编程语言
      没有竞争对手且不会过时

    • web前端开发的应用场景
    • web前端开发工程师的就业分析

    高级App工程师课程

    推出高级App工程师课程,覆盖全栈+全端,常识量和技术深度增加50%;工程化+场景化深度定制,更贴合现阶段大厂要求
    Web前端课程阶段 Web前端开发课程时长

    前端课程大纲

    • 基础班阶段一

    • 就业班阶段一

    • 就业班阶段二

    • 就业班阶段三

    • 就业班阶段四

    • 就业班阶段五

    • 就业班阶段六

    • 就业班阶段七

    • 就业班阶段八

    • 就业班阶段九

    • 就业班阶段十

    查看详细课程大纲>基础入门新课时:14天VS旧课时:14天

    升级说明

    使用案例场景式教学,提升学习兴趣,降低入门难度

    主要内容

    ?自适应布局?BFC?蓝湖?选择器?盒模型?浮动?背景?定位?Flex?转换?Web 字体?动画?标签语法?排版标签?布局标签?多媒体标签?电商网页开发

    可解决的现实问题

    借助蓝湖工具,参照设计稿,进行 PC 端静态网页的开发。

    可掌握的核心能力

    ?熟练运用 HTML 语法?掌握语义化的本质?合理使用 HTML 标签编写网页的结构?通过浮动、定位、Flex 精细控制网页布局?通过背景、圆角、阴影、渐变等美装饰美化网页内容?结合转换、过渡、动画等高级特性增强用户体验?能够编写大型综合性网页?基于设计稿编写网页?借助蓝湖协同平台进行网页开发?体验真实团队开发流程

    查看详细课程大纲>移动 / Web新课时:13天VS旧课时:12天

    升级说明

    高度还原设计稿,熟悉静态网页的开发流程,新增1天团队实战

    主要内容

    ?媒体查询?分辨率?视口?媒体查询?rem?屏幕适配?2 倍图?响应式图片?刘海屏适配?添加主屏?禁止复制?Bootstrap?栅格化?团队实战

    可解决的现实问题

    解决移动设备屏幕所呈现网页的开发,高度还原设计稿,熟悉静态网页的开发流程。

    可掌握的核心能力

    ?了解 PC 屏幕与移动设备屏幕的差异?结合视口、媒体查询、rem 等常识整合出稳定高效的移动屏幕适配方案?基于设计稿编写高还原度的网页?针对移动设备的特征应用差异化的技术解决方案?借助蓝湖协同平台,体验真实团队开发流程?基于媒体查询技术适配多终端网页?运用 Bootstrap 框架开发响应式网页

    查看详细课程大纲>JavaScript / WebAPI / jQuery新课时:30天VS旧课时:30天

    升级说明

    融合 ES6-11 新语法,重新设计案例

    主要内容

    ?流程控制?循环?函数?对象?数组?宿主环境?节点操作?事件流?高阶函数?排序?重绘?回流?预加载?面向对象?原型?class?柯里化?箭头函数?闭包?点九图?ECharts?jQuery?数据可视化项目

    可解决的现实问题

    网页操作和用户交互是网页开发中不可或缺的组成部分,让网页“动”起来。

    可掌握的核心能力

    ?掌握客户端开发技术,如视觉交互、数据处理、安全、性能?掌握熟练操作 DOM 的能力?熟悉 ES6+ 语法特性?具备面向对象编程的能力?运用 jQuery 提高开发效率,深入面向对象思想?运用 Echarts 完成数据可视化项目的开发

    查看详细课程大纲>服务端编程新课时:25天VS旧课时:25天

    升级说明

    优化课程,新增防抖节流,JWT 权鉴,优化资讯后台管理项目,新增 2 天团队实战

    主要内容

    ?客户端与服务器?封装 Ajax?axios?跨域?防抖节流?HTTP?Node.js?数据库?Express?身份认证?session?JWT?Git?Token 身份认证?资讯后台管理项目

    可解决的现实问题

    实现客户端与服务端的交互,快速搭建服务器,具备大前端的基本功。

    可掌握的核心能力

    ?掌握网页数据交互的 Ajax 技术?掌握 Node.js 中核心模块?具备 Node.js 的编程思维?掌握 npm 的基本使用?根据发包流程将自己开发的库发布到 npm 平台?了解后端数据库的基本使用?能够使用常见的 SQL 语句操作数据库?能够使用 MySQL 模块在项目中操作 MySQL 数据库?掌握 Express 结合 MySQL 编写后端 API 接口?培养出懂后端的前端程序员?运用 Git 对项目进行版本控制?掌握实际开发中那些必知必会的 Git 操作?基于 jQuery + Ajax + 模板引擎 + Git 等技术完成后台管理项目的开发

    查看详细课程大纲>Vue.js新课时:59天VS旧课时:50天

    升级说明

    新增人资中台项目,置换小兔鲜儿电商前台项目,新增6天团队实战

    主要内容

    ?webpack?Vue 常用 API?Vue-cli?Element?Vuex?vue-router?Vant?MVVM 原理?电商前台管理系统项目?人力资源管理系统项目?黑马头条移动端项目?组件开发

    可解决的现实问题

    满足前端工程师的岗位要求,重中之重,也是主流框架之一,必会技能。

    可掌握的核心能力

    ?了解组件化开发的思想?了解路由的原理?掌握 Webpack 的基本使用?理解数据驱动视图的思想?掌握 Vue 的使用步骤?掌握 Vue 条件渲染、列表渲染、过滤器、生命周期、计算属性、侦听器等常用 API?掌握 ElementUI 的基本使用?掌握 Vue 中的组件通信技术?掌握 Vue 常用技术栈,如 vue-cli、vue-router、vuex、vue?运用 Vue 的基本语法开发电商后台管理系统?运用 Vue 开发人资管理平台?运用 Vue 开发黑马头条移动端网站?掌握 Vant 的使用?熟悉企业开发流程?熟悉团队开发流程?运用节流和防抖进行性能优化?理解 MVVM 的原理?熟悉 defineProperty 的使用?了解发布订阅设计模式?了解 Proxy 的使用?掌握 npm 平台发包步骤?掌握 Vue 组件封装的技巧

    查看详细课程大纲>小程序新课时:14天VS旧课时:14天

    升级说明

    升级品优购 v2.0 项目(uni-app)

    主要内容

    ?小程序 API?小程序发布流程?WXS?微信支付?Mobx?uni-app

    可解决的现实问题

    满足前端工程师的岗位要求,受众广泛,提高就业能力,找工作时的加分项。

    可掌握的核心能力

    ?了解小程序开发的一般流程?熟悉小程基础组件的使用?能够基于 wxml 和 wxss 实现小程序的界面布局?基于模板的数据绑定实现数据的动态渲染?基于 API 实现与服务端的数据通信?掌握小程序中高级 API 的使用。?理解 uni-app 实现跨平台开发的原理机制?以及 uni-app 开发小程序时开发时与原生小程序的差异?熟悉微信支付的接入流程?利用数据缓存实现性能优化

    查看详细课程大纲>React.js 基础新课时:20天VS旧课时:20天

    升级说明

    升级好客租房 v2.0 项目,新增 Hooks,函数式编程,Redux-Saga、Redux-Thunk 中间件

    主要内容

    ?React 常用 API?JSX?虚拟 DOM?生命周期?组件通信?数据管理流程?Antd?百度地图?高阶组件?组件定制?数据处理?utils?移动端租房项目

    可解决的现实问题

    深入理解组件化和模块化开发思想,三大主流框架之一,满足企业招聘中的岗位要求。

    可掌握的核心能力

    ?掌握 React 的基本语法?掌握 JSX 的常用语法?掌握 create-react-app 的使用?掌握路由的使用?掌握 React 中组件化开发的能力?了解高阶组件的基本使用?熟悉组件通信的常用方法。?掌握 React 的生命周期?掌握 Redux 的数据管理流程?掌握 Redux 中各组成部分的作用?掌握 React-Redux 的基本使用?了解展示组件和容器组件的区别?了解单向数据流的概念?掌握 React 中 dev-tools 的使用。?掌握 Reac 技术栈进行移动端网站的能力?了解百度地图 SDK 的基本使用?掌握 antd 的基本使用?了解项目中常见业务的开发思路?了解组件化开发思想?了解 CSS in JS 思想

    查看详细课程大纲>React.js 高级新课时:17天VS旧课时:0天

    升级说明

    小兔鲜儿电商后台项目(TypeScript)

    主要内容

    ?TypeScript 基础语法?接口、类、继承、构造器?useState?useEffect?useContext?自定义 Hooks?Redux 中间件?AntV?G6?单点登录?小兔鲜儿电商项目

    可解决的现实问题

    进军大厂必备,结合 TypeScript+Hooks 和函数式编程思想完成项目开发。

    可掌握的核心能力

    ?理解 TypeScript 中的类型系统?理解并能使用 TypeScript 中的泛型?了解 TypeScript 中类型的推断过程?了解 TypeScript 类型的高级用法?理解 Effect Hooks 和 State Hooks 设计思想?理解 Hooks 应用场景?掌握使用 Hooks 封装一些组件?掌握 JavaScript 函数式编程范式?理解主流的数据管理设计思想?掌握 Webpack 的工程化解决方案?掌握 Ant Desgin 的 UI 组件库?掌握基于 RESTful 风格的 API 解决方案?掌握 React-Router-Dom 的路由管理方案?掌握 Redux 的全局状态管理?掌握基于 Redux-Saga 的 Redux 异步处理方案?掌握 create-react-app 脚手架工具?掌握基于 xlsx 的 Excel 表格解析处理方案?掌握基于 AntV/G6 的 Graph 的流程审批功能?掌握基于 React 组件化技术解决方案?掌握结合 Redux 状态管理?掌握用户权限解决方案?掌握 AI 智能推荐方案?掌握秒杀 / 拼团 / 砍价方案?掌握物流追踪方案?掌握数据导出方案?掌握第三方支付方案?掌握即时通讯方案?掌握短信服务方案?掌握流媒体方案?掌握单点登录方案?掌握服务提醒方案

    查看详细课程大纲>多端跨平台新课时:35天VS旧课时:0天

    升级说明

    新增 React Native 交友 App 项目,新增 Flutter 小兔鲜儿移动 App 项目;新增小兔鲜儿原生小程序项目

    主要内容

    ?React-Naitve?Flutter?Dart?PWA?Taro?跨平台电商项目?跨平台交友项目

    可解决的现实问题

    高级前端工程师必备技能,真正实现一套代码多端运行,减少开发成本,提高开发效率。

    可掌握的核心能力

    ?掌握 RN 原生 App 界面布局?掌握第三方 RN 组件的集成和改造?掌握第三方 Android 原生组件的集成和使用?掌握高德定位自动获取终端经纬度?掌握Tencent逆地址技术?掌握 JWT 交互模式?掌握 Mobx 管理数据?掌握自定义 SVG 绘制?掌握 RN 模态窗口的实现?掌握图文混排布局?掌握 RN 本地相册访问?掌握 RN 本地相机调用?掌握高德地图实现定位功能?掌握 RN 多图片上传?掌握 Flutter 开发环境搭建?掌握 Dart 语言基础?掌握 Flutter 常见的布局方式?理解组件的概念及分类?掌握基础组件、容器类组件、可滚动组件、功能性组件的应用?理解 Taro 实现跨平台开发的原理机制?理解单 JSX 组件与原生小程序组件的对应关系?理解 Taro 开发小程序与原生小程序的差异?掌握原生小程序消息推送方案?掌握原生小程序多线程方案?掌握原生小程序云开发等高级方案?了解 PWA?能够实现通过 PWA 技术强化 H5 网页的原生特性?了解当前 PWA 技术的浏览器兼容情况

    查看详细课程大纲>工程化新课时:8天VS旧课时:1天

    升级说明

    新增 webpack 核心;新增脚手架工具;新增 git flow 全流程。

    主要内容

    ?webpack 核心原理?手写脚手架?性能优化?AST?gitflow 工作流

    可解决的现实问题

    高级前端工程师必备技能,在项目开发中实现自动化、规范化、组件化、模块化。

    可掌握的核心能力

    ?理解 webpack 的作用与原理?熟悉项目的打包过程配置?理解工程化的前端思维?掌握前端工程化的常见工具及工作原理?了解 webpack 性能优化?了解 webpack 中的 tapable?了解 AST 的应用?深入学习 webpack 原理,手写 webpack?掌握 vue-cli 及相关配置?掌握 vue-cli 初始化单页及多页项目?掌握使用 create-react-app 搭建项目?了解 create-react-app 的原理?掌握 angular-cli 搭建项目?了解 angular-cli 的原理?掌握一个基础 cli 的功能实现?掌握提交相关:git rebase/git commit/git reflog/git log?掌握子模块: submodule/subtree?掌握分支管理:git fetch/git checkout/git merge?掌握重置及回退:git reset/git checkout/git rm?掌握多人协同 git 工作流?掌握 git 常见的分支管理命令

    查看详细课程大纲>前端服务化新课时:30天VS旧课时:0天

    升级说明

    新增 Web 框架;新增 No SQL;新增 SSR;新增性能监控,埋点方案,异常上报,错误预警方案等

    主要内容

    ?Egg?koa?redis?MongoDB?监控平台?版本号分析?埋点方案?PV/UV 统计?性能监控?SSR 原理?Nuxt.js?Next.js

    可解决的现实问题

    高级前端工程师必备技能,SEO 优化策略之一,网站性能监控与埋点方案。

    可掌握的核心能力

    ?理解 Egg 的作用?运用 Egg 完成项目?理解 Koa 的核心设计思想?掌握 Koa 的中间件编写?理解 redis 核心概念与使用?结合 redis 完成项目?理解 MongoDB 核心概念与使用?理解服务端日志收集系统设计?掌握接入第三方监控平台?掌握对服务端错误预警?实现前端异常上报?实现用户 PV/UV 统计?实现页面加载时间统计?实现用户点击行为统计?实现接口请求日志统计?实现接口请求耗时统计?实现静态资源加载异常统计?实现实现 JS 页面截图?实现 JS 报错实时监控?实现详情分析和代码定位?实现静态资源加载异常实时监控?实现静态资源加载异常的统计分析?实现接口请求报错实时监控?实现接口请求报错的统计分析?实现用户 PV/UV 实时统计?实现记录回放功能(详细记录用户使用的足迹)?实现 7 日内留存数据分析?了解版本号分析,浏览器分布等信息分析?分析页面加载性能数据?理解 SSR 运行原理?掌握 SSR 环境搭建?掌握使用缓存和 stream 对 SSR 进行性能优化?掌握 Nuxt.js 的应用?掌握 Next.js 的应用

    Vue3.0特色课程—课程大纲传智课研老师充分研究Vue3.0新特性,更新技术及重要常识点,力争让学员掌握更多就业加分技能!

    • DAY 1

      node.js 中如何实现模块化
      前端模块化规范的分类
      ES6 模块化规范先容
      node.js ES6 模块化体验
      ES6 模块化的基本语法
      异步编程—Promise
      异步编程—async/await
      异步编程—EventLoop
      宏任务和微任务
      API 接口案例

      解决的问题 ? 如何使用 ES6 的模块化语法
      ? 如何使用 Promise 解决回调地狱的问题
      ? 如何使用 async/await 简化 Promise 的调用
      ? 了解 EventLoop
      ? 了解宏任务和微任务的实行顺序
    • DAY 2

      前端工程化的概念与优势
      前端工程化的解决方案
      webpack 的基本使用
      创建列表隔行变色的项目
      webpack 中的插件
      webpack 中的 loader
      配置 webpack 的打包发布
      了解企业级项目的打包发布
      开发环境下的 Source Map
      Source Map 的最佳实践

      解决的问题 ? 了解前端工程化
      ? webpack 的作用
      ? webpack 的基本使用
      ? plugin 的基本使用
      ? loader 的基本使用
      ? Source Map 的作用
    • DAY 3

      vue 的特性
      vue 的基本使用步骤
      vue-devtools
      模板语法
      $evnet 事件参数
      表单输入绑定
      v-if、v-else、v-else-if
      列表渲染
      全局过滤器
      品牌列表案例

      解决的问题 ? vue 的基本使用步骤
      ? 插值表达式和 v-bind 指令的用法
      ? 如何使用 v-on 指令绑定事件
      ? 使用 v-model 指令实现数据的双向绑定
      ? 使用 v-if 和 v-else 指令实现条件渲染
      ? 使用 v-for 指令实现列表数据的循环渲染
    • DAY 4

      单页面应用程序的特点
      如何创建 vue 的 SPA 项目
      vite 项目创建及结构梳理
      vite 项目的运行流程
      vue 中的组件化开发
      vue 组件的构成
      组件的注册
      组件的 props
      样式绑定
      TabBar 案例

      解决的问题 ? 了解单页面应用程序及组件化开发
      ? 了解 .vue 单文件组件的组成部分
      ? 如何注册 vue 的组件
      ? 如何声明组件的 props 属性
      ? 如何在组件中进行样式绑定
    • DAY 5

      props 基础类型检查
      props 必填项校验
      自定义验证函数
      计算属性的使用注意点
      缓存计算结果
      计算属性 vs 方法
      自定义事件先容
      自定义事件编写
      v-model 应用场景
      任务列表案例

      解决的问题 ? 如何对 props 进行验证
      ? 如何使用计算属性
      ? 如何为组件自定义事件
      ? 如何在组件上使用 v-mode
    • DAY 6

      watch 侦听器的基本语法
      监听对象中单个属性的变化
      计算属性 vs 侦听器
      生命周期先容
      生命周期函数的分类
      组件创建、运行、销毁阶段
      组件之间的数据共享
      provide 响应式数据
      vue3.x 中全局配置 axios
      购物车案例

      解决的问题 ? watch 侦听器的基本使用
      ? vue 中常用的生命周期函数
      ? 如何实现组件之间的数据共享
      ? 如何在 vue3.x 的项目中全局配置 axios
    • DAY 7

      ref 引用先容
      ref 引用 DOM 元素应用
      ref 引用组件实例
      component 元素
      keep-alive 元素
      插槽的基本使用
      具名插槽
      自定义指令的分类
      update 函数
      Table 表格案例

      解决的问题 ? 如何使用 ref 引用 DOM 和组件实例
      ? $nextTick 的调用时机
      ? keep-alive 元素的作用
      ? 插槽的基本用法
      ? 如何实现自定义指令
    • DAY 8

      前端、后端路由
      SPA 与前端路由
      实现简易的前端路由
      vue-router 的先容
      vue-router 4.x 的使用步骤
      嵌套路由
      动态路由匹配
      编程式导航
      导航守卫
      后台管理案例

      解决的问题 ? 前端路由工作的过程
      ? 如何在 vue 中配置路由
      ? 如何使用嵌套路由
      ? 如何实现动态路由匹配
      ? 如何使用编程式导航
      ? 如何使用导航守卫
    • DAY 9

      vue-cli的安装
      vue-cli项目创建
      项目结构与源码梳理
      vue2.x 项目路由应用
      组件库的概念
      element-ui 的安装预配置
      element-ui 常见组件
      axios的安装与配置
      proxy 跨域接口代理
      用户列表案例

      解决的问题 ? 如何使用 vue-cli 创建 vue 项目
      ? 如何在项目中安装与配置 element-ui
      ? element-ui 中常见组件的用法
      ? 如何配置 proxy 接口代理

    前端培训适合人群

    • 有具象思维

      相比较逻辑思维,前端工程师更需要具体、形象的思维能力

    • 有好奇心

      喜欢接触新兴事物,对互联网行业有好奇心和探索欲望

    • 耐心细致

      前端应用是触达用户的第一入口,
      用户体验十分重要

    • 应届毕业生

      前端工程师岗位需求多、前景好、
      上手快,适合作为应届生的第一职业

    前端工程师职业发展路径

    web前端开发工程师发展路径

    初级前端工程师
    (0~1 年)

    中级前端工程师
    (1~2 年)

    高级前端工程师
    (2~4 年)

    资深前端工程师
    (4~6 年)

    前端架构师
    (6~10 年)

    CTO
    (10 年以上)

    技术开发组长
    (4~6 年)

    项目经理
    (6~10 年)

    项目总监
    (10 年以上)

    真项目

    由大厂架构师精心设计,推出全平台、全业务、场景化、工程化的前端项目课程,制定前端真项目标准 ,并且建立可以免费体验的在线“项目库”
    1. 学IT,为什么要学项目课程?
    2. “真”项目课程,对找工作有哪些帮助?
    3. 小白如何分辨“项目课程”真伪?
    1. 高标准"亿元级"研发投入
      大厂项目标准

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

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

    4. 场景化业务场景深度定制
      行业方案全面主流

    5. 工程化项目开发规范化
      上线部署自动化

    6. 严保障12项评审流程
      4项验收标准

    • 前端开发培训课程含金量标准
      项目实战天数 ≥9天

      实实在在的项目干货
      不用框架基础来凑数

      页面数量≥ 8个

      足够的页面数量
      支撑完整的业务体系

      主业务类型数≥ 6个

      企业真实开发场景
      从容应对主流业务

      解决方案数量≥ 8个

      定制化的解决方案
      提升技术应用的灵活性与稳定性

      接口数量≥ 30个

      足够的接口数量
      体现项目的规模化

    • Now - 单项目全端 跨平台

      技术范围广 合并重复常识点
      企业开发同一产品 多个平台更真实
      各平台产品 密切联动
      依行业特点 制定强实施性解决方案

      Before - 多项目多端

      不同类型项目 存在重复常识点
      体量不足 性能优化感知弱
      缺失跨平台公共业务和数据请求
      行业纵深较浅 解决方案非体系化

      以小兔鲜儿项目为例

      全平台多端项目行业首个真正的全端项目课程,并且业务在全端贯通

      Web 项目-电商前台 小程序项目 – 小兔鲜儿小程序Web 项目– 电商后台 移动端项目 – 小兔鲜儿App

      web前端项目:小兔鲜儿
    • 专业级的www.8029.com-首页团队

      企业级业务模型打造

      高级后端开发工程师
      配合产品实现

      拒绝DEMO级项目

      前端项目业务架构图1 前端项目业务架构图2 前端项目业务架构图3
    • 场景化—深度场景定制

      web前端开发场景1:数据监控

      数据监控

      web前端开发场景2:短信服务

      短信服务

      web前端开发场景3:角色权限

      角色权限

      web前端开发场景4:流媒体

      流媒体

      web前端开发场景5:AI智能推荐

      AI智能推荐

      web前端开发场景6:工作流

      工作流

      web前端开发场景7:单点登录

      单点登录

      web前端开发场景8:物流追踪

      物流追踪

      web前端开发场景9:即时通讯

      即时通讯

      web前端开发场景10:消息提醒

      消息提醒

    • 工程化 — 企业生产效率提升必备

      模块化

      模块化构建
      ESModule
      Babel构建JavaScript
      PostCSS构建CSS
      常用资源模块化
      常见loader的使用

      组件化

      结合Vue实现组件化开发
      结合React实现组件化开发

      性能优化

      DllPlugin
      HappyPack
      UglifyPlugin
      文件监听
      TreeShaking
      压缩代码
      CDN加速
      Prepack

      规范化

      编程范式约束
      目录结构统一
      编码规范统一
      接口规范统一
      文档规范
      Mock数据并行开发
      GitFlow与版本管理

      自动化

      环境嗅探、自动刷新、
          一键部署
      资源定位、hash文件指纹
      动态构建、HMR
      脚手架定制
      持续集成
      CDN内容分发
      错误监控

      以下开发问题场景都可以通过工程化解决

      开发层面

      相同业务重复编写
      代码调试困难
      业务代码维护困难
      网站性能较差
      文件依赖关系混乱

      性能层面

      静态和动态资源部署混乱
      性能问题重复
      人工交付流程繁琐
      JS逻辑对接口API强依赖

      协同层面

      同一模块无法多人开发
      团队开发效率低
      团队协作能力差

      规范层面

      接口规范不统一
      命名不规范
      编码规范不统一
      项目组织结构不规范

      自动化层面

      图标无法自动合并
      无法持续集成
      无法自动构建
      无法进行自动化测试

    • HTML&JS+前端项目12项评审流程

      前端开发工程师项目评审流程

      HTML&JS+前端项目4项验收标准

      项目开发验收27项考核指标

      功能实现

      业务流程

      UI/UE实现

      代码质量

      接口/性能

      ……

      课程质量验收15项考核指标

      技术应用合理性

      技术前沿性

      技术深度

      课程衔接合理性

      引导式教学应用程度

      ……

      研发效率验收3项考核指标

      进度

      成本

      变更频率

      ……

      用户验收17项考核指标

      课程导入吸引度

      授课语言感染力

      课程趣味性

      教学结果

      课程吸取度

      ……

    前端项目体验

    • web前端开发工程师培训项目:旅游项目

      【旅游】闲云旅游

      2020-06-01

      进入项目体验

      前端开发实战项目
    • 前端开发项目:黑马面面

      【在线教育】黑马面面

      2020-03-05

      进入项目体验

      前端工程师培训实战项目
    • web前端开发培训项目:黑马头条

      【资讯】黑马头条移动端

      2020-02-21

      进入项目体验

      web前端工程师实战项目
    • 前端工程师培训项目:探花交友

      【社交】探花交友(案例)

      2020-02-15

      进入项目体验

      web前端开发实战项目
    • 前端开发项目:智能看板

      【数据服务】智能看板(案例)

      2020-02-10

      进入项目体验

      前端开发实战项目
    新上线项目
    更多>>

    教研团队

    年薪80万持续引入大厂技术大牛,建立前端专职课研团队及专职教学团队,制定严格师资筛选培训体系,不断提高行业课程标准及教学质量

    专职课研团队

    专职教学团队

    16级标准严选专职课研老师,严控课程研发质量

    人才筛选
    4项标准

    • 标准化研发人才画像

      大厂背景,技术深度、广度,
      大型项目经验

    • 多维面试(五面)

      背景调查,技术360°鉴定 ,
      新课题设计 ,课程随机演绎 ,
      职业定位、发展规划

    • 研究院小组诊断测评

      教育情怀、价值观,进
      取精神、培养潜力

    • 全链路面试流程监控

      CEO审核,信息存档

    人才考核
    8大环节

    课研人员素质考核视频录制考核

    课程设计考核课堂试炼考核

    大纲设计考核产品全方位审评

    讲义撰写考核考核答辩

    人才培训及
    发展规划

    平台、组件
    技术开源历练

    技术私享会

    大牛技术沙龙

    企业对对碰
    技术共享

    优中选优,教学老师录取率<3%,从源头严控师资及授课质量

    人才筛选
    4项标准

    • 标准化讲师画像

      业务技能、性格
      特色、沟通能力

    • 初试技术深度

      框架能力、底层原理、性能与
      安全、算法与数据结构

    • 复试授课质量

      课程设计、授课逻辑互动与
      交互、代码规范

    • 终试价值观

      抗压能力、学习动力、
      专业程度、培养潜力

    人才考核
    8大环节

    定制个性化考核方案教育心理考核

    讲师素质考核教学方法考核

    排课、备课产出物考核课堂试讲考核

    视频录制考核正式授课答辩

    人才培训及
    发展规划

    每日授课
    学员满意度打分

    阶段课程实施
    评审组审核

    传智培训院
    多维培养计划

    讲师专属
    晋升通道

    学员作品

    还原大厂企业标准化开发流程,学员主导项目从零到上线的全周期、全流程,学习一个半月就可以完成以下作品
      • 前端开发培训作品:摄影网站

        Perfect Photo & Studio

        【在线演示】深圳-40期程同学组

        概况:自主创意的摄影作品工作室网站,使用 jQuery + CSS3 + flipping +...

        作品概况

        自主创意的摄影作品工作室网站,使用 jQuery + CSS3 + flipping + slick + bootstrap + animate,封装图像切割动效 JavaScript 动效库,实现丰富的图片特效。

        在线演示
        前端培训班学员作品:飘视觉

        飘视觉

        【在线演示】广州-27期三组

        概况:参考《飘视觉》官网,使用 jQuery + CSS3 + pincolor + swiper...

        作品概况

        参考《飘视觉》官网,使用 jQuery + CSS3 + pincolor + swiper,实现专业级动画交互效果,基本全站还原了飘视觉官网全景。

        在线演示
        前端培训班学员作品:企业网站

        UEMO

        【在线演示】广州-11期李同学组

        概况:提供企业网站定制服务解决方案,为企业轻松快速定制高端官网...

        作品概况

        提供企业网站定制服务解决方案,为企业轻松快速定制高端官网。使用 jQuery + CSS3 + mplayer 实现大量商业级动画效果,尤其动画的设计既专业又炫酷,封装 common JavaScript 工具库。

        在线演示
        前端开发培训机构学员作品:唯一视觉婚纱摄影

        唯一视觉婚纱摄影

        【在线演示】西安-7期张同学组

        概况:参考《唯一视觉婚纱摄影》官网,使用 jQuery + CSS3 + animate...

        作品概况

        参考《唯一视觉婚纱摄影》官网,使用 jQuery + CSS3 + animate,动画效果浪漫典雅,充分烘托出新婚的快乐与幸福,小组成员还封装了瀑布流和轮播图组件库。

        在线演示
        前端培训机构学员作品:轩辕剑龙舞云山

        轩辕剑龙舞云山

        【在线演示】深圳-38期范同学组

        概况:参考网易游戏《轩辕剑龙舞云山》手游官网,使用 jQuery + CSS3...

        作品概况

        参考网易游戏《轩辕剑龙舞云山》手游官网,使用 jQuery + CSS3,封装 common JavaScript 工具库,应用 normalize 实现 CSS reset,基本还原了首页全景,动画交互效果精致。

        在线演示
        前端工程师培训学员作品:光·遇

        光·遇

        【在线演示】深圳-38期肖同学组

        概况:参考网易游戏《光·遇》官网,使用 jQuery + CSS3 + bootstrap + ...

        作品概况

        参考网易游戏《光·遇》官网,使用 jQuery + CSS3 + bootstrap + animation,封装 common JavaScript 工具库和 CSS 效果库。

        在线演示
        前端工程师培训学员作品:阴阳师:百闻牌

        阴阳师:百闻牌

        【在线演示】深圳-38期汪同学组

        概况:参考网易游戏《阴阳师:百闻牌》手游官网,使用 jQuery + CSS3...

        作品概况

        参考网易游戏《阴阳师:百闻牌》手游官网,使用 jQuery + CSS3,封装 Alert Box 及 Top Bar 工具库。

        在线演示
        web前端开发学员作品:战意

        战意

        【在线演示】广州-27期二组

        概况:参考网易游戏《战意》官网,使用 jQuery + CSS3 + swiper...

        作品概况

        参考网易游戏《战意》官网,使用 jQuery + CSS3 + swiper,封装 topnavCommon JavaScript 工具库,基本全站还原了战意官网全景。

        在线演示
      • 前端培训学员作品:网易游戏

        网易大神

        【在线演示】广州-27期七组

        概况:参考《网易游戏》官网,使用 jQuery + CSS3 + wrating + ...

        作品概况

        参考《网易游戏》官网,使用 jQuery + CSS3 + wrating + nav.byebye3 + iplay + entry + vendor,实现精彩的 3D 动效交互效果。

        在线演示
        前端开发培训学员作品:AWA 4.0

        AWA 官网

        【在线演示】广州-27期六组

        概况:参考《AWA 4.0》官网,使用 jQuery + CSS3 + html5shiv + ...

        作品概况

        参考《AWA 4.0》官网,使用 jQuery + CSS3 + html5shiv + swiper,实现响应式交互菜单动效,封装 shop JavaScript 工具库专门处理商品信息。

        在线演示
        前端开发工程师培训作品:阴阳师

        阴阳师

        【在线演示】广州-25期张同学组

        概况:参考网易游戏《阴阳师》官网,使用 jQuery + CSS3 + swiper + ...

        作品概况

        参考网易游戏《阴阳师》官网,使用 jQuery + CSS3 + swiper + SuperSlide,封装图片动效组件库,封装 common JavaScript 工具库。

        在线演示
        传智web前端学生作品:美食网

        美食网

        【在线演示】广州-23期李同学组

        概况:美食网,吃天下。使用 jQuery + CSS3 + flex + SuperSlide ...

        作品概况

        美食网,吃天下。使用 jQuery + CSS3 + flex + SuperSlide + 3d-tv,实现大量专业级动画效果,并集成字体图标及百度地图 API。

        在线演示
        前端培训机构学生作品:方舟生存天下

        方舟生存天下

        【在线演示】广州-23期王同学组

        概况:参考网易游戏《方舟生存天下》官网,使用 jQuery + CSS3 +...

        作品概况

        参考网易游戏《方舟生存天下》官网,使用 jQuery + CSS3 + posterSwing + canvas-nest + scrollreveal,独立研发并封装视频播放方案:全屏 + 自动播放 + 轮播。

        在线演示
        前端学员作品:天下 3

        天下 3

        【在线演示】广州-11期薛同学组

        概况:参考网易游戏《天下 3》官网,使用原生的 JavaScript、HTML5 和...

        作品概况

        参考网易游戏《天下 3》官网,使用原生的 JavaScript、HTML5 和 CSS3,重点实现人物和场景动画效果,封装 common CSS 动效库。

        在线演示
        前端培训班学员作品:蒙娜丽莎

        蒙娜丽莎婚纱摄影

        【在线演示】广州-11期张同学组

        概况:参照《蒙娜丽莎》婚纱官网,使用 jQuery + CSS3 + Bootstrap + animate...

        作品概况

        参照《蒙娜丽莎》婚纱官网,使用 jQuery + CSS3 + Bootstrap + animate + mplayer,实现了丰富的酷炫的动画效果,封装 common JavaScript 工具库。

        在线演示
        web前端学生作品:行行摄色

        行行摄色

        【在线演示】西安-7期高同学组

        概况:参考《行行摄色》官网,使用 jQuery + CSS3 + easying + move-line...

        作品概况

        参考《行行摄色》官网,使用 jQuery + CSS3 + easying + move-line + bundle + animatie,实现了炫酷的 3D 交互式动效,同时还封装 tools JavaScript 工具库,并独立研发了风景照片特效。

        在线演示
      • 前端开发培训班学员作品1

        哇噻网

        【在线演示】西安 7 期马同学组

        概况:参考《哇噻网》官网,使用 jQuery + CSS3 + animate,实现了...

        作品概况

        参考《哇噻网》官网,使用 jQuery + CSS3 + animate,实现了丰富精致的动画效果,小资购物的情调展现的淋漓尽致,同时还封装 common JavaScript 工具库。

        在线演示
        前端开发培训班学员作品2

        优必选官网

        【在线演示】西安 7 期高同学组

        概况:参考《优必选官网》官网,使用 jQuery + CSS3 + animate,实现了...

        作品概况

        参考《优必选官网》官网,使用 jQuery + CSS3 + animate,实现了商业级动画效果,并根据业务封装了星战、地图、服务、店铺等多个 JavaScript 业务库。

        在线演示
        前端开发培训班学员作品3

        马蜂窝

        【在线演示】西安 7 期王同学组

        概况:参考《马蜂窝》官网,使用 jQuery + CSS3 + animate,实现了...

        作品概况

        参考《马蜂窝》官网,使用 jQuery + CSS3 + animate,实现了丰富的酷炫的动画效果,封装通用和动画两个 JavaScript 工具库,并根据业务封装了城市、店铺 JavaScript 业务库。

        在线演示

      前端实战标准及流程 —— 完成高质量项目作品,快速适应企业工作流程

      • 采用大厂推荐的开发流程
        实现项目高效开发、快速迭代

      • 打通需求 → 设计 → 开发 → 测试 →协同全流程,提升团队协同效率

      • 学员亲历项目从零到上线的全周期开发,对项目流程有深刻认知

      • 学员主导,分组练习,提升需求分析及实现能力

      前端实战课程流程
      • 项目进度例会
      • 项目进度早会
      • 项目讨论
      • 项目预演
      • 项目答辩

      学科发展史

      • 2020年

        学科正式更名为HTML5&JS+前端 ,推出高级App工程师课程

      • 2019年

        引入阿里、京东、用友等大厂一线技术人员加入前端研究院,为打造优质课程体系提供技术支撑 研发了多个企业级实战综合,包含包含 PC 端、移动端、移动APP等 加强 React 学习的深度和广度、跨平台开发也逐步被引入课程体系

      • 2018年

        扩大研发队伍,加强研发力度,独创了 N+12 教学新模式 跟进新技术、新领域,为学员提供免费终身的学习服务

      • 2017年

        引入数据持久化、内存缓存、项目部暑等课程体系 成立了全栈子学科,培养了大量全面性Web开发人才 率先增设了小程序的课程

      • 2016年

        率先引入Gulp、webpack等基于Nodejs的前端工程化工具 加强 AngularJS、Vue.js 课程的深度与广度,更加贴合市场需求

      • 2015年

        2015年7月7日,传智播客前端与移动开发学院正式成立 从500名学员中筛选了30名同学,首期前端班正式开班

      1. 2020年
      2. 2019年
      3. 2018年
      4. 2017年
      5. 2016年
      6. 2015年
      更多>>

      免费资源

      适合前端工程师自学的视频教程免费分享,推出2020年前端高级App工程师学习路线图
      web前端开发学习路线图

      更多>>近期精品直播公开课

        原创教材

        传智教育已经出版了9本前端原创书籍,被1900余所高校选作授课教材,惠及200余万名大学生

        /

        • web前端工程师必看书籍|JavaScript书籍

          JavaScript+jQuery交互式Web前端开发人民邮电出版社
          SBN:978-7-115-52680-9
          2020-04-01

          Vue.js书籍

          Vue.js前端开发实战人民邮电出版社
          SBN:978-7-115-52323-5
          2020-04-01

          小程序开发书籍

          微信小程序开发实战人民邮电出版社
          SBN:978-7-115-50203-2
          2019-04-01

          jQuery开发书籍

          jQuery前端开发实战教程中国铁道出版社
          SBN:978-7-113-24768-3
          2018-10-01

          web前端工程师培训教材|HTML5书籍

          HTML5混合App开发清华大学出版社
          SBN:978-7-302-49772-1
          2018-05-01

          JavaScript前端开发书籍

          JavaScript前端开发案例教程人民邮电出版社
          SBN:978-7-115-44318-2
          2018-02-01

        • HTML5书籍

          HTML5移动Web开发中国铁道出版社
          SBN:978-7-113-23103-3
          2017-08-15

          Node.js书籍

          Node.js 核心技术教程中国铁道出版社
          SBN:978-7-113-22916-0
          2017-04-01

          web前端工程师教材|响应式项目开发书籍

          响应式Web开发项目教程(HTML5+CSS3+Bootstrap)人民邮电出版社
          SBN:978-7-115-43934-5
          2017-01-01

        Tlias全方位AI教辅系统

        数据驱动教学,贯通教/学/练/测/评,为每一位学员私人定制学习计划和就业服务
        • 学员入学
        • 课堂教学
        • 课后引导
        • 专项练习
        • 入学多维测评
          定制专属学习计划
        • 目标导向式学习
          精准定靶不脱节
        • 随堂诊断纠错
          扫清理解盲点
        • 循序渐进式练习
          从理论到应用
        • 阶段效果测评
          消除常识薄弱点
        • 智能指引式建议
          分层教学,因材施教
        • 随时有问必答
          攻克技术难点
        • 学员薄弱常识可视化
          精准查漏补缺
        • BI报表数据呈现
          精准把控教学质量
        • IT培训目标体系

          精准定靶学习目标,让学员对每天的学习进程了如指掌。课上一讲多练的教学模式更便于学员反思评估当天学习目标的掌握程度,教师提供针对性的学习引导,保障学习效果。

        • IT培训习题库

          TLIAS系统为学员提供了充足的实操训练机会,并构建了一条科学的练习路径,多级练习提示使各类学员都能获得充分指引,最终独立解决问题,提升常识技能水平。

        • IT培训质量评测

          TLIAS系统的诊断测评工具,使学员能够对每天所学常识进行检测,将薄弱常识可视化,精准查漏补缺,对问题常识点给予重点消化吸取,复习更高效、更聚焦,效果更明显。

        • IT学习问答互动社区

          为充分激活学员间互动能量,将学员个人单线的学习扩展为立体互动性较强的探索式共享学习,TLIAS系统搭建了学习问答社区。热帖浏览高达到2.5w人次。

        • IT培训就业辅导

          TLIAS系统的就业中心从实际就业需求出发,为学员们准备了非常丰富的就业资源,5大课程门类,2000余节课程视频,能够满足不同学员的实际需求。

        • IT就业模拟面试系统

          为提升学员的面试实战经验,TLIAS系统的模拟面试平台高度还原学员目标岗位的面试环境和流程,并打造求职利器“面试宝典”,帮助学员熟悉面试流程,提高面试成功率。

        • 学员学习数据多维度采集分析

          TLIAS系统的BI数据平台能够全方位采集、实时监测各关键环节数据,形成一套成熟且实行有效的数据驱动模式,问题及时解决,风险提前预防,保障教学质量持续稳定的输出。

        • IT学习教学质量监控

          为老师的教学打分,对校区的服务评价,TLIAS系统会做出定性和定量分析,在精准的教学质量监控下,师资质量精益求精、学习效果稳步提升,学习体验与满意度口碑双提升。

        1. 学习目标体系

        2. 作业试题库

        3. 个人专属测评

        4. 学习问答社区

        5. 就业引导资源

        6. 模拟面试平台

        7. 多数据采集

        8. 教学质量监控

        IT培训独家学习监控系统

        更多Tlias就业服务

        • IT培训就业流程

          就业流程
          全信息化处理

        • 学员能力分析

          学员能力
          雷达图分析

        • IT就业服务

          定制个性化
          就业服务

        • 面试题讲解

          技术面试题
          讲解

        • 就业培训引导

          就业引导课
          面试项目分析

        • HR面试攻略

          HR面试攻略

        • 模拟企业面试

          模拟企业
          真实面试

        • IT求职简历引导

          专业简历引导

        • IT求职面试复盘

          面试复盘辅导

        • IT求职面试预警

          风险预警
          企业黑名单提醒

        传智汇-打造你的IT职业生态圈

        老学员毕业后可加入传智汇IT精英社区,持续帮助学员终身成长,一次学习,永久服务
        • IT培训行业沙龙

          行业沙龙

          每年百场行业交流
          每年24场免费交流


        • IT行业高端人脉

          高端人脉

          行业大牛讲座
          技术大牛分享
          攻克研发难关
          紧跟科技前沿

        • IT职场资源

          职场资源

          二千余家企业
          高管精准引导
          助力职场晋升
          突破发展瓶颈

        • IT培训技术研习

          技术研习

          服务中高端IT人才
          持续跟踪量身定做



        ※页面数据来源,除特殊标注外,皆来自企业内部统计

        随着初级程序员趋于饱和,中高级程序员缺口变大,IT培训行业原来就业培训课程难以适应未来的就业竞争。

        传智教育强势推出HTML&JS+前端高手班,课程全面升级为高级App工程师课程,定位培养中高级程序员。课程有10个“大厂”级项目,授课时间180天(每周上5天课),其课程容量、技术深度、项目广度均超其他机构6个月培训课程50%以上,大大提升学员的就业竞争力。查看更多 >

        • 网页布局基础班 1

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

          学习目标

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

          主讲内容1HTML

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

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

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

          选择器 | 外观 | 文字 | 背景 | 标准流 | 三大特性 | 盒模型 | 伪元素 | 浮动 | 伪类 | 定位 | 圆角 | 阴影 | 透明 | 过渡
          主讲内容3企业级小兔鲜儿电商项目首页制作

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

          精灵图 | 文档编码 | 性能优化 | 布局技巧 | SEO | 性能优化 | 版心 | 设计稿 | PxCook
        • 移动Web高手班 1

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

          学习目标

          1. 使用CSS高级特效,丰富网页元素的呈现方式和效果 | 2. 使用rem或vw、vh实现网页元素宽高随着视口变化等比缩放的效果 | 3. 使用bootstrap框架布局响应式网页 |

          主讲内容1CSS高级特效

          使用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 分支进行多人协同开发 |

          主讲内容1JavaScript基础

          学习JavaScript基础语法规则。

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

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

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

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

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

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

          选择器 | 节点方法 | 动画 | 动画队列 | 事件 | 事件委托 | 链式操作 | 插件 | 插件机制
          主讲内容5Ajax

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

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

          能够创建 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 中的核心概念,为后续项目课的学习打好工程化开发的基础 |

          主讲内容1Node.js基础

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

          Node.js 和 浏览器的区别 | Node.js 环境的安装 | 终端的常用命令 | 在 Node.js 中实行 JS 代码 | fs模块 | path 模块
          主讲内容2模块化

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

          模块化的基本概念 | CommonJS | 模块的分类 | 模块作用域
          主讲内容3npm

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

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

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

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

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

          ES6 模块化 | Promise | async/await | EventLoop | 宏任务 | 微任务
          主讲内容6webpack

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

          工程化开发的概念 | webpack 的基本配置 | webpack-dev-server | html-webpack-plugin | 常用 loader | babel
        • Vue.js高手班 5

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

          学习目标

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

          主讲内容1Vue基础

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

          MVVM | SPA | Vue 调试工具 | 虚拟DOM | diff算法 | 指令系统 | v-model原理 | 数据选项 | 生命周期 | 样式穿透 | 动态样式 | 插槽 | 组件系统 | 组件通信 | 自定义指令 | ref | 动态组件 | $nextTick | 自定义事件 | 计算属性 | 侦听器 | 组件库 | 组件封装 | 路由系统 | 导航守卫 | vue-cli | 工程化基础 | axios | interceptors | 经典案例实战
          主讲内容2Vue3.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小兔鲜儿电商是对标网易严选的综合品类的网上商城项目,现在除了顶级的一些电商平台之外,越来越多的企业都会做自己的垂直领域的商城,如小米商城、HUAWEI商城等,市场空间巨大,人才较为紧缺。本项目涵盖了电商的核心业务,首页加载优化,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站评论、购物车、放大镜、点餐系统等业务功能

          主讲内容1TypeScript 基础

          理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法,能理解代码

          静态类型 | 基础类型和对象类型 | 类型注解和类型推断 | 函数相关类型 | 数组和元组 | Interface 接口 || 继承 | 构造器 | Setter 和 Getter | 抽象类
          主讲内容2TypeScript 高阶语法

          理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法,能理解代码

          联合类型和类型保护 | Enum | 函数泛型 | 类中的泛型 | 命名空间 | 模块化 | 描述文件
          主讲内容3Hooks

          理解 Effect Hooks 和 State Hooks 设计思想 理解 Hooks 应用场景 掌握使用 Hooks 封装一些组件

          useState | useEffect | useContext | 自定义 Hooks
          主讲内容4函数式编程

          掌握 JavaScript 函数式编程范式,为阅读前沿框架源码,学习框架设计思想做储备,例如:React、RxJS、cycleJS、lodashJS、underscoreJS 等。

          纯函数 | 柯里化 | 函数组合 | Point Free | 声明式与命令式
          主讲内容5Redux 中间件

          理解业内比较主流的 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 | MicroSoft小冰
        • 极客园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
          主讲内容2uni-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 高级高手班 14

          课时:30天技术点:118项测验:0次学习方式:线上学习

          学习目标

          进军大厂必备,结合 TypeScript+Hooks 和函数式编程思想完成项目开发。

          主讲内容1TypeScript 基础

          理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法,能理解代码

          静态类型 | 基础类型和对象类型 | 类型注解和类型推断 | 函数相关类型 | 数组和元组 | Interface 接口 || 继承 | 构造器 | Setter 和 Getter | 抽象类
          主讲内容2TypeScript 高阶语法

          理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法,能理解代码

          联合类型和类型保护 | Enum | 函数泛型 | 类中的泛型 | 命名空间 | 模块化 | 描述文件
          主讲内容3Hooks

          理解 Effect Hooks 和 State Hooks 设计思想 理解 Hooks 应用场景 掌握使用 Hooks 封装一些组件

          useState | useEffect | useContext | 自定义 Hooks
          主讲内容4函数式编程

          掌握 JavaScript 函数式编程范式,为阅读前沿框架源码,学习框架设计思想做储备,例如:React、RxJS、cycleJS、lodashJS、underscoreJS 等。

          纯函数 | 柯里化 | 函数组合 | Point Free | 声明式与命令式
          主讲内容5Redux 中间件

          理解业内比较主流的 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 | MicroSoft小冰
        • 多端跨平台高手班 15

          课时:39天技术点:148项测验:0次学习方式:线上学习

          学习目标

          高级前端工程师必备技能,真正实现一套代码多端运行,减少开发成本,提高开发效率。

          主讲内容1React Native 交友项目

          掌握 RN 原生 APP 界面布局 掌握第三方 RN 组件的集成和改造 掌握第三方 Android 原生组件的集成和使用 掌握高德定位自动获取终端经纬度 掌握Tencent逆地址 掌握 JWT 交互模式 掌握 Mobx 管理数据 掌握自定义 SVG 绘制 掌握 RN 模态窗口的实现 掌握图文混排布局 掌握 RN 本地相册访问 掌握 RN 本地相机调用 掌握高德地图实现定位功能 掌握 RN 多图片上传

          登录|注册 | 短信验证码 | RN 前端输入组件 | 自动获取终端所在城市 | 城市选择组件 | 生日选择组件 | 照片上传 | JWT 交互 | RN 轮播 | RN 滚动组件 | 测灵魂 | 搜附近 | 今日佳人 | 推荐朋友圈 | 最新朋友圈 | 点赞朋友圈 | 发布朋友圈 | 评论朋友圈 | 喜欢朋友圈 | 聊天功能集成 | 文字发送及回复 | 图片发送及回复 | 语音发送及回复
          主讲内容2Flutter 小兔鲜儿项目

          掌握 Flutter 开发环境搭建 掌握 Dart 语言基础 掌握 Flutter 常见的布局方式 理解组件的概念及分类 掌握基础组件、容器类组件、可滚动组件、功能性组件的应用

          开发环境搭建 | Dart 入门 | StatelessWidget | StatefulWidget | 布局 | 路由和导航 | 手势 | 事件 | 资源文件 | 生命周期 | 拍照和图片 | 动画 | 网络请求 | 列表组件 | 屏幕适配 | 混合开发 | 性能优化 | Plugin | 打包发布
          主讲内容3小兔鲜儿原生小程序精讲

          理解 Taro 实现跨平台开发的原理机制 理解单 JSX 组件与原生小程序组件的对应关系 理解 Taro 开发小程序与原生小程序的差异 掌握原生小程序消息推送方案 掌握原生小程序多线程方案 掌握原生小程序云开发等高级方案

          脚手架 | 项目配置 | 编译配置 | 条件编译 | 适配 | 跨平台支撑 | sass | 组件通信 | 分包加载 | 消息推送 | 多线程 | 插件 | 云开发
          主讲内容4PWA

          了解 PWA 能够实现通过 PWA 技术强化 H5 网页的原生特性 了解当前 PWA 技术的浏览器兼容情况

          PWA 概况与优点 | PWA 背后的技术与原理 | PWA 现状 | manifest | serviceWorker | 消息推送的实现 | PWA 浏览器兼容情况
        • 前端工程化高手班 16

          课时:9天技术点:39项测验:0次学习方式:线上学习

          学习目标

          高级前端工程师必备技能,在项目开发中实现自动化、规范化、组件化、模块化。

          主讲内容1webpack 核心

          学会 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 原理
          主讲内容3git 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
        • 前端服务化高手班 17

          课时:33天技术点:135项测验:0次学习方式:线上学习

          学习目标

          高级前端工程师必备技能,SEO 优化策略之一,网站性能监控与埋点方案。

          主讲内容1Koa / egg

          Koa / egg / 中间件

          对 Egg 的功能有全面的理解 | 掌握使用 Egg 完成项目 | 理解 Koa 的核心设计思想 | 掌握 Koa 的中间件编写
          主讲内容2NoSQL

          Redis / MongoDB

          理解 redis 核心概念与使用 | 能使用 redis 运用到项目中 | 理解 MongoDB 核心概念与使用 | 能使用 MongoDB 运用到项目中
          主讲内容3性能监控

          服务端日志收集系统设计 接入第三方监控平台 服务端错误预警 分析用户行为 建立用户画像

          理解服务端日志收集系统设计 | 掌握接入第三方监控平台 | 掌握对服务端错误预警 | 前端异常上报 | 用户 PV/UV 统计 | 页面加载时间统计 | 用户点击行为统计 | 接口请求日志统计 | 接口请求耗时统计 | 静态资源加载异常统计 | 实现 JS 页面截图 | JS 报错实时监控统计分析 | 详情分析和代码定位 | 静态资源加载异常实时监控 | 静态资源加载异常的统计分析 | 接口请求报错实时监控 | 接口请求报错的统计分析 | 用户 PV/UV 实时统计 | 记录回放功能(详细记录用户使用的足迹) | 7 日内留存数据分析 | 版本号分析,浏览器分布,等信息分析 | 分析页面加载性能数据
          主讲内容4SSR

          SSR 运行原理 SSR 环境搭建 缓存和 stream 性能优化

          理解 SSR 运行原理及为什么需要使用 SSR | 掌握 SSR 环境搭建 | 掌握使用缓存和 stream 对 SSR 进行优化 | 掌握 Nuxt.js / Next.js 的应用
        “周”更新日志
        课程大版本更新

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

        • 新增2021-10-11

          · 教学练测(教学练测v0.4版本测试-联调)· 小兔鲜儿移动端(day08 视频录制完成)· 多端跨平台(day09 视频录制完成)

        • 新增2021-09-27

          · 小兔鲜儿移动端(day06视频录制完成)· 多端跨平台(day08 视频录制完成)

        • 新增2021-09-20

          · 小兔鲜儿移动端(day05视频录制完成)· 多端跨平台(day07-day08 视频录制)

        • 新增2021-09-13

          · 教学练测平台(教学练测v0.3版本功能开发完成)· 小兔鲜儿移动端(day03~day04视频录制完成)· 多端跨平台(day07视频录制)

        • 新增2021-09-06

          · 教学练测平台(教学练测整体富文本编辑器功能90%)· 小兔鲜儿移动端(day01~day02视频录制完成)· 大事件项目 (Vue2版本的大事件项目代码研发完成 66%)· 多端跨平台(day 06视频录制)

        • 新增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-03

          · 教学练测平台(初版本上线)· 教学练测平台(初版本上线)· React(新版React-极客园App端项目使用 Redux 改造完成)· koa进阶(前端进度99%,后端进度100%)

        • 新增2021-07-26

          · 教学练测平台(初版本上线,研发完成度99%)· 小兔鲜儿移动端(day 01视频录制)· React(新版React-极客园App端项目完成100%)· koa进阶(前端进度80%,后端进度100%)· koa进阶(项目代码开发和讲义编写完成20%)

        • 新增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

          · 新增:教学练测平台(教学练测单点登录联通测试,教学面授页面部分开发)· 小兔鲜儿移动端(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视频录制完成)· 极客园( 极客园-HarmonyOS应用开发-入门&进阶)· Redux-Saga中间件(day 01视频录制完成)· 服务化(1.nosql 讲义和示例代码完成 / 2.egg入门讲义和示例代码完成 / 3.ssr 讲义和示例代码完成 / 4.前端监控讲义和示例代码完成 / 5.egg中间层讲义和示例代码完成40% )

        • 新增2021-06-14

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

          更新

          · Vuex(讲义优化)

        • 新增2021-06-07

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

          更新

          · 黑马头条本地服务化接口升级

        • 新增2021-05-31

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

        • 新增2021-05-24

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

          更新

          · 黑马头条本地服务化接口升级

        • 新增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高阶大纲制作· 小兔鲜儿移动端(调试业务主线接口:购物车(商品详情页获取线上购物车数量+修改购物车规格+合并购物车)、订单和支付(结算订单+提交订单+待支付+订单列表+订单详情)、混合开发(地址管理))· TypeScript(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(1.day02大纲+PPT制作/2.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 讲义 + 代码 + 素材· 小兔鲜儿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-01

          · 基础班(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 后台(通用图片上传组件 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 · 好客租房业务功能完成 · 小兔鲜儿 App 商品二级分类排序、下拉、抽屉菜单 · 小兔鲜儿 App 登录注册和找回密码

          升级

          · 移动 Web 第 7~8 天调优

        • 新增2020-09-14

          · 小兔鲜儿 PC 前台页面完成· 小程序项目 v7.0 day05 双元视频 · 好客租房(发布房源页面以及房源列表页面组件封装) · 小兔鲜儿 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

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


        2021.09.28 升级版本7.6

        课程名称

        HTML&JS+前端

        课程推出时间

        2021.09.28

        课程版本号

        7.6

        主要使用开发工具

        VSCode

        课程先容

        课程升级对接企业招聘需求,Vue+React双重保障,目标不止于就业,而是让你成为企业高薪招聘的“抢手”人才。
        课程内容覆盖前端主流技术栈,Vue2全家桶(Vuex、vue-router、element-ui、vue-element-admin)、Vue3新特性、TypeScript实战、React全家桶(Hooks、Redux、react-router、ant design、antd-mobile),丰富项目库,提供多行业多领域项目课程,项目课程天数占比为 60%+,让学生达到一线大厂的项目经验要求。

        1

        新增TypeScript课程(TypeScript结合主流技术的应用)

        1

        新增极客园PC端项目(React+Hooks+Redux+ant design组件库)

        1

        新增极客园移动端项目(TypeScript+React+Hooks+Redux+antd-mobile组件库)

        1

        新增资讯后台管理项目 (Vue+Vuex+element-ui组件库)

        1

        新增PC端和移动端网页布局项目5个+(主流布局技巧+适配方案)

        1

        优化小兔鲜儿电商前台项目 (Vue3技术栈)

        1

        优化人资中台项目(Vue+Vuex+element-ui组件库+vue-element-admin)

        1

        优化立可得项目(Echarts+Ajax)

        1

        删除黑马头条移动端项目(Vue2技术栈)

        1

        删除大事件项目(Layui)

        1

        友情提示更多学习视频+资料+源码,请加QQ:2632311208。

        2020.07.11 升级版本7.0

        课程名称

        HTML&JS+前端

        课程推出时间

        2020.07.11

        课程版本号

        7.0

        主要使用开发工具

        VSCode、HBuilder X

        课程先容

        专为培养和打造高级App工程师高含金量课程重磅推出,课程升级颠覆培训行业。
        行业首家推出全端跨平台项目并且业务在全端贯通。
        超大项目库,多行业多领域项目课程,主流行业全覆盖,其中项目课程天数占比为 190 天,课程覆盖 7 大主流就业领域,让学生达到一线大厂的项目经验要求。
        专为高级前端工程师定做的 9 天前端工程化课程,包括:模块化、组件化、性能优化、规范化、自动化,定制脚手架及性能方案,提升团队开发效率。

        1

        新增小兔鲜儿电商前台 (Vue.js 技术栈)

        1

        新增办公管理人资中台(Vue.js 技术栈)

        1

        新增黑马头条 H5 项目 2.0(Vue.js 技术栈)

        1

        新增品优购 2.0(uni-app)

        1

        新增好客租房 H5 项目 2.0(React.js 技术栈)

        1

        新增小兔鲜儿电商后台 (React.js 技术栈 TypeScript + Hooks)

        1

        新增探花交友 (React Native)

        1

        小兔鲜儿移动App (Flutter 技术栈)

        1

        新增小兔鲜儿小程序 (原生小程序)

        1

        新增Febo 性能监控(核心模块:React.技术栈 插件:Vue.js技术栈)

        1

        新增小兔鲜儿宣传页 (SSR)

        1

        删除黑马头条自媒体管理平台(Vue.js 技术栈)

        1

        删除品优购电商 1.0(wepy)

        1

        删除好客租房后台管理系统(React.js 技术栈)

        2019.6.1 升级版本6.5

        课程名称

        HTML&JS+前端

        课程推出时间

        2019.6.1

        课程版本号

        6.5

        主要使用开发工具

        Sublime、WebStorm、VSCode

        课程先容

        课程在6.0的基础上,为了适应企业的需求优化基础常识的讲解并大幅度延长Vue的课时。基础阶段突出编程的交互性,Vue课程中项目由1变2,增加MVVM框架原理、SSR服务端渲染、混合app开发等,并加强状态管理vuex的应用。React项目好客租房优化项目功能和界面美化。

        1

        新增 黑马头条自媒体管理平台(Vue.js技术栈)

        1

        新增黑马头条移动Web项目(Vue.js技术栈)

        1

        新增好客租房后台管理系统(React.js 全套技术栈)

        1

        新增 好客租房移动 Web 项目(React.js 全套技术栈)

        1

        新增 网页应用案例(待办事项列表、购物车、微博发布等)

        1

        新增网络编程讲法优化和部分案例

        2018.9.10 升级版本 6.0

        课程名称

        HTML&JS+前端

        课程推出时间

        2018.9.10

        课程版本号

        6.0

        主要使用开发工具

        Sublime、WebStorm、VSCode

        课程先容

        课程增加了项目课程和应用型技术课程的时长,以培养具备企业真实项目经验的程序员为目标,从编程基础阶段培养学生企业级编码规范和业务实现能力,以Node.js为依托培养服务端概念和HTTP通讯协议,让学员能够适应前端行业的快速发展。后期以流行框架为主,通过超长的企业级全终端项目实战培养具有3年工作经验的前端开发人员。再加以时下最火热的微信小程序和小游戏拓展学生的就业宽度。最后的商业项目团队协作实战阶段,让学员无需过渡期直接适应真正的企业开发。

        1

        新增品优购全端电商项目(管理系统、PC端、移动端、小程序)

        1

        新增 好客租房移动 Web 项目(React.js 全套技术栈)

        1

        新增 近百套行业项目解决方案库

        1

        新增小程序加小游戏就业课

        1

        新增 企业级团队项目实战

        2018.2.26 升级版本 5.0

        课程名称

        HTML&JS+前端就业班课程

        课程推出时间

        2018.2.26

        课程版本号

        5.0

        主要使用开发工具

        Sublime、WebStorm、VSCode

        课程先容

        以品优购项目平台为驱动贯穿整个课程,包括品优购PC端项目、品优购移动端项目、品优购后台管理项目、品优购微信项目。让学生能够体会完整的项目开发流程。除课程更新外,还配以助教的实施体系(助教课程体系、强制自习、团队项目、技术面试)

        1

        新增基础班新增品优购整套项目的静态页面制作

        1

        新增 前端工程化完成品优购移动端项目

        1

        新增JavaScript和DOM阶段的课程优化部分案例,培养学生通过代码完成业务的能力

        1

        新增微信小程序的案例更新为品优购项目

        1

        新增 vue项目更新为品优购的后台管理系统

        2017.7.12 升级版本 4.0

        课程名称

        HTML&JS+前端就业班课程

        课程推出时间

        2017.7.12

        课程版本号

        4.0

        主要使用开发工具

        Sublime、WebStorm、VSCode

        课程先容

        本次课程更新主要增加服务端编程语言PHP加强学生理解客户端/服务器、动态网站以及网络通信等后端开发的相关概念。并且能够熟悉PHP的基础语法,可以操作MySQL数据库,能够开发简单的动态页面和后台接口。培养更懂后端的前端开发人员。

        1

        新增 PHP&MySQL课程,培养更懂后端的前端开发人员

        1

        新增 阿里百秀项目,结合前端渲染和后端渲染

        1

        新增HTML5的宣传页面

        1

        新增 移动端电商项目

        1

        新增JavaScript高级课程优化,增加贪吃蛇游戏

        2017.03.01 升级版本 3.0

        课程名称

        HTML&JS+前端就业班课程

        课程推出时间

        2017.03.01

        课程版本号

        3.0

        主要使用开发工具

        WebStorm、Sublime

        课程先容

        本次课程更新注重理论到实践的变化,从就业班开始培养学生把理论到实践过程的培养,让学生学习完JavaScript能够自己动手开发插件,不仅仅停留在使用的层面。增加市面上流行的vue.js框架,并结合项目实战,从0到1的完成项目,直至打包上线。

        1

        新增 博学谷项目,从无到有开发一个完整项目,从项目构建到上线

        1

        新增canvas课程中新增游戏的案例

        1

        新增 微信小程序开发

        1

        新增webpack1.x升级到webpack2.x,webpack和gulp集成构建项目

        1

        新增 ajax课程更新部分更实用的案例

        2016.6.30 升级版本 1.1

        课程名称

        HTML&JS+前端

        课程推出时间

        2016.6.30

        课程版本号

        1.1

        主要针对系统

        Windows、Linux

        主要使用开发工具

        webStorm、sublime

        课程先容

        本次升级对前端课程1.0版本进行优化。重点优化课程体系与教学模式,常识点衔接更紧密,有利于学员更好的吸取掌握;更新框架部分常识点,将框架升级到市场上主流的版本,升级课程更加贴合企业实际需求。

        1

        新增zepto库在移动web开发的实际应用;

        1

        新增基础班与就业班的课程体系常识点无缝对接;

        1

        新增 面向对象和框架进阶以及js 设计模式;

        1

        新增 在项目中融入企业最新技术课程;

        2015.10.06 升级版本 1.0

        课程名称

        传智教育HTML&JS+前端精品就业班课程

        课程推出时间

        2015.10.06

        课程版本号

        1.0

        主要针对 iOS 系统

        Xp、Win7/8/10

        主要使用开发工具

        WebStorm、Sublime、Dreamweaver

        课程先容

        传智教育首次推出HTML&JS+前端课程,基于当前最流行的技术和未来的发展趋势、结合业界实际的开发模式,创建了完善的课程体系和教学模式,确定了以深入的基础理论、丰富的项目实战、系统的大型案例实践为主线,以项目实战来驱动教学的主导思想,并结合实际工作场景,进而强化扎实基础,增强实用性,提高核心竞争力。

        1

        新增完善的课程体系保证处于移动和前端的技术前沿;

        1

        新增课程安排循序渐进,阶梯式的学习模式,菜鸟到大牛的完美蜕变;

        1

        新增 晦涩的理论融入丰富的项目实践,理解的同时增强实用性;

        1

        新增 PC前端与移动前端技能全覆盖,拓展足够开阔的常识面;

        1

        新增前后端结合的开发实践,保证前后端协作游刃有余;

        1

        新增 项目生命周期系统认知,Nodejs全栈解决方案,奠定架构级别的坚实基础;

        1

        新增结合实际的工作场景,保证快速融入工作环境。


        对教育怀揣敬畏之心,坚守“用爱成就每一位学生”的理念

        10余年来,传智的老师始终秉承着“为中华民族伟大复兴而讲课,
        为千万学生少走弯路而著书”的使命,已经向IT产业培养了30余万名IT高精尖人才

        HTML&JS+前端专职课研团队 人才筛选标准

        16级标准严选专职课研老师,严控课程研发质量

        人才筛选
        4项标准

        • 标准化研发人才画像

          大厂背景,技术深度、广度,
          大型项目经验

        • 多维面试(五面)

          背景调查,技术360°鉴定 ,
          新课题设计 ,课程随机演绎 ,
          职业定位、发展规划

        • 研究院小组诊断测评

          教育情怀、价值观,进
          取精神、培养潜力

        • 全链路面试流程监控

          CEO审核,信息存档

        人才考核
        8大环节

        课研人员素质考核视频录制考核

        课程设计考核课堂试炼考核

        大纲设计考核产品全方位审评

        讲义撰写考核考核答辩

        人才培训及
        发展规划

        平台、组件
        技术开源历练

        技术私享会

        大牛技术沙龙

        企业对对碰
        技术共享

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

        以“五库模式”为基础,打造真实企业级研发体系

        • 信息库

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

        • 课题研究库

          提出前沿热门课题
          完成深入原理剖析+技术攻坚
          保障课程前瞻性

        • 研发人才库

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

        • 解决方案库

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

        • 项目库

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

        HTML&JS+前端专职课研团队 研发老师履历

        源源不断引进大厂技术大牛,课程与企业需求实时接轨

        优中选优,教学老师录取率<3%,从源头严控师资及授课质量

        专职教学团队 讲师筛选标准

        人才筛选
        4项标准

        • 标准化讲师画像

          业务技能、性格
          特色、沟通能力

        • 初试技术深度

          框架能力、底层原理、性能与
          安全、算法与数据结构

        • 复试授课质量

          课程设计、授课逻辑互动与
          交互、代码规范

        • 终试价值观

          抗压能力、学习动力、
          专业程度、培养潜力

        人才考核
        8大环节

        定制个性化考核方案教育心理考核

        讲师素质考核教学方法考核

        排课、备课产出物考核课堂试讲考核

        视频录制考核正式授课答辩

        人才培训及
        发展规划

        每日授课
        学员满意度打分

        阶段课程实施
        评审组审核

        传智培训院
        多维培养计划

        讲师专属
        晋升通道

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

        专职教学团队 三大教法标准

        1. 情景式教学法
        2. 场景式授课
        3. Open教学法
        • 情景式教学

          情景式教学是指教研人员根据人对常识的理解和消化规律,将教学过程形象化的一种授课方法,集风趣、常识、故事场景于一体,可大大提高学员对常识的理解和吸取主要分为以下三个阶段

          感知阶段培养兴趣
          引入常识点情景,形成表象,
          幽默故事,解读晦涩难懂概念
          理解阶段故事代码双结合
          深入故事场景,故事与代码结合,
          更好理解代码编写规律。让代码不再陌生,
          不知不觉掌握每个常识点
          深化阶段深入常识延展
          继续深入常识点的其他使用或底层原理,
          保障常识点牢固掌握

          对比传统教学方法的优势

          技术定义纯罗列,理解困难

          引入故事场景,好理解

          复杂概念记不住,难以吸取

          代码结合剧情,易吸取

          抽象概念不理解,无法应用

          深入原理讲解,牢掌握

          扫描二维码,深度体验教学法

          以网络编程UDP为例

        • 场景式教学

          整合优质教学资源,系统化提炼数十个企业真实开发环境中的业务场景,独创了场景式教学法。该教学法通过分析场景特点、梳理场景流程、呈现给定场景下技术的实现3个步骤,向学员清晰的展现了开发的全流程。

          场景式教学法的优势

          场景多样学员工作后的各类业务场景
          基本覆盖
          场景真实真实还原企业Java开发中的
          业务场景
          内容生动场景与技术紧密结合
          将枯燥的常识点活化
          强化吸取根据人的认知规律进行课程设计
          学员吸取度大大提升

          场景式教学案例

          更多案例

          今日头条场景 旅游类场景 游戏类型场景 云存储场景 信息资讯类场景 电商秒杀类场景 电商会员类场景 大数据管理平台场景 分布式搜索场景 OA信息管理类场景
        • OPEN教学法

          OPEN 教学法是由传智教育培训院首创的一套教学方法论,旨在「用更短的时间讲明白一个常识点」,只有老师用更短的时间把课讲清楚,学生才能有更多的时间做刻意练习,从而达到教练结合融会贯通。

          OPEN 教学法四大核心要素

          Objective(目标)具体要交付给学生的能力,学生可以用来解决具体的问题

          Path(路径)基于学生既有常识储备,设计学习线路

          Expeirence(体验)按照路径顺序授课,主线清晰,保证学习体验

          Note(落地结论)交付给学生经过提炼的常识干货,降低复习难度,提高学习效率

          OPEN教学法的作用

          1. 规避常见授课问题
          2. 授课结构好、清晰度高
          3. 授课标准化、可量化、可衡量
          4.用更短的时间授课,给学生更多的时间练习
          5. 缩短老师培养周期,提升授课质量
          6. 提供风格统一的教学视频,学生吸取更迅速

          OPEN 教学法授课中的话术举例

        授课经验丰富的教学老师,带你乘风破浪

        专职教学团队 授课老师履历

        点击加载更多 >>

        从国企到前端开发之路

        受疫情影响,去年春天后我开始留意计算机行业的薪资波动。我决定减少与茫茫众多大学生的正面竞争来实现弯道超车——在兼顾兴趣的同时避开大学开设的课程。于是,我从不喜欢的国企中辞职,来黑马改学前端。
        感谢遇见,在黑马的半年,成长的不只是前端开发的常识,还有学习和解决问题的能力,这也是我顺利找到满意offer的重要保障

        济南校区前端8期学员    张同学

        更多 >学习分享

        学员评语

        • 刘同学

          很幸运,我选择了黑马,让我在此找到了人生的方向,在这里真真切切的感受到老师的负责,想让大家快速成长,在这六个月特别能够体谅老班,每天苦口婆心的教育着大家,不厌其烦的给大家分析着利弊,感谢,感恩!!!

        • 辛同学

          在听黑马老师们的课程中让我受益匪浅,并切实感受到了在实践中得到成长。这种浸入式的教学我觉得很好,实践出真知,只有在实践中才能真正学到东西,发现问题,才能更好地提升自己。

        • 陈同学

          在这里我收获到了老师同学间的友谊,学习期间跟黑马老师像朋友一样的交流,不管是生活上还是学习上的问题,他们都像朋友一样给予关心和帮助,希翼我和班里的同学们都能收获满满,找到一份心仪的工作,给自己的培训生活画上一个完美的句号。

        • 易同学

          在这学习的时间中,也让我明白了,学习的目的不是常识本身,而是学习方法,思维方式,心理素质,独立解决bug的能力,然后提高自己的不可替代性,降低以后被这个行业淘汰几率。

        • 王同学

          总之在黑马的半年时光,很辛苦但也很充实。最后拿着属于自己的一份好offer的时候,真的觉得这一切都值得!来黑马之前我不悔恨,来之后我更加感谢黑马!最后我也希翼,和我一样选择黑马的,愿你们不负韶华,只争朝夕!

        更多 >班级活动

        更多 >开班典礼

        HTML&JS+前端全国就业薪资情况

        查看其他班级

        元/月平均薪资

        元/月最高薪资

        %就业率

        月薪过万

        • 姓名
        • 性别
        • 就业时间
        • 就职城市
        • 就职企业
        • 薪资
        • 福利待遇

        *学员就业信息统计数据为数据库中实时调取的真实相关数据,非广告宣传

        HTML&JS+前端全国各校区就业喜报
         

        返回顶部

        www.8029.com|www.8029.com

        XML 地图 | Sitemap 地图