|A股上市公司传智教育（股票代码：003032）旗下黑马程序员在线IT教育平台
  • 课程详情
  • 免费试听
  • 了解学费
    • 前端课程资料，限时免费领！
    04天08时14分24秒
    1、前端7天免费试学课程
    下载
    2、20+前端案例&demo源码
    下载
    3、前端各阶段视频资料
    下载
    4、前端理论知识手册&书籍
    下载
    5、前端必备软件安装包
    下载
    6、前端技术图谱
    下载
    一键打包下载

    0基础学IT为什么选择前端工程师？

    01没有竞争对手
    02就业无行业限制
    03市场需求热度高
    1分钟了解前端
    测测我适合学前端吗?

    博学谷前端课程，以培养实战型企业人才为目标！

    知识体系全面

    覆盖测试全流程知识体系

    紧跟企业需求

    实时更新新/热技术点

    递进式教学

    循序渐进，更适合0基础的学习方案

    即时反馈机制

    丰富的练习+测试，即时反馈学习效果

    无忧学习体验

    个性化全程督导+360°就业指导，保障学习效果

    覆盖全端跨平台且业务在全端贯通。

    超大项目库，全平台、全业务、场景化、工程化的前端项目。

    丰富的就业资源，360°就业通，专属就业指导。

    查看课程详情
    学习周期是多久？

    递进式、多样化知识点，打造中高级前端工程师！

    • 知识体系全面

      主流、前沿、多样化知识点夯实技术实力

    • 多端跨平台业务

      覆盖全栈+全端业务，工程化+场景化深度定制

    • 多重学习保障

      个性化全程督导，作业+阶段测评，保障学习效果

    • 多端跨平台开发能力

      具备前端架构思维，打通多端+前后端全栈综合开发能力

    • 工程化实战能力

      项目开发规范化、模块化、组件化、容器化；上线部署自动化

    • 项目统筹能力

      业务场景深度定制，30+企业级技术解决方案

    Vue.js实战开发阶段

    · Vue

    · Webpack

    · Vant移动端组件库

    · ElementUI PC端组件库

    · Vuex

    · vue-cli/vite

    · vue-router

    · 移动端项目、PC端中台管理项目、

    PC端前台项目开发

    Vue.js实战开发Vue+Vant/ElementUI

    微信小程序

    · 微信小程序开发工具

    · 数据绑定

    · 生命周期

    · 模块化

    · 网络请求

    · uni-app

    · 小程序电商项目开发

    微信小程序+uni-app

    React.js实战开发阶段

    · JSX

    · React

    · create-react-app

    · React Router

    · React Redux

    · 百度地图SDK

    · Ant Design Mobile

    · 移动端租房项目开发

    React.js实战开发

    React+Ant Design Mobile

    360°就业通

    · 简历内容篇

    · 求职内容篇

    · 面试内容篇

    · 工作内容篇

    · 市场行情篇

    · 人事内容篇

    · 工作心理篇

    · 前端面试题

    · 前端拓展案例/项目

    360°就业通

    面试指导+面试题+拓展案例

    前端开发基础阶段

    · HTML常用标签

    · CSS选择器

    · 盒模型

    · 浮动和清除浮动

    · 四种定位

    · PxCook工具

    · CSS进阶

    · 电商网页开发

    前端开发基础HTML+CSS

    移动端网页开发阶段

    · 2D&3D转换与动画

    · Flex布局

    · Less

    · 媒体查询

    · rem适配

    · Bootstrap

    · 响应式网页开发

    · 移动端网页开发

    移动端网页开发

    Bootstrap+CSS3媒体查询

    JavaScript网页编程

    · JavaScript基础语法

    · WebAPI

    · 面向对象

    · 原型

    · ES6

    · jQuery

    · ECharts.js

    · 数据可视化网页开发

    JavaScript网页编程

    JavaScript+jQuery+ECharts

    前后端交互阶段

    · Ajax

    · Git

    · Node基础

    · npm

    · MySQL

    · Express

    · Session、Token、JWT

    · 前后端交互项目开发

    前后端交互Ajax+Express+MySQL

    Vue.js实战开发阶段

    · Vue

    · Webpack

    · Vant移动端组件库

    · ElementUI PC端组件库

    · Vuex

    · vue-cli/vite

    · vue-router

    · 移动端项目、PC端中台管理项目、

    PC端前台项目开发

    Vue.js实战开发Vue+Vant/ElementUI

    微信小程序

    · 微信小程序开发工具

    · 数据绑定

    · 生命周期

    · 模块化

    · 网络请求

    · uni-app

    · 小程序电商项目开发

    微信小程序+uni-app

    React.js实战开发阶段

    · JSX

    · React

    · create-react-app

    · React Router

    · React Redux

    · 百度地图SDK

    · Ant Design Mobile

    · 移动端租房项目开发

    React.js实战开发

    React+Ant Design Mobile

    360°就业通

    · 简历内容篇

    · 求职内容篇

    · 面试内容篇

    · 工作内容篇

    · 市场行情篇

    · 人事内容篇

    · 工作心理篇

    · 前端面试题

    · 前端拓展案例/项目

    360°就业通

    面试指导+面试题+拓展案例

    前端开发基础阶段

    · HTML常用标签

    · CSS选择器

    · 盒模型

    · 浮动和清除浮动

    · 四种定位

    · PxCook工具

    · CSS进阶

    · 电商网页开发

    前端开发基础HTML+CSS

    移动端网页开发阶段

    · 2D&3D转换与动画

    · Flex布局

    · Less

    · 媒体查询

    · rem适配

    · Bootstrap

    · 响应式网页开发

    · 移动端网页开发

    移动端网页开发

    Bootstrap+CSS3媒体查询

    JavaScript网页编程

    · JavaScript基础语法

    · WebAPI

    · 面向对象

    · 原型

    · ES6

    · jQuery

    · ECharts.js

    · 数据可视化网页开发

    JavaScript网页编程

    JavaScript+jQuery+ECharts

    前后端交互阶段

    · Ajax

    · Git

    · Node基础

    · npm

    · MySQL

    · Express

    · Session、Token、JWT

    · 前后端交互项目开发

    前后端交互Ajax+Express+MySQL

    查看完整课程大纲

    多端跨平台企业级超强前端项目，打造就业竞争力！

    前端多行业项目实战

    小程序

    资讯

    数据可视化

    电商

    租房

    CMS系统

    中台管理

    在线教育

    前端与移动开发项目特点

    高标准
    "亿元级"研发投入大厂项目标准
    全业务
    主流业务全覆盖开发场景真实还原
    全平台
    Web、H5、小程序、移动端等平台全覆盖
    工程化
    项目开发规范化上线部署自动化
    场景化
    业务场景深度定制行业方案全面主流
    01
    小兔鲜儿项目
    02
    数据可视化项目
    03
    CMS系统大事件项目
    04
    黑马头条移动端项目
    05
    HR-saas中台管理项目
    06
    Vue3.0小兔鲜儿电商项目【新】
    07
    小程序电商项目
    08
    好客租房项目
    项目介绍
    小兔鲜儿项目是一个电商平台，项目主要实现了电商首页布局，在项目中使用PxCook软件参照设计图，结合HTML+CSS进行页面布局和hover效果实现完成了该项目的头部布局、导航布局、主体布局和底部布局。
    实现功能
    1、header区域布局
    2、导航区域布局
    3、类别区域布局
    4、banner布局
    5、商品区域布局
    6、footer模块布局
    技术点
    1、HTML
    2、CSS
    3、PxCook
    4、浮动
    5、清除浮动
    6、盒模型
    7、选择器
    深度了解项目
    领取免费资料

    30+套技术解决方案库，企业有问题，我们有方案！

    博学谷技术解决方案库

    涵盖职场常见技术难题

    基于前后端分离模式开发解决方案
    基于 Flex 的快速布局解决方案
    基于token的前端登录解决方案
    基于 Webpack 前端工程化解决方案
    基于 vue-element-admin 二次开发解决方案
    第三方登录前端解决方案
    基于 JWT 的接口鉴权解决方案
    基于 less 的 CSS 预处理解决方案
    基于 Mock.js 的响应式布局解决方案
    基于 ECharts.js 的大数据可视化解决方案
    基于 vuex-persistedstate状态持久化解决方案
    基于 TypeScript 的大型项目强类型语言开发解决方案
    基于 Vue2.0/Vue3.0技术栈开发解决方案
    基于 Element UI桌面端组件库开发解决方案
    基于 Express 的快速 Web 服务开发解决方案
    基于 React.js 全套技术栈 SPA 开发解决方案
    基于 Ant Design Mobile移动端组件库开发解决方案
    基于 Vue3.0封装组件库开发解决方案
    基于 UEditor 的富文本处理解决方案
    基于 ESLint 的代码规范质量解决方案
    前端SKU解决方案
    基于百度地图 API 的地图业务解决方案
    基于 Axios 的异步请求解决方案
    基于vue3.0进行中大型项目开发解决方案
    基于 Git 的源代码管理解决方案
    基于 Vuex 的集中式状态管理解决方案
    微信支付/支付宝支付 第三方支付解决方案
    查看全部解决方案
    免费领取前端技术图谱

    紧跟市场动态，捕捉企业需求，实时扩展技术点！

    HTML/HTML5

    常用浏览器以及内核
    web标准
    HTML语法规范
    HTML基本结构标签
    标签语义化
    HTML常用标
    相对和绝对路径
    注释和特殊字符
    表格和列表
    HTML表单
    HTML5新增标签
    HTML5新增属性

    CSS/CSS3

    CSS语法规范
    CSS选择器
    CSS样式
    元素显示模式
    CSS背景
    CSS三大特性
    盒模型
    浮动和清除浮动
    CSS四种定位
    精灵图和字体图标
    CSS进阶
    CSS3新增选择器和属性

    移动web

    2D&3D转换
    视口
    二倍图
    物理像素和物理像素比
    移动端技术选型
    流式布局
    Flex（伸缩）布局
    媒体查询
    Less（变量、嵌套、运算）
    rem适配
    Boostrap
    响应式布局

    JavaScript

    JavaScript变量
    数据类型和运算符
    流程控制语句
    循环（for、while、do while）
    数组和冒泡排序
    函数
    作用域和预解析
    对象和内置对象
    WebAPI
    面向对象编程
    正则表达式
    sessionStorage和localStorage

    jQuery

    jQuery常用API
    jQuery选择器
    jQuery链式编程
    jQuery属性操作
    jQuery遍历对象
    jQuery事件绑定和解绑
    jQuery多库并存
    jQuery对象拷贝
    图片懒加载
    全屏滚动插件
    瀑布流插件
    ECharts.js

    ES6/ES2015+

    let、const、var的区别
    解构赋值
    箭头函数
    剩余参数
    拓展运算符
    Array数组方法
    Array实例方法
    ES6模板字符串
    startsWith、endsWith和repeat方法
    set数据结构
    Promise
    async/await

    网络请求与响

    客户端与服务器
    Ajax
    Postman接口测试工具
    art-template模板引擎
    XMLHttpRequest
    XML和JSON
    封装Ajax函数
    XHR Level2新特性
    Axios
    同源策略、跨域、JSONP
    HTTP协议、请求、响应、状态码
    防抖和节流

    Nodejs

    fs、path、http模块
    模板化和模块加载机制
    CommonJS
    npm
    开发npm包并发布
    nodemon
    node创建web服务器
    Express
    Express路由
    中间件、中间件分类、自定义中间件
    Express编写接口
    cors、jsonp接口

    数据库

    常见数据库及分类
    库、表、行、字段之间的关系
    MySQL数据库相关软件
    MySQL数据库环境安装
    MySQL Workbench
    MySQL使用
    sql语句和.sql文件
    mysql模块
    web开发模式
    session
    cookie
    JWT

    Vue2.0/Vue3.0

    Vue指令和自定义指令
    事件和属性绑定
    Vue生命周期
    计算属性和侦听器
    Vue组件和传值
    Promise+Fetch+Axios
    Vue路由
    Webpack
    Vue-cli
    ElementUI、VantUI
    Vuex
    Composition API

    微信小程序

    小程序账号注册和开发工具使用
    小程序代码的构成
    小程序的宿主环境
    小程序组件和样式
    小程序协同工作和发布
    小程序数据和事件绑定
    条件和列表渲染
    小程序全局配置和页面配置
    数据请求和页面导航
    分包和自定义tabBar
    小程序UI组件库
    uniapp框架

    React.js

    create-react-app脚手架
    JSX
    React组件和通讯方式
    React生命周期
    render props模式
    高阶组件
    React原理
    组件更新机制
    组件性能优化
    虚拟DOM和Diff算法
    React路由
    Ant Design Mobile
    查看详细课程大纲
    申请免费试学

    黑马讲师亲自授课，实战经验倾囊相授！

    刘老师
    课程研究员
    10年经验
    pink老师
    研发成果：经典前端视频教程
    刘老师
    课程研究员
    入职时间：2013年11月
    曾参与国家开放大学module教育平台，环球影视(中国)等多个大型项目。拥有丰富的前端教学经验，擅长设计课程与教学。课程内容是第一位，但是让学生学得开心，听得懂也很重要；pink，拼死也要克服前端。
    李老师
    课程研究员
    华为
    Vue技术大牛
    研发成果：《高级软件工程师课程》 《企业云 IM 项目》
    李老师
    课程研究员
    入职时间：2019年05月
    8年一线开发经验，前广电前端负责人、前华为高级工程师，华科硕士，高级项目经理。擅长前端自动化、容器化、跨端产品的开发。熟练动用前沿前端技术，熟悉三大前端框架、Nodejs 全栈开发及自动化流程工具的使用。
    赵老师
    课程研究员
    Vue
    小程序
    可视化
    研发成果：小兔鲜儿 黑马优购 智能看板
    赵老师
    课程研究员
    入职时间：2015年11月
    Web前端工程师，具有多年Web开发经验，熟悉前端技术开发架构，喜爱并热衷于前端开发，特别在Vue、Node.js、React等主流技术领域实践并积累了丰富的经验，提出并成功主导了B2C、社交、O2O、IM、OA等众多领域的技术解决方案，同时在结合 Linux 服务器相关技术优化提升网站性能方面具有丰富的实践经验。
    刘老师
    课程研究员
    React 技术大牛
    TypeScript
    研发成果：React好客租房项目 React Hooks 小兔鲜儿 TypeScript
    刘老师
    课程研究员
    入职时间：2015年10月
    后端开发出身，曾在金和软件参与大型SOA项目开发；后入职国美集团旗下，负责前端开发工作。基础扎实，深入原理。热爱技术，喜欢读书，看过大量有关前端方面的书籍。 为人友善，知识面广泛。
    刘老师
    课程研究员
    MAITROX
    研发成果：webpack 基础课程 Vue 基础课程
    刘老师
    课程研究员
    入职时间：2017年08月
    985学士，5年前端开发经验，具备全栈开发能力，曾就职于跨国公司和知名国企，参与多个大型项目研发，丰富的企业面试经验和员工内训经验。深剖原理，谙熟本质。关注前端主流技术的发展，保持热度，迭代技术。
    凡老师
    课程研究员
    京东商城
    研发成果：Vue 原理进阶课程
    凡老师
    课程研究员
    入职时间：2019年05月
    曾供职于京东商城，先后参加多个大型管理系统开发，负责前端技术架构，公共业务组件封装精通前端技术体系，熟练使用CSS3、ES6，typescript、Vue、React、Node.js、mysql等前后端技术。擅长将工作经验融入教学实践，授课清晰，认真负责，热衷于传播实战开发技能，深受学员认可
    刘老师
    课程研究员
    蓝尔科技
    8年经验
    研发成果：前端Ajax Node Vue小程序等双元视频
    刘老师
    课程研究员
    入职时间：2015年09月
    精通前端技术体系，对Node.js、微信小程序、Vue、React等有深入研究。授课思路清晰，深入浅出，擅长重难点问题的分化讲解，注重培养学生独立思考与解决业务需求的能力，热衷于把实用的技术传递给每一位学生。
    董老师
    课程研究员
    华为
    H5游戏开发专家
    研发成果：黑马面面移动端
    董老师
    课程研究员
    入职时间：2019年10月
    精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。
    周老师
    课改研究员
    孔夫子 电商方案专家
    研发成果：电商全端项目 品优购 Node 中间层项目
    周老师
    课改研究员
    入职时间：2015年11月
    曾参与过大型国有银行、地区银行的项目开发，大型电子商务购物平台开发。曾任Java高级开发工程师、项目组长、前端高级开发工程师、前端主管职位。参与开发的项目有：青岛银行生活通LBS项目、中国银行创业在线项目、孔夫子电子商务平台建设、书店项目、拍卖项目。
    高老师
    课程研究员
    用友
    React 技术大牛
    研发成果：黑马头条 PC 管理项目 黑马头条移动端项目
    高老师
    课程研究员
    入职时间：2018年03月
    8年软件开发经验. 原用友高级架构师,开发装配式的移动开发平台,移动界面设计器,采用Reactjs为基础技术栈,对所有的组件进行动态渲染和拖拽式设计,针对不懂前端的后端工程师,实现几分钟配置一个移动界面的开发需求. 对配置化、零编码的开发平台有较强的技术和架构能力。
    查看全部讲师详情

    根据 IT 学习特点，制定更符合在线学习的教学模式！

    上课方式是什么？
    学习效果怎么样？

    学、练、测、评、答，360°就业通，全方位学习保障！

    学
    学习任务+直播+
    录播+项目源码
    练
    配套试题
    测
    学前测评+
    阶段测评
    评
    专属作业点评
    答
    个性化全程督导
    在线即时答疑
    实战演练
    在线项目实战
    质量监控
    教学质量监控
    360°就业通
    就业课+专属就业指导
    +企业内推
    申请试学
    免费领取面试资料

    完善的就业服务体系，丰富的就业资源，满足学员实际需求！

    我所在城市有就业服务中心吗？

    常见问题

    在线就业班和自己看视频有什么区别？
    点击咨询
    学费要多少？
    点击咨询
    担心没有自制力，坚持不下去怎么办？
    点击咨询
    学不会怎么办？
    点击咨询
    零基础可以学会吗？
    点击咨询
    学多长时间可以找到工作？
    点击咨询
    我还有其他问题