黑马程序员8大课程优势致力于培养高级前端开发工程师
课程体系契合企业刚需 每个学习阶段目标清晰
- 技术阶段
网页布局
移动Web
JavaScript
框架前置课
Vue.js
React.js
小程序
- 项目阶段
立可得项目
大事件项目
iHRM人力资源项目
小兔鲜儿电商项目
极客园PC端项目
极客园H5项目
黑马优购小程序项目
查看详细课程大纲 >网页布局新课时:10天 学习方式:线下面授
主讲内容
HTML基础语法 | HTML | CSS | 企业级小兔鲜儿电商项目首页制作
内容介绍
1、从最简单的网页骨架搭建入手,使用常见的HTML标签丰富网页结构
2、在 HTML 搭建的网页结构基础上,通过CSS选择器精准选择标签,使用外观、盒模型相关属性完成网页全部内容,利用浮动、定位等布局技巧精准控制网页布局,最终结合背景、圆角、阴影等装饰属性进一步美化网页效果,达到能够编写企业级大型综合网页
3、借助PxCook工具,基于设计稿编写网页,确保网页的高度还原,通过综合运用 HTML + CSS 技术,按照实际项目开发流程,归纳开发技巧,提升综合实战水平,最终完成企业级小兔鲜儿电商项目PC端首页发
可掌握的核心能力
借助PxCook工具,参照设计稿,能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发
查看详细课程大纲 >移动Web新课时:7天学习方式:线下面授
主讲内容
CSS高级特效 | 移动适配 | 响应式
内容介绍
1、使用css高级特效丰富网页元素的呈现方式和效果
2、使用Flex布局模型,实现移动端网页的基本布局;了解两种移动端网页适配不同分辨率的解决方案,并使用不同的解决方案制作网页元素宽高随着视口的变化而等比缩放的效果
3、学习响应式的原理,并使用bootstrap框架完成响应式网页的布局
可掌握的核心能力
1、使用CSS高级特效,丰富网页元素的呈现方式和效果
2、使用rem或vw、vh实现网页元素宽高随着视口变化等比缩放的效果
3、使用bootstrap框架布局响应式网页
查看详细课程大纲 >JavaScript新课时:26天学习方式:线下面授
主讲内容
JavaScript基础 | WebAPI | JavaScript高级 | jQuery | Ajax | git
内容介绍
1、掌握JavaScript基础语法规则
2、掌握DOM和BOM对象的属性和方法,以完成网页常见的交互效果
3、深入理解 ECMAScript 的知识体系及工作机制,熟悉 ES6+ 新的语法特性,注重抽象思维的培养,具备面向对象编程的的能力
4、借助 jQuery 提升开发的效率,同时借鉴和学习 jQuery 的封装实现思想,巩固面向对象的相关知识,加深对面象对象的理解
5、能够创建 Git 仓库管理前端项目,基于 Git 分支进行多人协同开发,并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中
可掌握的核心能力
1、掌握JavaScript基础语法,培养编程逻辑思维
2、掌握DOM和BOM对象的常用属性和方法,能够完成网页常见的交互效果
3、能够使用 axios 实现 Ajax 操作,为后续项目课做好技术铺垫
4、能够运用 Git 管理前端项目,并且使用 Git 分支进行多人协同开发
查看详细课程大纲 >框架前置课 新课时:6天学习方式:线下面授
主讲内容
Node.js基础 | 模块化 | npm | Express | EventLoop | webpack
内容介绍
1、了解 Node.js 和浏览器环境的区别,能够使用 Node.js 操作文件和处理路径
2、理解模块化的开发思想,能够使用 CommonJS 模块化语法进行前端项目的开发,提高代码的复用性
3、利用 npm 管理项目中用到的第三方包,提高前端项目的开发效率
4、能够使用 Express 编写基本的 API 接口,加深对前后端工作流程的理解
5、深入学习 JS 异步的底层原理,能够使用 Promise 处理异步操作,并使用 async/await 简化异步操作
6、利用 webpack 实现前端的工程化开发,主要学习 webpack 的工作原理以及常用的插件、loader 的使用,为后续项目课的学习奠定工程化的开发思想
可掌握的核心能力
1、能够使用 npm 维护项目中的依赖包,提高项目的开发效率
2、能够使用 Promise 与 async/await 高效的实现异步操作
3、能够理解 webpack 中的核心概念,为后续项目课的学习打好工程化开发的基础
查看详细课程大纲 >Vue.js新课时:37天学习方式:线下面授
主讲内容
Vue基础 | Vue3.0高级
内容介绍
1、运用Vue2.0全家桶核心内容实现开发中常见的功能,如购物车,TabBar、经典列表、TodoMVC等
2、掌握Vue3新特性、Vite、组合API等
可掌握的核心能力
通过Vue2和Vue3的理论知识学习可以实现开发中常见的业务功能,如购物车、TabBar、经典列表、TodoMVC等
查看详细课程大纲 >React.js新课时:24天学习方式:线下面授
主讲内容
React基础 | Hooks | Redux中间件 | TypeScript
内容介绍
1、掌握React基本语法,能够使用class组件实现常见的业务功能
2、运用hooks核心知识实现购物车和放大镜经典案例效果
3、结合React技术栈,运用redux实现点餐系统的状态管理
4、运用TypeScript语法,并且在React项目中熟练运用TypeScript
可掌握的核心能力
通过React+class组件+Hooks+Redux+TypeScript的学习,实现企业开发中的经典案例,如B站评论、购物车、放大镜、点餐系统等业务功能
查看详细课程大纲 >小程序新课时:6天学习方式:线下面授
主讲内容
小程序基础 | uni-app | 电商项目
内容介绍
1、了解小程序开发的一般流程序,熟悉小程基础组件的使用,能够基于 wxml 和 wxss 实现小程序的界面布局,基于模板的数据绑定实现数据的动态渲染,基于 API 实现与服务端的数据通信,以及熟悉其它高级 API 的使用
2、理解 uni-app 实现跨平台开发的原理机制,理清单文件组件与原生小程序组件的对应关系,以及 uni-app 开发小程序时开发时与原生小程序的差异
3、基于真实需求综合运用小程序开发的相关知识,突出小程序 API 的真实应用场景,强化和巩固小程序开发的相关知识,提升综合解决问题的能力
可掌握的核心能力
能够独立开发小程序,提高就业能力,是就业的加分项
查看详细课程大纲 >立可得项目新课时:2天学习方式:线下面授
主讲内容
1、综合媒体查询和rem智能适配大屏幕
2、基于 Echarts 结合需求高度自定义不同类型的可视化图表
3、Ajax、数据渲染和服务端推送前后端分离技术的应用
4、通过jQuery开发网页交互,增强易用性及用户体验
项目介绍
智能看板是一个数据可视化项目,通过折线图、K线图、柱状图等图表形式归纳汇总大量数据,以实现更加直观的数据表达效果。学员通过学习该项目,能够掌握数据可视化、异步编程、实时数据获取等技术解决方案,适合有基础希望技能强化的IT人员继续学习。
可掌握的核心能力
1、掌握大屏幕适配技术解决方案的应用
2、掌握Echarts 各类型数据可视化图表的应用
3、能够根据需要求创建折线图、K线图、地图等图表
4、掌握前后端分离技术的实现方式并了解其意义
5、了解什么是服务端推送及相关技术解决方案
6、掌握jQuery 在实际项目中的应用形式
查看详细课程大纲 >大事件项目新课时:5天学习方式:线下面授
主讲内容
1、基于 vue-cli 创建工程化的 Vue 项目
2、基于 element-ui 组件库快速实现项目布局
3、用户注册与登录的业务解决方案
4、使用 Vuex 管理全局共享的数据
5、使用 axios 实现前后端的数据交互
项目介绍
大事件是一个 CMS 后台管理项目,包含登录注册、个人中心、文章管理等主要模块。学员学习该项目,能够锻炼对 Vue 完整技术栈的运用。同时该项目还涵盖了 token 身份认证、Vue 组件库、文件上传、富文本编辑器等前端技术解决方案,适合刚入手 Vue 框架、希望通过项目开发来巩固 Vue 基础的前端开发者学习。
可掌握的核心能力
1、熟练掌握 element-ui组件库的运用
2、掌握 axios 以及拦截器的应用
3、掌握 Vuex 管理全局状态的技术解决方案
4、熟练使用 vue-router 管理组件的切换展示
5、掌握 element-ui 中如何自定义表单的校验规则
6、锻炼 Vue 基础技术点的实际项目中的应用
7、掌握文件上传和富文本编辑器在 Vue 项目中的应用
查看详细课程大纲 >iHRM人力资源项目新课时:12天学习方式:线下面授
主讲内容
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 加速的实践应用 | 组件封装 | 业务组件封装
项目介绍
iHRM是一款基于SaaS平台的人力资源管理系统, 企业通过该系统可以完成公司组织架构管理、员工管理、角色管理、权限管理(审批、考勤、社保)等,为企业的人力资源管理提供一站式解决方案。
可掌握的核心能力
1、掌握Vue + Element技术栈在开发管理型后台项目的技术开发能力
2、具备角色,人员,权限类系统的设计整体设计及应用能力
3、拥有Vuejs相关的技术要点及配套的插件,解决方案深度使用能力
查看详细课程大纲 >Vue3.0小兔鲜儿电商项目新课时:8天学习方式:线下面授
主讲内容
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 规格选择,云端购物车 & 本地购物车,微信支付 & 支付宝支付,商品类目,订单管理
项目介绍
Vue3.0小兔鲜儿电商是对标网易严选的综合品类的网上商城项目,现在除了顶级的一些电商平台之外,越来越多的企业都会做自己的垂直领域的商城,如小米商城、华为商城等,市场空间巨大,人才较为紧缺。本项目涵盖了电商的核心业务,首页加载优化,SKU规格处理,本地线上购物车,第三方登录,第三方支付,订单管理。致力于交付学员完整的电商业务解决方案,以及Vue3.0组合API的最佳实践,基于Vue3.0的组件库封装,让学员成为具备电商业务能力的站在技术前沿的高级前端开发工程师。
可掌握的核心能力
1、前沿技术还原主流电商业务方案
2、掌握Vue3.0 Composition API实践能力,站在技术前沿
3、掌握第三方登录,第三方支付的业务能力,轻松对接第三方平台
4、掌握sku,购物车,订单管理等电商业务,轻松上手电商开发
查看详细课程大纲 >极客园PC端项目新课时:4天学习方式:线下面授
主讲内容
请求模块化 | 请求工具拦截 | scss 样式 | 布局组件 | Redux状态管理 | create-react-app | 反向代理 | ant-design | 表单校验 | Auth Route | token 认证 | token 失效控制 | history 路由 | 打包性能优化 | CDN 加速 | 组件封装 | react-quill | craco自定义脚手架配置
项目介绍
「极客园」对标“CSDN”、“博客园”等竞品,致力成为更加贴近年轻 IT 从业者(学员)的科技资讯类应用。 本项目是个人自媒体管理端,涵盖了后台管理系统的核心业务,基于react技术栈(react hooks + redux + react-router)实现了登录功能,首页展示,文章管理与发布,图片上传等功能,让学员熟练掌握react核心技术栈的开发项目的能力。
可掌握的核心能力
熟练掌握react技术栈(react hooks + redux + react-router)配合antd组件库开发后台管理项目的技术能力。
查看详细课程大纲 >极客园H5项目新课时:11天学习方式:线下面授
主讲内容
react+hooks+redux+typescript+router全家桶 | 移动端项目搭建 | ant-mobile-v5 | vw 适配方案 | Token 过期处理 | 动态编辑 | 上拉加载 | 下拉刷新 | 评论与回复 | 搜索功能 | DayJS | 数据持久化 | 图片懒加载 | 组件定制 | 组件封装 | 性能优化 | 移动端1px像素 | Icon处理 | 表单验证 | 倒计时 | 拦截器 | 权限组件封装 | 缓存组件封装 | websocket | 防抖与节流 | 关键字高亮 | 吸顶组件 | keep-alive | CDN优化 |ahooks|lodash
项目介绍
极客园H5项目是新闻资讯类产品,包括首页文章列表上拉加载与刷新,频道管理,本地线上频道管理,文章搜索,文章评论与回复,组件缓存,token过期与刷新处理,用户权限拦截,个人信息修改解决方案。整个项目基于typescript开发,让学员熟练掌握当前最流行的typescript + react技术栈开发项目的能力。
可掌握的核心能力
熟练掌握typescript + react技术栈 + antd-mobile组件库开发H5移动端新闻资讯类项目的技术能力。
查看详细课程大纲 >黑马优购小程序项目新课时:4天学习方式:线下面授
主讲内容
1、uni-app跨平台开发框架
2、组件封装及通信
3、微信支付/登录
4、状态管理
项目介绍
黑马优购是一个经典的电商类小程序项目,包括商品、用户、购物车、订单等核心功能模块,采用 uni-app 框架做为跨平台小程序开发方案,并综合运用了原生小程序的组件化、模块化、网络请求、本地存储、微信登录、微信支付等技术,不仅能够培养学员的实践能力,还可以为就业提供有利的支撑。
可掌握的核心能力
1、能够开发跨平台的小程序
2、能够独立开发小程序项目
3、掌握微信登录的实现方式
4、掌握微信支付的实现方式



