2018年H5+全栈工程师课程大纲

目前课程版本:2.0   升级时间:2018.6.01   查看详细

H5+全栈工程师课程设计理念

  •  

    定位高端Web精英

    随着IT行业的迅猛发展,企业对于开发人员的要求越来越高,纯前端或纯后端的开发工程师已不能满足市场需求,Full Stack Developer(Web全栈工程师)应运而生。黑马程序员H5+全栈课程致力于打造精通前端、后端、移动端的精英型全栈人才,月薪过万不是梦!

  •  

    前后端融合教学

    经过2年多的课程沉淀,黑马H5+全栈课程融合了IT市场对中高端Web开发工程师的全部技能,课程每半年一次小版本更新,每一年一次大版本更新。前沿技术、流行趋势、企业级项目贯穿每一个课程阶段,毕业后,你就是自带2年工作经验的Web全栈工程师。

  •  

    技术亮点领先市场不止一点点

    黑马H5+全栈课程:融合前端(HTML5、CSS3、BootStrap、响应式、Javascript、前端模块化、NodeJS、VueJS、前后端分离),后端(Linux操作系统、PHP7、MySQL、MVC设计模式、ThinkPHP5+RestFul项目、Laravel5视频直播项目、Memcache缓存、Redis秒杀系统设计、MongoDB数据库、页面静态化、Elasticsearch),移动端(React Native、微信开发、微信分销系统设计、微信支付,微信小程序、移动Web开发)全部流行热点,120天让你完美蜕变,做一名懂后端的Web高级前端工程师。

  •  

    BAT大牛带你直击企业一线

    除总监级名师授课以外,H5+全栈学科还额外聘请了BAT、新浪、华为等一线大牛为你带来企业级技术分享,让你从实际项目中,了解大型项目完整开发流程:需求分析、原型设计、项目架构、前端设计、后端设计、团队管理都能轻松玩转,做一个被企业争抢的高端人才!

H5+全栈工程师基础班课程大纲

学习对象

1、热爱互联网,追求极致互联网体验,想从事网页、Web前端开发的学员;
2、原从事后IT前台或后台开发,想完美转型全栈开发的工程师;
3、没有计算机基础,愿意从事IT开发,改变生活现状,改变命运的学员;
4、开发人员转型HTML5移动开发的学员。

注:获取更多免费学习视频+资料+笔记,请加QQ:2632311208。

上课方式

全日制脱产,每周5天上课(实际培训时间可能因法定节假日等因素发生变化)

培训时间

部分校区可能会根据实际情况有所调整,详情可询咨询老师   点击咨询


培训要求

自带笔记本

 

H5+全栈工程师 基础班课程大纲
所处阶段主讲内容技术要点学习目标
第一阶段:
Web前端
1、HTML5HTML简介、HTML标签详解、字符编码的奥秘、Html5新特性与常用标签可掌握的核心能力:
熟练掌握html5/css3页面布局排版、样式美化。

可解决的现实问题:
能够根据UI的设计实现HTML的静态布局。

市场价值:
熟练掌握之后,可以满足市场静态页面布局,但是市场就业工资相对较低,还是继续学习就业班课程。

工具使用:Webstrom/Sublime/Dreamweaver。
掌握常用工具的安装使用,快捷键设置等技巧,快速提高开发调试效率。
2、CSS3CSS简介、CSS的引入方式、CSS基本选择器、CSS属性、盒子模型、CSS浮动、CSS3新特性与常用属性、CSS应用案例
3、综合案例:
品优购商城项目实战
DIV+CSS、项目开发流程、京东项目实战

H5+全栈工程师就业班课程大纲

学习对象

学习本课程需要具有一定的前端网页设计(html+css+javascript)与开发基础,或者自学过一些PHP书籍与视频资料,想进一步提高成为全栈工程师的学员。

上课方式

培训时间及周期:全日制脱产,每周5天上课(实际培训时间可能因法定节假日等因素发生变化)

培训时间

部分校区可能会根据实际情况有所调整,详情可询咨询老师   点击咨询


 

H5+全栈工程师 就业班课程大纲
所处阶段主讲内容技术要点学习目标
第二阶段:
核心编程
1、搭建环境PHP简介、WEB程序的访问流程、安装Apache、MySQL、PHP7、配置虚拟主机可掌握的核心能力:
1、可以清晰划分项目开发模块;
2、根据开发任务编写详细设计文档;
3、根据文档对功能模块进行编码;
4、根据测试信息修复模块功能缺陷;
5、能对现有产品进行升级和维护。

