6月10日   前端与移动开发学科15天基础班免费学习名额抢占中! 点此报名

  • 北京

    前端与移动开发基础班

    2020-05-20

    已开班

  • 北京

    前端与移动开发基础班

    2020-05-27

    我要报名

  • 北京

    前端与移动开发基础班

    2020-06-03

    我要报名

  • 北京

    前端与移动开发基础班

    2020-06-10

    我要报名

  • 北京

    前端与移动开发就业班

    2020-05-23

    已开班

  • 北京

    前端与移动开发就业班

    2020-05-30

    我要报名

  • 北京

    前端与移动开发就业班

    2020-06-06

    我要报名

  • 北京

    前端与移动开发就业班

    2020-06-13

    我要报名

  • 济南

    前端与移动开发基础班

    2020-04-28

    已开班

  • 济南

    前端与移动开发基础班

    2020-06-29

    我要报名

  • 济南

    前端与移动开发基础班

    2020-07-29

    我要报名

  • 济南

    前端与移动开发就业班

    2020-05-13

    已开班

  • 济南

    前端与移动开发就业班

    2020-05-26

    已开班

  • 济南

    前端与移动开发就业班

    2020-07-20

    我要报名

  • 济南

    前端与移动开发就业班

    2020-08-19

    我要报名

  • 重庆

    前端与移动开发基础班

    2020-04-05

    已开班

  • 重庆

    前端与移动开发就业班

    2020-04-29

    已开班

  • 郑州

    前端与移动开发基础班

    2020-04-15

    已开班

  • 郑州

    前端与移动开发基础班

    2020-06-16

    我要报名

  • 郑州

    前端与移动开发基础班

    2020-07-07

    我要报名

  • 郑州

    前端与移动开发就业班

    2020-04-05

    已开班

  • 郑州

    前端与移动开发就业班

    2020-04-24

    已开班

  • 郑州

    前端与移动开发就业班

    2020-07-09

    我要报名

  • 郑州

    前端与移动开发就业班

    2020-08-24

    我要报名

  • 武汉

    前端与移动开发基础班

    2020-02-28

    已开班

  • 武汉

    前端与移动开发基础班

    2020-03-14

    已开班

  • 武汉

    前端与移动开发基础班

    2020-03-26

    已开班

  • 武汉

    前端与移动开发基础班

    2020-04-17

    已开班

  • 武汉

    前端与移动开发就业班

    2020-03-07

    已开班

  • 武汉

    前端与移动开发就业班

    2020-03-25

    已开班

  • 武汉

    前端与移动开发就业班

    2020-04-13

    已开班

  • 武汉

    前端与移动开发就业班

    2020-04-24

    已开班

  • 西安

    前端与移动开发基础班

    2020-02-28

    已开班

  • 西安

    前端与移动开发基础班

    2020-03-26

    已开班

  • 西安

    前端与移动开发基础班

    2020-04-20

    已开班

  • 西安

    前端与移动开发基础班

    2020-06-20

    我要报名

  • 西安

    前端与移动开发就业班

    2020-03-07

    已开班

  • 西安

    前端与移动开发就业班

    2020-03-25

    已开班

  • 西安

    前端与移动开发就业班

    2020-04-06

    已开班

  • 西安

    前端与移动开发就业班

    2020-05-14

    已开班

  • 广州

    前端与移动开发基础班

    2020-04-28

    已开班

  • 广州

    前端与移动开发基础班

    2020-06-08

    我要报名

  • 广州

    前端与移动开发基础班

    2020-06-22

    我要报名

  • 广州

    前端与移动开发基础班

    2020-07-06

    我要报名

  • 广州

    前端与移动开发就业班

    2020-03-25

    已开班

  • 广州

    前端与移动开发就业班

    2020-04-05

    已开班

  • 广州

    前端与移动开发就业班

    2020-04-15

    已开班

  • 广州

    前端与移动开发就业班

    2020-04-24

    已开班

  • 长沙

    前端与移动开发基础班

    2020-06-10

    我要报名

  • 长沙

    前端与移动开发基础班

    2020-06-30

    我要报名

  • 长沙

    前端与移动开发基础班

    2020-07-20

    我要报名

  • 长沙

    前端与移动开发就业班

    2020-03-25

    已开班

  • 长沙

    前端与移动开发就业班

    2020-04-24

    已开班

  • 长沙

    前端与移动开发就业班

    2020-05-09

    已开班

  • 长沙

    前端与移动开发就业班

    2020-06-11

    我要报名

  • 杭州

    前端与移动开发基础班

    2020-04-10

    已开班

  • 杭州

    前端与移动开发基础班

    2020-04-25

    已开班

  • 杭州

    前端与移动开发基础班

    2020-06-15

    我要报名

  • 杭州

    前端与移动开发基础班

    2020-07-10

    我要报名

  • 杭州

    前端与移动开发就业班

    2020-04-24

    已开班

  • 杭州

    前端与移动开发就业班

    2020-05-07

    已开班

  • 杭州

    前端与移动开发就业班

    2020-07-10

    我要报名

  • 杭州

    前端与移动开发就业班

    2020-08-07

    我要报名

  • 南京

    前端与移动开发基础班

    2020-04-10

    已开班

  • 南京

    前端与移动开发基础班

    2020-06-12

    我要报名

  • 南京

    前端与移动开发基础班

    2020-07-16

    我要报名

  • 南京

    前端与移动开发就业班

    2020-05-04

    已开班

  • 南京

    前端与移动开发就业班

    2020-06-06

    我要报名

  • 南京

    前端与移动开发就业班

    2020-07-05

    我要报名

  • 成都

    前端与移动开发基础班

    2020-04-10

    已开班

  • 成都

    前端与移动开发基础班

    2020-05-27

    我要报名

  • 成都

    前端与移动开发基础班

    2020-07-15

    我要报名

  • 成都

    前端与移动开发就业班

    2020-04-15

    已开班

  • 成都

    前端与移动开发就业班

    2020-06-26

    我要报名

  • 成都

    前端与移动开发就业班

    2020-07-30

    我要报名

    • 合肥

      前端与移动开发基础班

      2020-04-15

      已开班

    • 合肥

      前端与移动开发基础班

      2020-04-25

      已开班

    • 合肥

      前端与移动开发基础班

      2020-06-15

      我要报名

    • 合肥

      前端与移动开发就业班

      2020-04-24

      已开班

    • 合肥

      前端与移动开发就业班

      2020-05-13

      已开班

    • 合肥

      前端与移动开发就业班

      2020-05-13

      已开班

    • 合肥

      前端与移动开发就业班

      2020-05-13

      已开班

          从PC到移动
          屏幕上呈现的一切都由前端实现

          因此,几乎所有行业
          都稀缺独当一面的前端人才

          咨询毕业后能做什么工作?

          如果你是HR,你会选择谁?

          初级前端程序员

          黑马中级前端工程师

          超5000人同期学习
          选择的人多,才是好课程!

          以上仅展示部分班级开班照片

          立即领取15天免费体验课

          毕业学员有口皆碑
          源于始终坚守初心研发好课程

          • 【Web前端】Web前端入门教程-Web前端html+css+JavaScript

            初级

            79037人学习

            4.9分
          • 【Web前端】2018年Vue.js深入浅出教程

            高级

            40059人学习

            4.9分
          • 【Web前端】CSS梅兰商城项目实战

            中级

            30196人学习

            5.0分
          • 【Web前端】JavaScript基础加强

            初级

            25093人学习

            5.0分
          • 【Web前端】移动web移动教程

            中级

            20794人学习

            5.0分
          • 【Web前端】2018版Html5+Css3由浅入深教程

            中级

            19241人学习

            5.0分
          • 【Web前端】电商项目实战

            高级

            13080人学习

            5.0分
          • 【Web前端】JavaScript核心 DOM BOM操作

            中级

            9581人学习

            5.0分
          立即领取全部教程

          48天超长项目实战,覆盖6大就业热门行业

          1. 电 商
          2. 教 育
          3. 社 交
          4. 旅 游
          5. 租 房
          6. 新闻头条
          • 项目介绍

            该项目属于B2C电商平台,类似于京东、天猫,用户可通过平台轻松完成注册登录、搜索商品、查看商品明细、加入购物车、提交订单、订单支付等完整的购物流程。

            实现功能

            项目主要包含网站首页楼层展示、商品检索、商品详情信息展示、购物车功能、注册新用户并发送验证邮件、登录、会员中心、购物车结算和支付、会员资料和收货地址维护、我的订单展示等。

            项目架构

            MySQL + PHP Server + Node.js Midway + Handlebars + jQuery

            技术点

            Midway、MVC、Express、Axios、Multer、Nodemailer、Handlebars、SVG 验证码、第三方支付、jQuery、AJAX、jQuery插件、Lazyload、XZoom、Git、Standard代码风格检查

            关键词

            电商项目、在线购物、购物车、邮件发送、在线支付、Node.js中途岛、验证码、界面特效、MVC、AJAX、懒加载

          • 项目介绍

            该项目是一个在线教育平台,用户可以在线选课,购买课程,在线交流等。项目整体基于 React 技术架构,学习完该项目基本能掌握 React 核心技术架构体系。

            实现功能

            主要包含用户注册登录退出、第三方登录、在线流媒体视频播放、课程模块、购物车、订单支付、用户中心等。

            项目架构

            基于 AJAX 的前后端分离,前端基于 React.js 技术栈独立开发单页面应用程序+服务端SSR

            技术点

            React.js、create-react-app、Ant design、React Router、Redux、Axios、AJAX、Immutable、RESTFul API

            关键词

            在校教育平台、购物车、邮件发送、在线支付、React、React Router、短信验证码、界面特效

          • 项目介绍

            十次方社交平台像是一个程序员社交网络,项目采用前后端分离架构,前端采用了以Node为驱动的中间渲染层解决方案,学习完该项目基本能掌握该方式的技术解决方案模型。

            实现功能

            主要包含用户注册登录退出、发布问题、回答问题、分享知识、个人中心、账户管理、话题分享、话题搜索、标签系统、活动报名、交友、吐槽、招聘等。

            项目架构

            微服务+ Node.js中间层(RESTful、GraphQL)+客户端技术(Vue.js、React.js、React Native、微信小程序)

            技术点

            Node、中间层、Express、Nunjucks、微服务调用、jQuery、Axios、PM2、ECMAScript 6、Moment

            关键词

            社交项目、问答社区、在线问答、邮件发送、验证码、MVC、AJAX、Pjax、懒加载、服务端渲染

          • 项目介绍

            该项目是一个类似于马蜂窝的在线旅游平台,用户可以在线查询目的地旅游信息,分享旅游攻略,在线下单等。该项目整体基于React Gatsby+无服务端架构模型,学习该项目可以掌握另一种新型的技术架构模型。

            实现功能

            用户注册登录退出、第三方登录、旅游信息查询、旅游详情、旅游攻略、在线下单、订单支付、用户中心。

            项目架构

            使用 Sass 云服务(LeanCloud) + React.js + Gatsby

            技术点

            React.js、Gatsby、LeanCloud、AJAX、Axios、React Router

            关键词

            在线旅游平台、旅游攻略、在线购物、购物车、邮件发送、在线支付、React、Gatsby、无服务端架构

          • 项目介绍

            该项目是一个类似于我爱我家、自如有家的租房App,用户可以在平台中浏览租房信息,预约看房,在线支付租房订单等。

            实现功能

            用户登录、用户注册、第三方登录、查找租房信息、租房列表、租房详情、地图找房、租房咨询、在线下单、个人中心等。

            项目架构

            前后端分离模式,前端基于 React Native 技术栈独立开发完整 APP

            技术点

            React Native、ECMAScript 6、Flex布局、Fetch、React Router、React Navigation

            关键词

            租房项目、在线租房、在线支付、AJAX、懒加载、下拉刷新、上拉加载更多、ListView、离线缓存、Pop 弹出菜单、多彩主题、应用分享

          • 项目介绍

            该项目是一款类似于今日头条的资讯类应用,汇集娱乐资讯的用户移动终端产品,包含用户发表文章的阅读,其中包含文章的刷新推荐、详情阅读、评论文章、点赞、用户频道的个性化、查看用户的个人信息、编辑用户的个人基础信息,以及小智机器人等客户端功能。

            实现功能

            手机号快捷登录、频道编辑、文章推荐、文章详情、评论功能、个人主页、关注粉丝、收藏历史、小智同学、消息通知。

            项目架构

            前后端分离,基于Vue技术栈开发单页应用

            技术点

            Vue.js、Vuex、Vue-Router、Axios、vue-cli、RESTful API、AJAX、vant、websocket

            关键词

            新闻资讯、短信验证、小智同学、移动端布局、组件开发、Feed信息流、打包App、列表缓存、上拉下拉加载、自动化部署

          咨询获取更多项目资料

          拒绝知识点的简单堆砌,给你职场更实用的技术解决方案

          知识点堆砌

          黑马技术解决方案库

          遇到问题无从下手

          "学了很多知识点,
          依然解决不了技术问题"

          遇到问题套用解决方案

          "技术解决方案让我快速适应
          职场,遇到技术问题就能直
          接套用"

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

          1. 基于 Node.js 的前后端分离解决方案

            基于 Gulp 的前端自动化解决方案

          2. 基于 Webpack 的前端模块化解决方案

            基于 GraphQL 的应用层接口开发解决方案

          3. 基于 JWT 的接口鉴权解决方案

            基于 OAuth2 的第三方鉴权认证解决方案

          4. 基于 EasyMock 的接口 Mock 解决方案

            基于 ECharts.js 的大数据可视化解决方案

          5. 基于 Vue.js 全套技术栈的管理系统开发解决方案

            基于 React.js 全套技术栈 SPA 开发解决方案

          6. 基于 UEditor 的富文本处理解决方案

            基于 PJAX 的页面无刷新解决方案

          7. 基于 TravisCI 的持续集成解决方案

            基于 Aliyun OSS 的图像上传存储解决方案

          8. 基于 Nuxt.js 的服务端渲染(SSR)解决方案

            基于百度地图 API 的地图业务解决方案

          9. 基于 Mocha 的 JavaScript 单元测试解决方案

            基于 Git 的源代码管理解决方案

          10. 基于七牛云的文件云存储解决方案

            基于 Next.js 的服务端渲染(SSR)解决方案

          11. 基于 Socket.io 的实时通信解决方案

            基于 Docker 的前端持续集成容器解决方案

          12. 基于 Puppeteer 的浏览器自动化测试解决方案

            基于 Puppeteer 的爬虫解决方案

          13. 基于 Flex 的快速布局解决方案

            基于 mpvue 的小程序快速开发解决方案

          14. 基于 RESTful 的 API 接口设计解决方案

            基于 D3.js 的大数据可视化解决方案

          15. 基于 PostCSS 的 CSS 后处理解决方案

            基于 SASS 的 CSS 预处理解决方案

          16. 基于 Firebase 的无服务端解决方案

            基于 Electron 的跨平台桌面应用开发解决方案

          17. 基于 React Native 的原生 App 开发解决方案

            基于 Ionic 的混合 App 开发解决方案

          18. 基于 json‑server 的数据 Mock 解决方案

            基于 Flutter 的原生 App 开发解决方案

          19. 基于 Element‑UI 的快速应用开发解决方案

            基于 Require.js 的 JavaScript 模块化开发解决方案

          20. 基于 ESLint 的代码规范质量解决方案

            基于 Axios 的异步请求解决方案

          21. 基于 Redux 的集中式状态解决方案

            基于 Font Awesome 的字体图标解决方案

          22. 基于 PARCEL 的Web应用快速打包构建解决方案

            基于 Vuex 的集中式状态管理解决方案

          23. 基于 Gatsby 的快速静态站点构建生成解决方案

            基于 Babel 的 ES6 兼容解决方案

          24. 基于 infinite‑scroll 列表无限滚动解决方案

            基于 Mock.js 的数据 Mock 解决方案

          25. 基于 Ant Design 的快速应用开发解决方案

            基于 Lozad.js 的懒加载解决方案

          26. 基于 Taro 的多端统一开发解决方案

            基于 Bootstrap 的响应式布局解决方案

          27. 基于 Mongoose 的 ORM 解决方案

            基于 Moment.js 的时间处理解决方案

          28. 基于 Egg.js 的企业级 Web 服务开发解决方案

            基于 TypeScript 的大型项目强类型语言开发解决方案

          29. 基于 Express 的快速 Web 服务开发解决方案

            基于 Rollup 的快速应用打包构建解决方案

          30. 基于 Angular.js 全套技术栈的管理系统开发解决方案

            基于 Protractor 的端到端测试解决方案

          31. 电商购物车解决方案

            基于 Jenkins 的持续集成/部署解决方案

          32. 大数据可视化解决方案

            RBAC 权限管理解决方案

          33. 社交平台实时通信解决方案

            移动支付解决方案

          34. 基于 Jest 的 JavaScript 单元测试解决方案

            订单支付解决方案

          咨询获取更多技术解决方案

          有深度的电商小程序课程,为就业/创业开辟新出路

          涵盖小程序开发全部技术点

          小程序UI开发

          小程序API编程

          常用App界面布局实现

          Canvas实战应用

          WePY/mpvue快速开发框架

          腾讯云服务接入

          项目介绍

          本项目通过一个小程序电商业务项目为切入点,使用更高效小程序的框架 mpvue,结合最新ES6语法,在实战开发环节充分应用,让学员深入理解项目设计背后的原理,解决实际业务中的各类问题。

          实现功能

          首页推荐频道展示、分类筛选、搜索商品、商品详情、分页加载数据及长列表展示优化、购物车、下单、支付、用户个人中心、Postman接口测试工具。

          技术标签

          小程序弹性布局原声组件应用小程序登录样式复用微信支付接入App编程思维异步编程组件式拆分与开发设计稿重构

          除了丰富的项目经验,260小时理论课提升进阶技能

          理论薄弱

          黑马学员理论扎实

          只能做执行

          只能解决简单的技术问题
          随时可能被替代

          可以尝试管理

          扎实的理论基础让你拥有更高的价值,
          可参与整个项目/业务,竞争力更强

          260小时理论课科学配比,针对性提升6大进阶技能

          1. 基础进阶

            32.5小时 占比12%

          2. 框架与库进阶

            46.5小时 占比18%

          3. 前端工程化

            49小时 占比19%

          4. nodejs进阶

            59.5小时 占比22%

          5. 多端应用

            54小时 占比20%

          6. 算法与数据结构

            23小时 占比9%

          • 从ES2015出发,深入剖析Map、Set、Async/Await等常用知识点,学习异步编程思想,更深层次感受Javascript的魅力。

            学习Typescript,无论项目大小都可以使用Typescript进行书写,减少团队协作Bug,项目层次结构更清晰。

            学习浏览器原理及性能优化,从原理出发理解浏览器,从而优化页面,提升性能。

            讲解常见面试问题,补足面试黑洞。

            学习设计模式,主要涉及工厂、构造、单例等模式,补平知识短板。让代码更好的适应变化,提高程序的可维护性和可扩展性。

          • 介绍主流的React和Vue的底层实现原理、进阶技术、数据管理和性能优化,动手开发Modal、Menu等常规组件。

            学习框架本身的设计原理。从源码层面了解先进开发框架设计,从原理层面剖析前端框架的架构设计,从开发与效率层面服务实际工作中的开发项目。

            Vue的进阶使用。包括Mixin、directive、filter、及常用的slot。学习封装Vue模块与常用功能,是提升开发效率的必经之路。

            React的进阶使用。包括Hooks、服务端渲染等,了解Hooks产生的前因后果,如何把组件的思想发挥到极致。

          • webpack类的打包工具精讲。包括自动化工具完成打包、预编译和热开发调试的基础功能。

            介绍常用的CLI工具及原理。讲解常见的CLI工程化工具的使用,并且开发属于自己的CLI工具,做到对工程化更深层次的认知。

            项目的打包与发布。深入大型项目的应用层面,对持续集成、容器化、CI/CD工具的使用、自动化测试、文档管理等进行讲解。以实战项目作为最终目标,对等企业级需求。

            讲解版本控制、接口测试类工具、Mock数据及文档生成等。

          • Nodejs扩展了前端无限的能力,让前端也可以向后台进军,操作数据库、读写文件、长链接(websocket)等让Nodejs拥有了后台语言的能力。

            学习常见的Nodejs API、网络和事件循环多进程。深入原理讲解Nodejs模块开发技巧。

            学习数据库,认识后台开发。学会“后台”开发人员的思维方式,可以和后台人员进行顺畅沟通。

            讲解丰富的网络相关的知识,如egg、auth2.0的快速开发技巧、发挥Nodejs异步编程的能力、BaaS接口标准的GraphQL介绍、GraphQL的核心概念与使用等。

            Websocket 精讲。实现聊天功能、心跳检测、多聊天室、消息缓存等功能开发,封装消息应用核心功能库,学会原理的同时也能助力日常ws相关项目的开发。

          • 讲解移动端混合开发解决方案,包含混合App框架Ionic入门、React Native实战项目和Flutter好客租房项目。

            讲解桌面端(跨端)领域前端方面的终极解决方案Electron,在满足日常开发性能需求的基础上,大幅度提升开发效率。

          • 讲解基本的数据结构、常见的算法及设计思考,以及面试题。通过这几个维度的讲解,让学员理解算法在业务开发过程中的重要意义。

            进行核心算法实战,让学员掌握基本的开发技巧与应用能力。

          立即领取15天免费体验课

          实时更新热门技术,让你始终掌握技术发展趋势

          9级培训体系严选师资,讲师大多拥有BAT大厂背景

          • 1

            人才筛选

          • 2

            技术考核

          • 3

            定制个人培训方案

          • 4

            教育心理学培训

          • 5

            教育方法培训

          • 6

            模拟教学

          • 7

            培训考核

          • 8

            培训结果验收

          • 9

            180天强化模式

          咨询获取全部师资详情

          分阶课程体系契合企业刚需
          每个学习阶段目标清晰

          1. 基础班

            夯实前端基础技能

          2. 就业班

            掌握高起点就业技能

          3. 中级进修班

            缩短升职加薪周期

          • 第一阶段 HTML5 + CSS3

            核心知识点

            • HTML 语义化• CSS3 基本语法规范• CSS常见布局技巧大全• 网页开发规范以及流程• CSS企业级网页开发• CSS初始化技术选择• CSS3基本变换特效

            学员能力体现

            • 掌握 HTML5 常用标签• 掌握 CSS 语法及使用技巧• 掌握CSS3新增选择器• 掌握CSS3新增样式属性• 掌握 DIV+CSS 布局方式 • 掌握常见网页布局技巧• 掌握企业级、电商级网页开发基本的流程、规范• 掌握语义化、模块化、兼容性的PC端网页开发• 掌握 Photoshop 切图以及插件切图 • 熟练使用调试工具进行页面调试• 掌握基本的动画效果

            关键词

            HTML5、CSS3、语义化标签、CSS3新属性、盒子模型、定位与浮动、CSS 调试技巧、PS 切图、网页特效、页面初始化、静态页面开发、PSD文件还原网页文件

          • 第一阶段 移动Web网页开发

            核心知识点

            • 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 网页编程

            核心知识点

            • 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.js项目实战

            核心知识点

            • 基于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.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

            核心知识点

            • 混合式 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 进阶

            核心知识点

            • 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

          立即查看详细课程大纲

          独家Tlias教学系统
          学练测辅全方位保障学习效果

          • 完善的学习服务机制

            严格的考勤体系
            助教/班主任上课实时督导
            阶段性考核体系
            每日测评及反馈
            末位辅导/晚自习辅导/作业点评

          • 及时的激励政策

            学习优异者进行奖励
            日常学习小奖励
            老学员分享
            励志故事分享
            拓展活动、联欢会、节日活动

          • 全面的就业辅导

            阶段性就业辅导
            模仿真实企业面试流程
            面试礼仪培训
            辅助学员修改简历
            综合面试培训

          签订培训保障险
          为就业保驾护航

          • 担心学不会?

          • 担心学不好?

          • 担心白白浪费时间和金钱?

          咨询投保详情

          毕业后,服务并未止步
          助力未来职业发展

          • 面试作品指导
          • 课堂视频+笔记资源赠送
          • 老学员就业经验分享
          • 每月定期主题讲座
          • 线上公开课分享
          • 课程内容有更新及时获得
          • 就业后工作问题随时解答
          • 18校区就业服务帮助
          立即领取15天免费体验课

          不一样的城市
          一样的黑马程序员

          家门口的

          学习择业更方便

          相同的课程大纲

          黑马每年都会进行课程的升级和更新,一旦更新,全国所有校区课程将统一使用最新教学大纲。

          相同的教学管理

          黑马只有直营,不搞加盟!总部直接派讲师到分校区授课,采用相同的培训模式和课程。

          相同的师资力量

          分校区的师资在同一套教师培训体系下完成培训,保障师资质量。

          相同的就业服务

          全国各分校设置有与总部相同的就业服务部门,享受同样的就业指导服务。

          •   北京

          •   济南

          •   上海

          •   杭州

          •   南京

          •   深圳

          •   郑州

          •   武汉

          •   长沙

          •   广州

          •   重庆

          •   西安

          •   成都

          •   石家庄
          •   合肥

          •   太原
          •   厦门
          •   沈阳
          •   天津