黑马程序员技术解决方案库 职场常见技术难题全覆盖

技术解决方案库
基于 img2 的渐进式加载解决方案
基于 PJAX 的页面无刷新解决方案
基于 wepy 的小程序快速开发解决方案
基于 Aliyun OSS 的图像上传存储解决方案
基于 UEditor 的富文本处理解决方案
基于百度地图 API 的地图业务解决方案
基于 TravisCI 的持续集成解决方案

技术解决方案库
基于 Git 的源代码管理解决方案
电商购物车解决方案
电商商品 SKU 解决方案
商品参数管理解决方案
订单商品跟踪解决方案
物流跟踪解决方案
RBAC 权限管理解决方案
有深度的电商小程序 课程为就业/创业开辟新出路


涵盖小程序开发全部技术点
小程序UI开发
小程序API编程
常用App界面布局实现
Canvas实战应用
WePY/mpvue快速开发框架
腾讯云服务接入

项目介绍
本项目通过一个小程序电商业务项目为切入点,使用更高效小程序的框架 mpvue,结合最新ES6语法,在实战开发环节充分应用,让学员深入理解项目设计背后的原理,解决实际业务中的各类问题。
实现功能
首页推荐频道展示、分类筛选、搜索商品、商品详情、分页加载数据及长列表展示优化、购物车、下单、支付、用户个人中心、Postman接口测试工具。
技术标签
小程序弹性布局原生组件应用小程序登录样式复用微信支付接入App编程思维异步编程组件式拆分与开发设计稿重构
260小时理论课科学配比 针对性提升6大进阶技能
-
基础进阶
32.5小时 占比12%
-
框架与库进阶
46.5小时 占比18%
-
前端工程化
49小时 占比19%
-
nodejs进阶
59.5小时 占比22%
-
多端应用
54小时 占比20%
-
算法与数据结构
23小时 占比9%
实时更新热门技术 让你始终掌握技术发展趋势
独家Tlias教学系统 学练测辅全方位保障学习效果