可解决的现实问题:
能解决常规业务逻辑,PHP操作mysql增删改查,动态网站数据展示,能够手写mvc框架,能够使用ThinkPHP5.0框架实现商城系统开发。

可拥有的市场价值:
可满足企业动态网站开发的需求,根据市场反馈数据看,薪资普遍在 7000元/月以上
2、PHP7基础变量和常量、数据类型、运算符、流程控制、函数、字符串、数组、PSR规范
3、MySQL数据库MySQL简介、基础SQL操作、字符集、列类型、类属性、表关系、高级查询、外键、范式、用户管理、权限管理、数据备份与还原
4、表单传值表单传值的方式、PHP接收数据的三种方式、PHP处理复选框数据、文件上传
5、MySQLi扩展基本操作、执行增删改操作、执行查询操作、与MySQLi相关的函数、MySQLi扩展应用案例
6、HTTP/HTTPS协议HTTP协议概念、HTTP协议的特点、HTTP协议的分类、HTTP请求、HTTP响应、HTTP状态码、PHP模拟HTTP请求、扩展:HTTPS协议
7、文件编程文件操作的分类、目录操作、文件操作、文件下载
8、会话技术会话技术概述、Cookie与Session的区别、Cookie原理、Cookie操作、Session原理、Session操作、垃圾回收机制
9、GD图像处理GD库概述、GD画布实现、验证码、缩略图、水印图
10、面向对象面向对象概述、面向对象实现、封装、继承、多态、对象遍历、对象序列化、反射机制、命名空间、Trait新特性
11、PDO扩展PDO简介、PDO类、PDOStatement类、PDO预处理、PDO事务处理、PDO异常处理、PDO属性、封装PDO类
12、SmartySmarty概述、模板设计、程序设计
13、MVC设计模式MVC设计模式、搭建自定义MVC框架
14、博客项目项目开发流程、数据表数据、后台实现、前台实现、扩展功能
15、ThinkPHP5框架ThinkPHP5框架概述、基础、架构、路由、控制器、视图、模型、项目实用项
16、RestFulRESTful概述、HTTP协议、RESTful API设计六要素、编写API接口文档
17、ThinkPHP5品优购商城商城系统概述、数据表设计、后台设计、前台设计、会员设计、购物车设计、订单设计、接口设计(微信/支付宝、短信、QQ登录、邮件、地图、物流)、静态化
第三阶段:
前端高级程序设计
1、JavaScript基础JavaScript概述、Javascript注意点、直接量、数据类型、流程控制 可掌握的核心能力:
(1) 具备解决复杂问题和技术难点的能力;
(2)丰富的调试技能和组件开发能力;
(3)能够独立设计开发复杂的功能模块。

可解决的现实问题:
(1)能够实现功能的同时,考虑代码的优雅性,注重代码的性能和重用性;
(2)针对项目中的bug和技术难点,能够提供解决办法;
(3)深入理解前端框架实现原理,能够开发和重构通用的前端组件。

可拥有的市场价值:
熟练掌握和学习后,可满足前端与移动开发行业的中级需求,根据市场反馈数据看,薪资普遍在 10000元/月。
2、Web API(BOM、DOM、事件、特效)数组、函数、字符串、BOM模型、DOM模型
3、JavaScript高级(面向对象、闭包、原型链、正则)面向对象、递归与预解析、正则表达式
4、jQuery与插件开发实战jQuery的优势、jQuery选择器、jQuery中的动画、jQuery插件、jQueryUI、jQuery编程思想、编写jQuery插件、基本元素操作、事件处理
5、精通Ajax同步与异步概念、原生Ajax、jQuery的Ajax相关API使用、低层原理分析、实用案例
6、前端模块化(AMD、CMD、RequireJS)模块化开发基本概念、模块化演变过程分析、设计规范、RequireJS
7、模板引擎ArtTemplateArtTemplate概述、JS模板引擎原理、ArtTemplate模板引擎实践
8、NodeJSNodeJS历史、发展,、特征与现状、同步与异步、环境安装、快速入门、文件操作, 网络操作, 模块化基础, npm、异步编程、工具模块、Web模块、全局对象
9、ES6ES6概述、ES6基本语法、ES6应用
10、WebpackWebpack概述、Webpack安装与配置、Webpack实践
11、VueJS前后端分离Vue概述、Vue指令、Vue属性、方法、事件、过滤器、事件处理、钩子函数、组件、动画、路由、API请求、Vue品优购前后端分离项目
12、项目实战社交、旅游、金融、电商等项目多选一
第四阶段:
移动端开发
1、HTML5HTML5概述、新语义标签、表单、多媒体、Web存储、定位可掌握的核心能力:

