初级前端程序员
黑马中级前端工程师
79037人学习
4.9分40059人学习
4.9分30196人学习
5.0分25093人学习
5.0分20794人学习
5.0分19241人学习
5.0分13080人学习
5.0分9581人学习
5.0分知识点堆砌
黑马技术解决方案库
"学了很多知识点,
依然解决不了技术问题"
"技术解决方案让我快速适应
职场,遇到技术问题就能直
接套用"
基于 Node.js 的前后端分离解决方案
基于 Gulp 的前端自动化解决方案
基于 Webpack 的前端模块化解决方案
基于 GraphQL 的应用层接口开发解决方案
基于 JWT 的接口鉴权解决方案
基于 OAuth2 的第三方鉴权认证解决方案
基于 EasyMock 的接口 Mock 解决方案
基于 ECharts.js 的大数据可视化解决方案
基于 Vue.js 全套技术栈的管理系统开发解决方案
基于 React.js 全套技术栈 SPA 开发解决方案
基于 UEditor 的富文本处理解决方案
基于 PJAX 的页面无刷新解决方案
基于 TravisCI 的持续集成解决方案
基于 Aliyun OSS 的图像上传存储解决方案
基于 Nuxt.js 的服务端渲染(SSR)解决方案
基于百度地图 API 的地图业务解决方案
基于 Mocha 的 JavaScript 单元测试解决方案
基于 Git 的源代码管理解决方案
基于七牛云的文件云存储解决方案
基于 Next.js 的服务端渲染(SSR)解决方案
基于 Socket.io 的实时通信解决方案
基于 Docker 的前端持续集成容器解决方案
基于 Puppeteer 的浏览器自动化测试解决方案
基于 Puppeteer 的爬虫解决方案
基于 Flex 的快速布局解决方案
基于 mpvue 的小程序快速开发解决方案
基于 RESTful 的 API 接口设计解决方案
基于 D3.js 的大数据可视化解决方案
基于 PostCSS 的 CSS 后处理解决方案
基于 SASS 的 CSS 预处理解决方案
基于 Firebase 的无服务端解决方案
基于 Electron 的跨平台桌面应用开发解决方案
基于 React Native 的原生 App 开发解决方案
基于 Ionic 的混合 App 开发解决方案
基于 json‑server 的数据 Mock 解决方案
基于 Flutter 的原生 App 开发解决方案
基于 Element‑UI 的快速应用开发解决方案
基于 Require.js 的 JavaScript 模块化开发解决方案
基于 ESLint 的代码规范质量解决方案
基于 Axios 的异步请求解决方案
基于 Redux 的集中式状态解决方案
基于 Font Awesome 的字体图标解决方案
基于 PARCEL 的Web应用快速打包构建解决方案
基于 Vuex 的集中式状态管理解决方案
基于 Gatsby 的快速静态站点构建生成解决方案
基于 Babel 的 ES6 兼容解决方案
基于 infinite‑scroll 列表无限滚动解决方案
基于 Mock.js 的数据 Mock 解决方案
基于 Ant Design 的快速应用开发解决方案
基于 Lozad.js 的懒加载解决方案
基于 Taro 的多端统一开发解决方案
基于 Bootstrap 的响应式布局解决方案
基于 Mongoose 的 ORM 解决方案
基于 Moment.js 的时间处理解决方案
基于 Egg.js 的企业级 Web 服务开发解决方案
基于 TypeScript 的大型项目强类型语言开发解决方案
基于 Express 的快速 Web 服务开发解决方案
基于 Rollup 的快速应用打包构建解决方案
基于 Angular.js 全套技术栈的管理系统开发解决方案
基于 Protractor 的端到端测试解决方案
电商购物车解决方案
基于 Jenkins 的持续集成/部署解决方案
大数据可视化解决方案
RBAC 权限管理解决方案
社交平台实时通信解决方案
移动支付解决方案
基于 Jest 的 JavaScript 单元测试解决方案
订单支付解决方案
小程序UI开发
小程序API编程
常用App界面布局实现
Canvas实战应用
WePY/mpvue快速开发框架
腾讯云服务接入
本项目通过一个小程序电商业务项目为切入点,使用更高效小程序的框架 mpvue,结合最新ES6语法,在实战开发环节充分应用,让学员深入理解项目设计背后的原理,解决实际业务中的各类问题。
首页推荐频道展示、分类筛选、搜索商品、商品详情、分页加载数据及长列表展示优化、购物车、下单、支付、用户个人中心、Postman接口测试工具。
小程序弹性布局原声组件应用小程序登录样式复用微信支付接入App编程思维异步编程组件式拆分与开发设计稿重构
理论薄弱
黑马学员理论扎实
只能解决简单的技术问题
随时可能被替代
扎实的理论基础让你拥有更高的价值,
可参与整个项目/业务,竞争力更强
32.5小时 占比12%
46.5小时 占比18%
49小时 占比19%
59.5小时 占比22%
54小时 占比20%
23小时 占比9%
人才筛选
技术考核
定制个人培训方案
教育心理学培训
教育方法培训
模拟教学
培训考核
培训结果验收
180天强化模式
夯实前端基础技能
掌握高起点就业技能
缩短升职加薪周期
• HTML 语义化• CSS3 基本语法规范• CSS常见布局技巧大全• 网页开发规范以及流程• CSS企业级网页开发• CSS初始化技术选择• CSS3基本变换特效
• 掌握 HTML5 常用标签• 掌握 CSS 语法及使用技巧• 掌握CSS3新增选择器• 掌握CSS3新增样式属性• 掌握 DIV+CSS 布局方式 • 掌握常见网页布局技巧• 掌握企业级、电商级网页开发基本的流程、规范• 掌握语义化、模块化、兼容性的PC端网页开发• 掌握 Photoshop 切图以及插件切图 • 熟练使用调试工具进行页面调试• 掌握基本的动画效果
HTML5、CSS3、语义化标签、CSS3新属性、盒子模型、定位与浮动、CSS 调试技巧、PS 切图、网页特效、页面初始化、静态页面开发、PSD文件还原网页文件
• CSS3 2D• CSS3 3D 变换• CSS3 animation 动画• H5C3 炫酷页面开发• Flex伸缩布局• 移动端主流适配方案• 常见移动端样式兼容方案• 预处理器Less• 移动端调试方案
• 掌握CSS3 2D、3D变换、动画效果• 了解移动端屏幕、移动端浏览器、操作系统的不同• 掌握主流移动端调试方法• 掌握常用移动端适配方案(流式布局、flex布局、rem适配) • 掌握CSS预处理器less的使用• 掌握主流移动端页面开发技术选型与解决方案• 掌握常用移动端框架使用方法• 掌握常见移动端页面开发流程与规范 • 掌握响应式布局开发• 掌握 Bootstrap 开发响应式页面• 掌握适配不同终端的移动端页面开发
2D变化、3D变换、animation 动画、移动端适配、真机调试、rem、flex布局、媒体查询、Bootstrap、Viewport、移动端调试
• JavaScript 语言基础• BOM操作大全• DOM操作大全• 封装动画函数• JavaScript高级语法• 正则表达式• ECMAScript 2015(ES6)• jQuery 快速开发• jQuery 插件开发
• 能够掌握JavaScript基本语法• 掌握JavaScript中的运算符(操作符)• 掌握JavaScript中的数据类型与数据类型转换 • 掌握常见 JavaScript 算法• 掌握数组遍历• 掌握常见的 DOM 操作• 能够掌握DOM中元素的属性操作• 掌握DOM中事件绑定方法• 掌握事件委托• 能够使用面向对象思想进行 DOM 编程• 掌握offset系列,client系列,scroll系列• 掌握 JavaScript 的高级语法• 熟练使用 jQuery 操作 DOM• 熟练使用和编写 jQuery 插件• 独立完成电商网站的页面搭建(包括 HTML 结构、CSS 样式、JavaScript 特效)• 函数进阶• 面向对象• 掌握touch事件• 掌握touch事件对象• 能够完成移动端轮播图效果• 掌握应对业务编程的能力• 掌握 JavaScript 常见兼容性方案
网页编程、JavaScript 基础语法、内置对象、面向对象、继承、闭包、原型、原型链、ES6、正则表达式、DOM、BOM、动画函数、jQuery、jQuery 插件、Class类、constructor、super
• 能够建立客户端服务器交互模型,熟悉网络通信相关概念• 能够使用 Node.js 进行 Web 服务端开发• 基于Node.js开发Web应用• Express• RESTFul API• 原声AJAX、jQuery的AJAX相关API使用• 跨域请求及解决方案• 前端模板引擎
• 能够建立客户端服务器交互模型,熟悉网络通信相关概念• 能够使用 Node.js 进行 Web 服务端开发• 能够掌握 JavaScript 异步编程模型 • 能够掌握 JavaScript 模块化编程方式• 能够使用 Node.js 操作 MySQL 数据库• 能够理解 HTTP 协议• 熟悉原生 AJAX 请求流程与细节,并掌握常见跨域技巧• 能够基于 jQuery 的 AJAX 相关 API 熟练开发常见的前端功能• 能够独立开发基于后台接口的动态网站、AJAX 数据交互的项目• 能够独立完成企业网站从前台到后台的基本开发工作• MySQL操作建库建表• 增删改查语句 • 能够了解什么是继承• 能够使用Express快速搭建Web服务器• 能够使用Node.js操作数据库• 能够使用session保持登录状态
Node.js、CommonJS、异步编程、服务端开发、MySQL、SQL语句的、HTTP 协议、Express/Koa、Cookie、Session、中间件、分页、注册登录、模块化、CMS 系统开发、RESTful、AJAX、模板引擎、跨域、XMLHttpRequest2
• 基于Vue技术栈开发PC项目• 基于Vue技术栈开发移动端项目• MVVM• 发布订阅模式• 前后端分离• 自定义组件• 组件通信• 生命周期• axios网络请求• 开发SPA项目• Vuex状态管理• Element-UI• vue-cli脚手架搭建项目• Vant • webpack打包项目• 打包优化和项目部署• Cordova• 数据可视化开发
• 能够掌握使用 Vue 技术栈进行项目开发;• 能够掌握企业中项目开发的流程;• 能够掌握源代码管理工具的使用;• 能够熟练掌握前后端分离开发模式;• 能够掌握使用主流框架开发门户网站、管理系统、移动 Web 等客户端;• 能够掌握 Webpack 项目构建配置流程;• 能够掌握 Web 项目的部署与发布模式;• 掌握使用 echarts/d3.js进行数据可视化交互开发• 能够知道双向数据绑定的原理• 能够知道MVVM设计模式的原理• 能够掌握自定义组件的封装• 能够知道Vue的主流技术栈的使用
MVVM、前后端分离、Vue.js、Vue-Router、Vuex、vue-cli、单页应用、工程化、组件化开发、axios、webpack、element-ui、vant、websocket、SSR、Cordova
• 微信小程序开发基础知识• 小程序应用及页面的生命周期• 小程序视图与逻辑• 小程序商城• 购物车• 小程序运行机制• 微信支付• 开发中常用组件的使用• 小程序开发框架
• 能够掌握小程序的开发基础• 能够使用小程序开发者工具创建项目• 能够使用常见的UI组件• 能够知道小程序中生命周期的执行• 能够实现小程序页面中的数据绑定和事件处理• 能够实现页面之间的导航跳转• 能够独立开发小程序项目• 能够掌握小程序的部署与发布• 能够掌握微信支付的使用• 能够掌握小程序开发框架的使用• 掌握第三方 AI 平台的使用
微信小程序、小程序开发框架、黑马优购、小程序商城、购物车、微信支付
• React.js• React Router• Redux• axios• Ant Design• create‑react‑app 脚手架工具• 地理定位• 项目部署与开发
• 能够理解 React 的开发理念;• 能够掌握 React 的基本使用;• 能够理解 React 的内部原理;• 能够使用 React 及其常用组件库进行项目开发;• 能够使用 React 封装项目中用到组件实现复用;• 能够掌握 React 项目中常见问题的解决方案;• 能够掌握 React 项目优化、部署;
React.js、PureComponent、高阶组件、虚拟DOM、Redux、React Router、JSX、地理定位、租房、项目打包优化
• 前端工程化(Webpack4、Rollup、Parcel、Gulp4)• 闲云旅游项目(无服务端方案、静态站点生成工具)• JavaScript 进阶(TypeScript、Flow)• Angular 实战开发(入门、实战)• MVVM 框架进阶与实现(React.js、Vue.js)• 数据流框架的应用(Redux、Vuex、Mobx、RxJS、ngrx)• 服务端渲染 SSR 专题(Next.js、Nuxt.js、Universal)• 学成在线项目(React16、Redux4、ReactRouter4、Next.js)
• 能够轻松运用目前市场主流工具应对工程化项目需求• 能够基于无服务端平台快速开发应用并了解国内主流的平台服务• 能够使用静态站点构建方案快速开发企业站• 能够使用 Flow、TypeScript 完成复杂应用业务代码的编写• 能够掌握使用 Angular 技术栈进行项目开发• 能够理解 React.js / Vue.js 一类的 MVVM 框架的实现原理• 能够使用不同的数据流框架应对不同技术栈在大型项目中的数据状态管理• 能够使用服务端渲染解决方案解决 React.js / Vue.js / Angular 框架在 SEO 方面的问题• 能够掌握不同框架的服务端渲染的实现及运用 • 能够使用 React16 + Redux4 + ReactRouter4 + Next.js 完成社交类项目的开发
工程化、自动化、无服务端、Gatsby、TypeScript、Flow、Angular、MVVM 框架原理、Mobx、RxJS、SSR、Next.js、Nuxt.js、Universal、薪资15k-25k
• 混合式 App 开发框架(Cordova、Phonegap、Ionic、WeX5)• H5 配合原生开发 App(Webview、JSbridge、NativeScript)• 黑马证券 App 项目(Webview + H5)• 小程序/快应用开发框架(MINA、wepy、mpvue、taro)• 原生应用开发框架(React Native、Weex、Flutter)• 好客租房 App 项目(React Native)
• 能够使用混合式 App 开发框架快速开发移动 App• 能够配合原生应用开发 App 内嵌 H5 页面并可以通过 JSBridge 调用原生接口• 能够使用 wepy / mpvue 框架开发小程序或快应用项目 • 能够使用 taro 多端统一解决方案同时完成移动 App、移动 Web、小程序的开发• 能够独立使用 React Native 开发原生 App• 了解 Weex / Flutter 等其他原生应用的前端技术开发方式
Cordova、Ionic、Webview + H5、JSBridge、mpvue、taro、Weex、Flutter、 薪资20k-30K
• Node.js 网络通信(net 模块、Socket)• Node.js 事件循环与多进程(EventLoop、Cluster)• NoSQL 数据库(Redis、MongoDB、Memcached)• Web 应用开发框架(Adonis.js、Egg.js、Koa)• BaaS 接口标准(GraphQL)• 十次方项目(Node.js Midway、微服务)I• 网络爬虫开发(Cheerio、Nightmare、Puppeteer)
• 能够基于 net 模块开发 Socket 应用并深度理解 HTTP 协议• 彻底理解 Node.js 中的事件循环特性• 能够使用 Cluster 开发多进程应用充分发挥多核 CPU• 能够操作常见的 NoSQL 数据库并能够通过 Node.js 操作• 能够掌握主流的 MVC Web 应用开发框架 Adonis、Egg• 能够升入理解基于 GraphQL 标准开发现代化的应用层接口• 能够掌握 Node.js 中途岛在企业级项目中的应用• 能够使用 Node.js 开发基本的网络爬虫应用
Socket、EventLoop、Cluster、Redis、MongoDB、Memcached、Adonis.js、Egg.js、GraphQL、微服务、Nightmare、Puppeteer 、薪资20k-35k
• 网页游戏开发基础(Canvas)• 网页高性能图形编程(WebGL)• 图形化开发库(Three.js、D3.js)• HTML5 游戏引擎(Cocos2d‑x、Egret)
• 能够使用 HTML5 技术开发网页游戏• 能够使用 WebGL 技术完成炫酷 3D 类图形效果• 能够掌握常用的可视化库的应用• 能够使用 Three.js 开发简单的 3D 网页游戏• 能够使用 HTML5 游戏引擎开发网页游戏
WebGL、Three.js、H5 游戏、游戏引擎、Cocos2d-x、Egret 、薪资20-30K
• 前端性能优化(JSPerf、YSlow、PageSpeed)• 项目质量监测(Lint、e2e test、codecov)• 自动化测试(Mocha、Jest、AVA、Karma、Nightmare)• 持续集成与持续部署(Jenkins、TravisCI、CircleCI)• Linux 服务器(Nginx、HTTP(s)、ECS、RDS、SLB 云服务)• 容器化运维操作(Docker)
• 能够通过不同的工具发现 Web 项目的性能瓶颈并加以解决• 能够掌握使用不同的工具和平台对项目及代码进行质量监测• 能够使用不同的自动化测试框架完成项目的单元测试和集成测试• 能够使用 Jenkins、TravisCI 等工具对项目进行持续集成和持续部署• 能够掌握基本的 Linux 服务器操作与维护• 能够掌握 Nginx Web 服务器的搭建与配置• 了解 Docker 容器化平台的基本操作
JSPerf、YSlow、PageSpeed、E2E、QA、Jest、AVA、Nightmare、持续集成、持续部署、Jenkins、Nginx、Docker 、薪资25k-45
严格的考勤体系
助教/班主任上课实时督导
阶段性考核体系
每日测评及反馈
末位辅导/晚自习辅导/作业点评
学习优异者进行奖励
日常学习小奖励
老学员分享
励志故事分享
拓展活动、联欢会、节日活动
阶段性就业辅导
模仿真实企业面试流程
面试礼仪培训
辅助学员修改简历
综合面试培训