-
题库中心
-
试卷中心
-
课程中心
-
教学中心
-
考试中心
-
就业中心
-
反馈中心
-
报表中心
-
数据中心
-
完善的学习服务机制
严格的考勤体系
助教/班主任上课实时督导
阶段性考核体系
每日测评及反馈
末位辅导/晚自习辅导/作业点评 -
及时的激励政策
学习优异者进行奖励
日常学习小奖励
老学员分享
励志故事分享
拓展活动、联欢会、节日活动 -
全面的就业辅导
阶段性就业辅导
模仿真实企业面试流程
面试礼仪培训
辅助学员修改简历
综合面试培训
毕业后 服务并未止步
助力未来职业发展
-
面试作品指导
课堂视频+笔记资源赠送
-
老学员就业经验分享
每月定期主题讲座
-
线上公开课分享
课程内容有更新及时获得
-
就业后工作问题随时解答
18校区就业服务帮助
-
【HTML&JS+前端】Web前端入门教程_Web前端html...
初级17W+人学习
4.9分 -
【HTML&JS+前端】前端小白零基础入门HTML5+CSS3
初级11W+人学习
4.8分 -
【HTML&JS+前端】2018年Vue.js深入浅出教程
高级10W+人学习
4.9分 -
【HTML&JS+前端】零基础玩转微信小程序
中级75018人学习
4.7分 -
【HTML&JS+前端】javaScript零基础通关必备教程
初级72066人学习
5.0分 -
【HTML&JS+前端】web前端|一天教你打造企业级微信小程序
高级62174人学习
3.5分 -
【HTML&JS+前端】javaScript进阶面向对象ES6
中级61193人学习
5.0分 -
【HTML&JS+前端】JavaScript核心 DOM BOM操作
中级60722人学习
5.0分 -
【HTML&JS+前端】4小时+5个拣选案例让你快速入门Vue.js
高级56505人学习
5.0分 -
【HTML&JS+前端】2018版Html5+Css3由浅入深教程
中级51761人学习
5.0分