(1)从全栈的全局角度认识相关的框架;
(2)深刻理解移动端的开发模式和技术选型;
(3)了解主流的后台技术和前后端协作方式,从全局角度理解项目的整个生命周期。

可解决的现实问题:
(1)能够熟练使用EasyWechat/微擎等框架实现微信公众平台开发;
(2)熟悉微信小程序的开发模式,能够基于PHP或NodeJS等技术实现小程序项目开发;
(3)熟悉软件开发中整个项目的生命周期,了解主流的后台开发技术以及相应的前后端协作方式。

可拥有的市场价值:
熟练掌握和学习后,可满足移动端开发的高级需求,薪资普遍在14000元/月。
2、CSS3CSS3概述、选择器、阴影、渐变、边框、2D、3D、动画、盒子模型
3、BootStrap起步、全局CSS样式、组件、JavaScript插件
4、可视化图表Highcharts,D3和百度的Echarts
5、移动Web项目实战Chrome模拟调试、真机调试、Viewport、rem、vw、主流适配方案、媒体查询,设备尺寸划分,主流响应式布局框架、touch事件,手势封装、iScroll、swiper、fastclick、zepto、framework7、Canvas、Sass、Less
6、微信开发微信公众平台概述、微信开发前期准备、微信6大接收接口、微信6大回复接口、微信LBS接口开发、微信机器人开发、响应式设计、微擎/EasyWechat、微信分销系统实战
7、微信小程序微信框架、小程序界面设计、API接口设计、小程序数据绑定、小程序性能优化与实践、微信小程序实战
第五阶段:
大型项目架构
1、Linux操作系统Linux系统概述、 VMware虚拟机的安装、CentOS系统安装、Shell指令、VI编辑器、Linux内核分析、用户和组、文件操作、网络配置、FTP、LAMP部署可掌握的核心能力:
(1)能够对系统架构进行分析和设计;
(2)控制开发产品质量,参与制定开发规范;
(3)能对现有项目进行性能调优;
(4)参与网站项目需求分析,根据项目需求设计提供优化技术方案;
(5)改进公司现有框架,提高产品质量。

可解决的现实问题:
服务器高级部署优化,互联网常用技术。MySQL优化、读写分离、Nginx服务器集群、Laravel框架、在线视频直播项目开发。

可拥有的市场价值:
真正掌握互联网系统架构设计思想,可实现对门户网站、商城系统、办公系统等项目进行系统性能调优,根据市场反馈数据看,薪资普遍在   20000元/月以上。
2、Git版本控制命令行、git的基本使用、对比文件差异、还原、合并 ,回滚操作,远端仓库操作、使用github创建远端仓库,生成ssh key 并添加到github
3、Nginx服务器集群Nginx概述、LNMP的安装与配置、缓存设置、压缩设置、负载均衡
4、Memcache缓存设计大型项目优化概述、Memcache软件的安装、Memcache指令详解、使用PHP操作Memcache、Memcache应用场景
5、Redis(缓存、消息队列)Redis概述、Redis支持的数据类型、持久化功能、Redis主从模式、PHP操作Redis、消息队列、秒杀功能实现
6、MongoDB(NoSQL数据库)MongoDB概述、MongoDB进阶、MongoDB的权限机制、使用PHP操作MongoDB
7、网站优化(MySQL优化)MySQL优化概述、MySQL存储引擎、列类型的选择、数据库设计三范式与逆范式、执行计划、索引、分库分表技术
8、网站优化(主从复制与读写分离)主从服务器的讲解、主从复制、读写分离实战
9、网站优化(Sphinx/ Xunsearch)Sphinx概述、安装Sphinx、使用PHP+API接口连接Sphinx、Sphinx的匹配模式、Sphinx增量索引
10、网站优化(页面静态化)页面静态化技术简介、真静态、伪静态
11、Laravel框架Laravel概述、Laravel的安装、目录分析、控制器、路由、视图、HTTP请求与响应、数据库、模型、Laravel实用项、Redis数据库、消息队列
12、Laravel在线教育平台(视频直播项目)前端界面开发、Laravel后台程序设计、Socket编程、Redis集群、ffmpeg转码、VOD点播、CDN加速、HLS技术、在线教育平台实战
第六阶段:
扩展课程
1、ReactJS快速入门、JSX 语法、组件开发、组件复用、生命周期、React操作dom元素、React绝对路由、webpack和gulp集成构建项目、重定向组件、代理方式进行跨域、按需加载可掌握的核心能力:
行业前沿技术

可解决的现实问题:
ReactJS
React Native
React项目开发

可拥有的市场价值:
掌握前端行业市场流行趋势,实现对混合式APP系统的架构与设计,根据市场反馈数据看,薪资普遍在 25000元/月以上。
2、React Native

基础差? 可免费学基础班

申请试读名额

基础过关? 可直接就读就业班

基础测试

H5+全栈工程师学科项目介绍

  • 京东商城前端

    项目简介:

    京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验。

    项目特色:

    1.使用了目前市场上最流行的div+css布局;
    2.使用了html5+css3最前沿技术;
    3.完全解决各浏览器兼容性。

  • 博客系统

    项目简介:

    Blog博客系统致力为广大用户提供优质的互动交流平台,实现对博客发表文章、评论、图片、好友等数据的管理,同时实现了博客内容及时、快速更新的功能,系统不仅保留了传统博客系统的功能,还加上了一些人性化的界面设计,使用户对博客的操作更为的方便。

    项目特色:

    1. 深入浅出玩转面向对象;
    2.深入理解MVC设计思想;
    3.自定义框架(掌握框架技术底层实现机制);
    4. 完全项目单一入口;
    5.掌握博客核心业务实现逻辑 ;
    6.分类之王——无限极分类;
    7.大批量内容——页面数据检索;
    8.网站编辑必备——在线编辑器;
    9.封装工具类——验证码;
    10.封装工具类——分页;
    11.模板技术剖析——Smarty;
    12.安全防范——SQL注入。

  • 商城系统

    项目简介:

    360商城是专业的网上购物商城,专业为用户提供一体化的电商解决方案。包含商品管理、订单管理、类目管理、客户管理、合作商管理、客服管理、购物平台、内容管理等。

    项目特色:

    1、htmlpurifier(防XSS攻击) 、Ueditor富文本编辑器;
    2、 RBAC、qq登录;
    3、完整支付、购物车管理;
    4、sphinx全文索引、负载均衡;
    5、mysql读写分离、 属性筛选商品;
    6、Mongodb 、Redis;
    7、架构集群。

  • 番茄钟

    项目简介:

    番茄钟,是指把任务分解成半小时左右,集中精力工作25分钟后休息5分钟,如此视作种一个“番茄”。哪怕工作没有完成,也要定时休息,然后再进入下一个番茄时间。收获4个“番茄”后,能休息15至30分钟。

    项目特色:

    1、vue.js架构
    2、rem布局
    3、zepto插件
    4、前端脚手架工具
    5、less
    6、Ajax前后台交互及jsonp跨域实战

  • 豆瓣一刻

    项目简介:

    豆瓣优质内容精选每日推送。三五分钟空闲不知道可以干什么,打开「一刻」吧!餐厅等上菜,出门坐公交,上班偷个懒,睡觉前,马桶上,所有这些闲暇时间在一刻的陪伴下将变得丰富多彩。

    项目特色:

    1、argularjs架构
    2、前端脚手架工具
    3、响应式开发
    4、PHP搭建后台REST风格的API
    5、Ajax交互

  • 58租房

    项目简介:

    黑马租房,在线租房项目,提供短租列表,后台管理,房东管理,租客管理等模块。

    项目特色:

    1、综合运用zepto
    2、前端模板引擎
    3、移动端适配综合方案
    4、响应式全站开发

教学服务

  • 每日测评

    每晚对学员当天知识的吸收程度、老师授课内容难易程度进行评分,老师会根据学员反馈进行分析,对学员吸收情况调整授课内容、课程节奏,最终让每位学员都可以跟上班级学习的整体节奏。

  • 技术辅导

    为每个就业班都安排了一名优秀的技术指导老师,不管是白天还是晚自习时间,随时解答学员问题,进一步巩固和加强课上知识。

  • 学习系统

    为了能辅助学员掌握所学知识,黑马程序员自主研发了6大学习系统,包括教学反馈系统、学习难易和吸收分析系统、学习测试系统、在线作业系统、学习任务手册、学员综合能力评定分析等。

  • 末位辅导

    末位辅导队列的学员,将会得到重点关心。技术辅导老师会在学员休息时间,针对学员的疑惑进行知识点梳理、答疑、辅导。以确保知识点掌握上没有一个学员掉队,真正落实不抛弃,不放弃任何一个学员。

  • 生活关怀

    从学员学习中的心态调整,到生活中的困难协助,从课上班级氛围塑造到课下多彩的班级活动,班主任360度暖心鼓励相伴。

  • 就业辅导

    小到五险一金的解释、面试礼仪的培训;大到500强企业面试实训及如何针对性地制定复习计划,帮助学员拿到高薪Offer。