Web前端开发1+X职业技能等级证书全栈课程体系( V2.0 )
最后更新时间: 2020年2月课程一定是为你精心设计的, 成就自己的只需一套精品!
课程设计原则:
- - 以零基础小白为目标人群设计;
- - 以现在企业中高级程序员岗位所需要的技术应用为目标设计;
- - 为程序开发这门学科特点,以实战和项目贯穿为高效学习目标设计;
- - 根据线上学习特点去规划每天学习内容;
- - 以全栈技能为目标设计知识点结构;
- - 每年至少迭代更新两次,技术版本不一定是最新的,但一定是用的最多的版本;
课程介绍:
(1)核心课程:前端高效开发框架技术与应用、性能优化与自动化技术、移动 Web 设计与开发等。 (2)实习实训:结合线上线下学习平台与项目实例相结合的教学方法,以前端架构设计、移动前端项目开发、智能设备前端开发、组件和类库的编写等为实训项目内容,同时可以为成绩优秀的学员提供企业实习机会。 课程中的每个技术点的内容都非常全面,深度到位,课上实例不仅丰富而且实用。 另外,每个知识点都是以目前最新版本的技术设计,每半年一更新,并经过多家软件公司的技术专家参与修订,以达到真正实用的目的,能够与大型软件开发公司所需要的开发技术相吻合。
课程特点:
- - 技术新、内容全:课程的技术点全面,全部都是当前行业内最流行、从最新版的HTML5,CSS到主流JavaScript ES6兼顾,主流的Vue和React框架全都包含
- - 企业大牛指导项目:为了要学员毕业后快速适应企业环境,特地从IT名企引入技术总监为学员的项目导师,指导和管理项目研发过程、要学员真正体验企业开发过程
- - 课程项目均为上线产品:很多平台的项目案例都是采用模仿或闭门造车形成的,从而导致培训学习和企业要求的存在一定的差异,为了弥补这个差异,我们是第一家将真实上线产品引入课程的平台
- - 拥有企业项目环境:可熟悉项目开发中立项、分析、设计、编码、测试、实施、维护等真实流程及相关工作
- - 采用案例式教学:整个课程以案例为主线,贯串学习知识点和技术点。通过专家讲师和企业导师的带领,使学员可以具有独立开发大型网站的能力
- - 编码、设计规范:课程中的项目案例完全采用企业编码规范和设计规范,例如腾讯规范、合作企业HTML规范等,提高学员编码规范性,增强程序的可读性和维护性
- - 注重素质和能力培养:注重综合素质能力的培养,主要包括技术应用能力、分析设计能力、团队合作、职业素养等,提升学员的企业工作能力
- - 注重方法和思维培养:授人以鱼、不如授人以渔。我们授课过程不仅注重技术点培养、更侧重于方法和思维培养,提升学员养成后续自我提升的能力
学习目标:
围绕互联网+、新兴技术行业带来的 Web 前端开发、移动端开发技术技能人才需求,以企业用人为导向, 以岗位技能和综合素质为核心,培养具有良好职业道德和人文素养,掌握 Web前端框架应用、性能优化与自动化技术等知识,具备前端架构、移动智能终端开发、组件化开发等能力,能从事 Web 前端架构设计、技术选型、组件化等工作的高级技术技能人才。
主要面向 IT 互联网企业、互联网转型的传统型企事业单位、政府部门等的软件研发、软件测试、系统运维部门, 从事前端架构设计、移动端项目开发、智能设备前端开发、组件和类库编写等工作,根据网站开发需求,进行架构设计并管理实施解决方案。
- (1)具有前端新知识、新技能的学习能力和创新创业能力;
- (2)具备前端架构设计能力;
- (3)具备移动端开发能力;
- (4)具备前端组件化能力;
- (5)具备网站性能优化能力。
适合人群:
- -衔接中职专业:通信技术、电子与信息技术、电子技术应用、计算机应用。
- -衔接高职专业:移动互联应用技术、计算机应用技术、计算机信息管理、软件技术、软件与信息服务、移动应用开发、智能产品开发。
- -接续本科专业:计算机科学与技术、电子信息工程、电子科学与技术、软件工程。
- - 想从事IT互联网行业的“零基础”人员
- - 有一定基础的Web前端开发人员
- - 后端开发想转为全栈开发工程师的人员
- - 想自己独立运营网站的人员
- - 想从事跨平台移动App开发人员
- - 想从事微信小程序开发人员
阶段一 前端核心基础
说明:
学习前端一定要学习的就是HTMl、CSS和JavaScript, HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。 JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变。当然学习JavaScript就一定要学习DOM和BOM才能写出页面的特效, 而先在直接使用原生的JavaScript编写页面特效的时代已经不存在了, 最基本的也都在使用jQuery框架编辑页面特效。
模块 | 目标 | 知识点 |
---|---|---|
HTML核心标签 |
应知应会:1. 了解HTMl的基本语法2. 掌握HTML的常用标签 3. 掌握HTMl标签属性的应用 4. 熟练使用HTMl表单 5. 掌握HTMl的结构标记 6. 掌握HTML的文本标记 7. 掌握HTML的头部标记
业务实战:使用HTMl表格标记编写一个个人简历写一个完整个的注册页面 |
了解前端发展 |
文本标记 | ||
图像 | ||
超链接 | ||
列表 | ||
表格 | ||
表单 | ||
iframe 框架 | ||
案例进阶:制作差旅报表 | ||
选择器 | ||
文本样式 | ||
盒子模型 | ||
背景 | ||
布局属性 | ||
CSS精灵(CSS Sprites) | ||
定位 | ||
表格 | ||
列表 | ||
案例进阶:pc端商城 旅游 文学网等布局 | ||
案例进阶:合成案例 ps总结 | ||
结构标签 | ||
文本语义化标签 | ||
CSS核心属性 |
应知应会:DIV + CSS布局CSS文本属性 CSS基本选择器 CSS复合选择器 盒子模型原理 盒模型内边距 盒模型外边距 盒模型外边距合并 盒模型外边距塌陷 浮动布局 清除浮动的几种方式 相对定位布局 绝对定位布局 固定定位布局 图标字体的下载和应用 PhotoShop的使用及切图 icon图标制作及使用
业务实战:商城的页面和商品页面布局实现一个电子计算器的界面制作 |
DIV + CSS布局 |
CSS文本属性 | ||
CSS基本选择器 | ||
CSS复合选择器 | ||
盒子模型原理 | ||
盒模型内边距 | ||
盒模型外边距 | ||
盒模型外边距合并 | ||
盒模型外边距塌陷 | ||
浮动布局 | ||
清除浮动的几种方式 | ||
相对定位布局 | ||
绝对定位布局 | ||
固定定位布局 | ||
图标字体的下载和应用 | ||
PhotoShop的使用及切图 | ||
icon图标制作及使用 | ||
JavaScript基础语法 |
应知应会:变量的声明与使用变量的数据类型 数据类型之间的转换 流程控制语句 函数的声明与使用 数组及数组的几种定义方式
业务实战:结合HTMl和CSS输出一个九九乘法表开发一个简单的页面计算器 |
JavaScript简介 |
变量的声明与使用 | ||
变量和内存的关系 | ||
变量内存空间分配与原理 | ||
变量的数据类型 | ||
数据类型之间的转换 | ||
流程控制语句 | ||
if 分支结构 | ||
switch 选择结构与相关规则 | ||
循环结构语句 | ||
for 循环 | ||
while 循环 | ||
do-while 循环语句 | ||
函数的声明与使用 | ||
函数调用的过程分析 | ||
参数的值传递 | ||
函数的返回值 | ||
函数的几种定义方式 | ||
数组及数组的几种定义方式 | ||
JavaScript面向对象 |
应知应会:1.掌握面向对象分析和设计方法掌握JavaScript基于对的编程序思想 创建对象的几种方式 掌握对函数提升 了解作用域链 掌握所有js内置对象的应用
业务实战:基于JavaScript对象实现页面幻灯播放对象模型 |
JavaScript面向对象说明 |
初识对象 | ||
对象的属性和方法 | ||
创建对象的几种方式 | ||
构造函数 | ||
原型和原型对象 | ||
原型链 | ||
作用域 | ||
变量提升 | ||
函数提升 | ||
作用域链 | ||
js内置对象 | ||
Date对象 | ||
Array对象 | ||
String对象 | ||
Boolean对象 | ||
Number对象 | ||
Math对象 | ||
this的指向讲解 | ||
call和apply函数 | ||
DOM和BOM开发 |
应知应会:掌握javascript DOM和BOM编程方式掌握获取DOM的几种方式 掌握操作DOM对象的属性,内容,样式 掌握获取节点的几种方式 封装兼容所有浏览器函数 常用节点操作属性 事件的三个阶段 事件委派
业务实战:网页中的下拉菜单网页选项卡 表单前端验证 |
javascript DOM和BOM编程 |
DOM概念 | ||
获取DOM的几种方式 | ||
事件原理及执行过程 | ||
排它操作 | ||
事件类型 | ||
操作DOM对象的属性,内容,样式 | ||
节点的概念 | ||
获取节点的几种方式 | ||
封装兼容所有浏览器函数 | ||
创建节点的几种方式 | ||
常用节点操作属性 | ||
事件的三个阶段 | ||
事件冒泡原理 | ||
事件委派 | ||
BOM概念 | ||
window对象 | ||
定时器的应用 | ||
jQuery框架 |
应知应会:掌握jQuery的开发优势掌握jQuery设计模式 掌握链式编程 掌握各种函数应用 掌握jQuery中Ajax使用 需要jQuery解决跨域
业务实战:制作一个页面版的可以编辑的表格 |
jQuery发展史 |
jQuery的优势 | ||
jQuery设计模式 | ||
选择器分步讲解 | ||
链式编程 | ||
动画函数 | ||
事件委托 | ||
过滤和查找 | ||
隐式迭代 | ||
网页常见动效案例 | ||
插件的制作和使用 | ||
jQuery中Ajax使用 | ||
jQuery解决跨域 | ||
jQuery中get和post区别 | ||
jQuery案例演练 | ||
artTemplate模板使用 | ||
js动效综合案例 | ||
正则表达式 |
收获:
学完此阶段能够掌握HTMl的基本语法, 掌握用标记和常用标记的属性, 掌握CSS的基本法和常用属性,可以使用HTMl和CSS编写基本的页面。 掌握JavaScript的基本语法, 可以使用DOM编写常见的一些页面特效,掌握jQuery的基本应用,可以使用jQuery开发前端页面需要的所有特效。
阶段二 H5+C3 + 移动端核心技术
说明:
HTML5和CSS3已经很普及了, 现在开发页面都在使用HTML5和CSS3的新的特性, 浏览器支持也已经很成熟了。 以前需要通过JavaScript编写出来的效果, 现在HTML5和CSS3内置的一些标签和属性直接就可以实现。 还可以运用Canvas进行画图操作,配合JavaScript程序可以写出超炫的页面效果。这个阶段需要的HTMl5和CSS3的新特性比较多, 需要每个都进行一次实验, 这样在以后需要的时候就可以灵活运用了。
模块 | 目标 | 知识点 |
---|---|---|
HTML5新特性 |
应知应会:掌握语义化标签掌握语义化标签布局 掌握所有HTML5新加入的标签 了解音阶导航 可以自定义播放器 掌握响应式布局方式 掌握媒体选择器应用
业务实战:响应式页面布局自定义播放器 |
语义化标签 |
语义化标签布局 | ||
状态标签 | ||
列表标签 | ||
注释标签 | ||
标记标签 | ||
input新属性 | ||
placeholder | ||
autocomplete | ||
autofocus | ||
required | ||
video | ||
audio | ||
source | ||
音阶导航 | ||
自定义播放器 | ||
响应式布局 | ||
媒体选择器 | ||
子元素选择器 | ||
相邻兄弟选择器 | ||
通用兄弟选择器 | ||
伸缩盒模型新版本 | ||
伸缩盒模型老版本 | ||
伸缩盒模型布局 | ||
多列布局 | ||
粘连布局 | ||
圣杯布局 | ||
双飞翼布局 | ||
伪等高布局 | ||
bfc两列布局 | ||
Canvas技术 |
应知应会:掌握Canvas变换基点两种形式掌握Canvas加载图片 掌握Canvas线性渐变 掌握Canvas径向渐变 掌握Canvas文字特效 掌握Canvas图片合成 掌握Canvas操作像素
业务实战:Canvas刮刮卡Canvas马赛克效果 写一个页面弹球程序 |
Canvas基本使用 |
Canvas绘制矩形 | ||
Canvas橡皮擦 | ||
Canvas线段 | ||
Canvas三角形 | ||
Canvas五角星 | ||
Canvas签名 | ||
Canvas圆形 | ||
Canvas圆弧 | ||
Canvas位移 | ||
Canvas缩放 | ||
Canvas旋转 | ||
Canvas变换基点两种形式 | ||
Canvas时钟效果 | ||
Canvas加载图片 | ||
Canvas飞鸟效果 | ||
Canvas线性渐变 | ||
Canvas径向渐变 | ||
Canvas填充文字 | ||
Canvas镂空字 | ||
Canvas文字水平垂直居中 | ||
Canvas文字阴影 | ||
Canvas和阴影 | ||
Canvas图片合成 | ||
Canvas刮刮卡 | ||
Canvas读取像素 | ||
Canvas写入像素 | ||
Canvas创建像素对象 | ||
Canvas操作单个像素 | ||
Canvas马赛克效果 | ||
CSS3新特性 |
应知应会:掌握CSS3新加入的选择器掌握CSS3新的属性 掌握CSS3结构类 掌握CSS3各种伪元素应用
业务实战:伪元素实现文章列表CSS3结构类实现尺子效果 使用纯css制作三角形 |
群组选择器 |
交集选择器 | ||
基本属性选择器 | ||
包含属性选择器 | ||
锚点伪类 | ||
用户行为伪类 | ||
目标伪类 | ||
目标伪类实现图片切换 | ||
checked状态伪类 | ||
自定义单选按钮 | ||
CSS3结构类 | ||
CSS3结构类实现尺子效果 | ||
否定选择器 | ||
伪元素::first-line | ||
伪元素::first-letter | ||
伪元素::before | ||
伪元素::after | ||
伪元素::selection | ||
伪元素实现文章列表 | ||
使用纯css制作三角形 | ||
子元素选择器 | ||
相邻兄弟选择器 | ||
通用兄弟选择器 | ||
群组选择器 | ||
交集选择器 | ||
基本属性选择器 | ||
包含属性选择器 | ||
锚点伪类 | ||
用户行为伪类 | ||
目标伪类 | ||
CSS3进阶 |
应知应会:掌握checked状态伪类掌握自定义单选按钮 掌握CSS3结构类 掌握CSS3结构类实现尺子效果 掌握2d变换旋转 掌握animation综合使用 掌握less使用
业务实战:伪元素实现文章列表目标伪类实现图片切换 综合2d变换 |
目标伪类实现图片切换 |
checked状态伪类 | ||
自定义单选按钮 | ||
CSS3结构类 | ||
CSS3结构类实现尺子效果 | ||
否定选择器 | ||
伪元素::first-line | ||
伪元素::first-letter | ||
伪元素::before | ||
伪元素::after | ||
伪元素::selection | ||
伪元素实现文章列表 | ||
transition-property | ||
transition-duration | ||
transition-timing-function | ||
transition-delay | ||
2d变换旋转 | ||
2d变换平移 | ||
2d变换缩放 | ||
2d变换扭曲 | ||
2d变换基点 | ||
综合2d变换 | ||
transform-style | ||
animation综合使用 | ||
less使用 | ||
less变量 | ||
less延迟加载 | ||
less混合 | ||
less外部使用 | ||
less嵌套 | ||
CSS3实例演练 |
业务实战:使用纯css制作三角形圆角边框的使用 实现圆形 实现椭圆形 实现扇形 太极图效果实现 风车效果实现 文字阴影,模糊,背景,排版,描边 浮雕文字 标准盒子模型与怪异盒子模型 盒阴影使用 模糊盒阴影 立体球效果 倒影效果 盒子大小调节效果 背景裁剪 背景模糊 线性渐变基本使用 重复线性渐变 发廊灯效果 马赛克地砖 光斑动画 径向渐变基本使用 重复径向渐变 综合3d变换 |
使用纯css制作三角形 |
圆角边框的使用 | ||
实现圆形 | ||
实现椭圆形 | ||
实现扇形 | ||
太极图效果实现 | ||
风车效果实现 | ||
文字阴影,模糊,背景,排版,描边 | ||
浮雕文字 | ||
标准盒子模型与怪异盒子模型 | ||
盒阴影使用 | ||
模糊盒阴影 | ||
立体球效果 | ||
倒影效果 | ||
盒子大小调节效果 | ||
背景裁剪 | ||
背景模糊 | ||
线性渐变基本使用 | ||
重复线性渐变 | ||
发廊灯效果 | ||
马赛克地砖 | ||
光斑动画 | ||
径向渐变基本使用 | ||
重复径向渐变 | ||
3d变换旋转 | ||
3d变换位移 | ||
3d变换缩放 | ||
3d变换基点 | ||
综合3d变换 | ||
景深 |
收获:
学完此阶段能够掌握HTML5中新加入的一些标记和属性,掌握CSS3中一些非常有用的属性,直接在页面出特效,并可以掌握Canvas画图功能, 可以布局和开发各种需要的页面效果。
阶段三 移动端开发技术
说明:
现在的移动设备已经很普及了, 手机访问网站的数量已经超过了PC端, 所以现在做前端开发一定要掌握移动设备的特性, 作为重点开发的对象。 移动设备的大部分开发技术和PC是相同的, 而基于移动设置屏幕的限制和操作方式的改变, 还是有很多不同之处是需要学习, 所以本阶段一定要学习移动设置的特点, 适配的方案, 以及移动端的特效编写方式等。
模块 | 目标 | 知识点 |
---|---|---|
移动端核心 |
应知应会:掌握移动设计屏幕属性掌握CSS像素与物理像素的关系 了解位图像素 掌握布局视口和视觉视口
业务实战:移动设计页面开发 |
屏幕尺寸 |
屏幕分辨率 | ||
屏幕像素密度 | ||
物理像素 | ||
CSS像素 | ||
CSS像素与物理像素的关系 | ||
设备独立像素 | ||
位图像素 | ||
像素比 | ||
pc视口 | ||
布局视口 | ||
视觉视口 | ||
理想视口 | ||
meta标签 | ||
移动端适配 |
应知应会:掌握pc缩放特性掌握移动端用户缩放特性 掌握移动端基础事件 掌握移动端手指列表 掌握移动端点透事件 掌握移动端取消浏览器默认行为 掌握rem适配和viewport适配
业务实战:实现1物理像素边框的多种方案 |
pc缩放 |
移动端用户缩放 | ||
移动端系统缩放 | ||
移动端基础事件 | ||
移动端手指列表 | ||
移动端点透事件 | ||
移动端取消浏览器默认行为 | ||
rem与em区别 | ||
rem适配 | ||
viewport适配 | ||
物理像素 | ||
实现1物理像素边框的多种方案 | ||
移动端特效 |
应知应会:掌握各种方向滑屏(定位版)掌握橡皮筋效果 掌握绝对定位模拟固定定位 掌握加速效果 掌握即点即停 掌握自定义滚动条 掌握防抖动技术 掌握误触效果 掌握多指事件、放大和旋转 掌握无缝滑屏
业务实战:移动端多图片滑动切换 |
横向滑屏(定位版) |
横向滑屏(2d变换版) | ||
横向滑屏(封装自定义组件版) | ||
橡皮筋效果 | ||
绝对定位模拟固定定位 | ||
加速效果 | ||
即点即停 | ||
自定义滚动条 | ||
防抖动 | ||
误触效果 | ||
多指事件 | ||
多指放大 | ||
多指旋转 | ||
无缝滑屏 |
收获:
学完此阶段能够掌握移动设备的物理特性, 像屏幕的尺寸、分辨率等, 可以开发PC和移动适配的前端程序, 可以编写基于移动端应用的特效。
阶段四 服务器端开发
说明:
前端开发中所有遇到的数据都是从服务器中加载到页面中的, 只有和服务器端程序配合才能写出一个完整的项目, 所以学习前端开发也需要了解一下后端程序开发。 我们学习的前端可以和后端所有语言进行对接, 而我们毕竟现在学习的是前端开发, 如果所有后端开发语言都去学习不现实,而Node.js是后端开发语言, 语法和JavaScript几乎一样, 这样学起来会容易一些。 而后端开发也需要使用数据库, MongoDB数据库的操作也同样类似JavaScript的编写方式, 也可以很快就能掌握。另外, 前端和后端数据和程序上都需要交互,所以掌握后端开发之后还需要掌握前后端的交互。 这个阶段我们通过开发微信公众账号就可以用到前端技术、后端技术和前后端交互的技术了。
模块 | 目标 | 知识点 |
---|---|---|
服务器端开发 |
应知应会:了解Node优势及发展趋势掌握Node中的时间轮询机制 掌握npm、cnpm、yarn包管理器 掌握Node.js核心基础 了解Buffer缓冲器 掌握Node文件系统(简单、流式文件操作) 掌握原生Node搭建服务器 掌握Express搭建服务器 掌握cookie、session的使用
业务实战:使用Nodejs生成动态页面 |
Node优势及发展趋势 |
Node中的时间轮询机制 | ||
npm、cnpm、yarn包管理器 | ||
Node.js核心基础 | ||
Buffer缓冲器 | ||
Node文件系统(简单、流式文件操作) | ||
原生Node搭建服务器 | ||
Express搭建服务器 | ||
ejs模板渲染 | ||
cookie、session的使用 | ||
数据库操作 |
应知应会:了解HTTP协议与报文掌握基于Express的路由、中间件 掌握MongoDB数据库操作 可以进行数据库搭建 能为数据库建表 可以进行数据库增删改查 了解mongoose的使用 掌握服务器同数据库交互 掌握sha1、MD5加密隐私数据
业务实战:通过页面完成商品的增删改查 |
HTTP协议与报文 |
基于Express的路由、中间件 | ||
MongoDB数据库基础 | ||
数据库搭建 | ||
数据库建表 | ||
数据库增删改查 | ||
mongoose的使用 | ||
非关系型数据库特点 | ||
服务器同数据库交互 | ||
sha1、MD5加密隐私数据 | ||
前后端交互核心 |
应知应会:1.熟悉Ajax作用和原理2.掌握XMLHttpRequest对象的使用 3.熟悉JSON语法并熟练与Ajax结合运用 4.熟练掌握jQuery中$.ajax、$.load、$.post、$.get等函数的使用 5.掌握ajax表单提交和文件上传功能
业务实战:用户登录和注册银行账户列表显示 |
原生Ajax |
基于框架的Ajax | ||
JSON/XML | ||
跨域问题 | ||
JSONP解决跨域问题 | ||
JSONP底层原理深入剖析 | ||
CORS解决跨域问题 | ||
nginx的简单使用 | ||
GET,POST请求区别 | ||
微信公众号开发 |
应知应会:掌握校验服务器有效性方式掌握服务端获取用户消息 掌握回复微信服务器消息 可以使用接口管理用户 可以获取用户基本信息 可以群发消息 能获取全局接口调用凭据(ticket) 通过signature值的计算
业务实战:语音查电影功能爬虫 |
校验服务器有效性 |
服务端获取用户消息 | ||
回复微信服务器消息 | ||
接口管理 | ||
用户管理 | ||
获取用户基本信息 | ||
群发消息 | ||
获取全局接口调用凭据(ticket) | ||
signature值的计算 | ||
语音查电影功能 | ||
爬虫 |
收获:
学完此阶段需要掌握Node的基本应用开发服务器端的程序, 掌握数据库MongoDB的基本使用, 设计项目的表结构,掌握Node.js操作数据库MongoDB。 可以掌握前后端交互的核心方式,会使用Ajax和处理跨域问题。能结果前后端技术开发一个微信公众账号的应用。
阶段五 PHP语言基础
说明:
这部分内容是PHP开发语言的核心基础内容, 不管用PHP开发什么样的软件, 这些内容都能用的到,每个知识点都需要去牢牢的掌握。学习这部分内容只要将课程中讲到的技术点学会即可,并且跟着课程学习时,就需要能参透每个技术细节的应用, 不要怕忘记,也不需要反反复复的复习。因为这部分内容会在后面的课程中, 乃至以后工作中都会经常的使用,都会很熟练,掌握的很好。
模块 | 目标 | 知识点 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
PHP基本语法包括: Web服务器端 环境搭建 PHP语法格式 PHP变量 PHP的数据类型 常量定义和使用 PHP中的运算符 流程控制 PHP中的函数 PHP中的数组及 遍历数组 预定义超全局数组 常用数组函数 PHP字符串处理 正则基础 正则处理函数 错误处理 时间处理 绘图处理 目录操作 文件读写操作 文件上传 |
应知应会:1.变量概念及使用2.数据类型 3.运算符,常量 4.流程控制 5.函数定义,系统函数 6.数组定义.遍历数组 7.正则表达式 8.错误处理,时间戳 9.目录操作,遍历目录 10.文件操作 11. 文件上传和下载 12. 会话控制
业务实战:1.第一个PHP文件2.页面背景换色 3.统计求和 4.九九乘法表 5.斐波那契数列1 6.任意行列表格函数 7.斐波那契数列2 8.文本内容替换 9.文本式留言板 10.猴子选大王 11.图片采集 12.万年历 13.简单文件管理 14.文件复制 15.用户登录控制 |
最新 PHP7.3, MySQL5.5环境介绍 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
开发环境 WAMP 或 XAMPP 的安装 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Apache 服务的运行原理 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
MySQL 服务的运行原理 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
开发环境目录结构介绍 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
各种服务配置文件说明 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Apache 和MySQL 服务的开启和关闭 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
PHP 引擎常用配置介绍 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
PHP 在 Web 开发中的应用 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
PHP 的运行环境介绍 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
PHP 语言标记使用 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
指令分隔符“分号” | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
PHP程序中的注释: 单行, 多行 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
在程序中使用空白的处理 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
PHP代码编写规范 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
PHP文件中输出内容 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
案例进阶: 第一个PHP文件创建,书写,运行 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
PHP中变量的声明,赋值和使用 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
PHP 变量的命名规范 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
PHP 的可变变量 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
变量的引用赋值 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
PHP的数据类型介绍 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
布尔型(boolean) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
整型 (integer) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
浮点型 (float 或 double) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
字符串 (String) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
数组 (Array) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
对象 (Object) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
资源类型 (Resource) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
NULL 类型 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
伪类型介绍 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
数据类型之间隐型转换 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
常量的定义和使用 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
常量和变量 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
预定义常量 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
算术运算符 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
字符串运算符 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
赋值运算符 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
比较运算符 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
逻辑运算符 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
位运算符 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
其他运算符 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
运算符的优先级 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
表达式 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
流程控制概述 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
单一条件分支结构 ( if ) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
双向条件分支结构 ( else子句 ) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
多向条件分支结构 ( elseif子句 ) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
多向条件分支结构 ( switch语句 ) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
巢状条件分支结构 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
案例进阶:背景换色 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
while语句 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
do...while 循环 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
for 语句 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
案例进阶:1~100求和 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
案例进阶:九九乘法表 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
案例进阶:斐波那契数列解法1v
特殊的流程控制语句 |
函数的定义 |
自定义函数 |
函数的工作原理和结构化编程 |
PHP变量的范围 |
函数中参数的传递方式 |
函数值传递和引用传递的区别 |
PHP中变量函数 |
递归函数定义和使用 |
案例进阶:斐波那契数列解法2使用自定义函数库 |
使用系统函数库 |
require() 和 require_once() |
include() 和 include_once() |
案例进阶:生成指定行,列的表格函数数组的分类: 索引式和关联式 |
直接赋值的方式声明数组 |
使用 array() 语言结构新建数组 |
多维数组的声明 |
使用 for 语句循环遍历数组 |
使用 foreach 语句遍历数组 |
服务器变量: $_SERVER |
HTTP GET变量: $_GET |
HTTP POST 变量: $_POST |
request 变量: $_REQUEST |
HTTP文件上传变量: $_FILES |
HTTP Cookie: $_COOKIE |
Session 变量: $_SESSION |
Global 变量: $GLOBALS |
数组的键/值操作函数 |
统计数组元素的个数和唯一性 |
案例进阶:自定义统计数组元素个数函数案例进阶:自定义数组过滤函数使用回调函数处理数组的函数 |
数组的排序函数 |
拆分、合并、分解和接合数组 |
数组与数据结构 |
其他有用的数组处理函数 |
案例进阶:猴子选大王--约瑟夫环解法字符串定义方式 |
字符串的处理方式 |
字符串类型的特点 |
常用的字符串格式化函数 |
去除空格和字符串填补函数 |
字符串大小写的转换 |
和HTML标签相关的字符串格式化 |
其他字符串格式化函数 |
按字节顺序进行字符串比较 |
按自然排序进行字符串比较 |
案例进阶:文本式留言板案例进阶:文本文件内容修改替换正则表达式简介 |
正则表达式的语法规则 |
正则中的定界符和原子 |
正则中的元字符介绍 |
正则中模式修正符 |
PHP中正则表达式函数介绍 |
字符串的正则匹配与查找 |
字符串的正则替换 |
字符串的正则分割和连接 |
PHP中常用正则表达式实例讲解 |
案例进阶: 使用正则动态修改配置文件案例进阶:采集页面所有图片PHP中常见错误分类介绍 |
PHP中的错误报告级别 |
使用trigger_error()函数来替代die() |
自定义错误处理 |
PHP的错误日志记录 |
UNIX时间戳 |
在PHP中获取日期和时间 |
日期和时间格式化输出 |
修改PHP的默认时区 |
使用微秒计算PHP脚本执行时间 |
案例进阶: 万年历实例PHP中GD库的配置和使用 |
PHP中GD的绘图原理介绍 |
在图像中绘制文字 |
案例进阶: 使用GD库实现验证码实例GD库实现图片的裁剪、缩放实例 |
GD库实现图片的文件和图片水印 |
JpGraph的安装和配置 |
JpGraph实际应用-数据报表 |
PHP文件类型介绍 |
文件的属性介绍 |
常见文件属性函数 |
解析目录路径 |
遍历目录函数 |
案例进阶: 递归统计目录大小实例建立和删除目录 |
案例进阶: 递归删除目录实例案例进阶: 递归复制或移动目录实例文件的打开与关闭 |
写入文件 |
读取文件内容 |
访问远程文件 |
移动文件指针 |
文件的锁定机制 |
文件的一些基本操作函数 |
文件上传 |
处理多个文件上传 |
文件下载 |
案例进阶: 在线相册或网络U盘实例
MySQL数据库设计包括: |
数据库管理 数据表设计 SQL语言设计
|
应知应会:1.配置环境变量2.连接数据库服务器 3.建库,建表 4.记录操作
业务实战:1.创建班级数据库2.创建数据表 3.添加5条记录 4.查询,修改,删除练习 数据库管理系统 |
结构化查询语言 |
MySQL数据库的连接与关闭 |
创建、选择及查看数据库 |
数据表( Table ) |
数据值和列类型 |
数据字段属性 |
创建、修改及删除表 |
数据表的类型及存储位置 |
数据表的默认字符集 |
创建索引 |
执行 DDL 命令操作数据对象 |
使用 DML 命令操作数据表中的数据记录 |
通过 DQL 命令查询数据表中的数据 |
PHP面向对象编程: |
基本概念 对象封装 继承 常见的关键字和魔术方法 与类和对象有关的系统函数和异常处理 命名空间和自动加载类,及接口 自定义MODEL类实战 综合实战
|
应知应会:1.对象和类的关系2.定义类,创建对象 3.访问对象成员 4.封装的目的和方法 5.继承的目的和方法 6.静态成员 7.单例模式 8.命名空间 9.自动加载类 10.异常处理 11.抽象类和接口
业务实战:1.用PDO实现学员信息管理2.自定义Model类实战 3.自定义数据分页类 4.单例模式 5.自已实现自动加载类 6.游戏角色类与玩家类 类和对象之间的关系 |
面向对象的程序设计 |
类的声明 |
成员属性 |
成员方法 |
创建对象 |
对象类型在内存中的分配 |
对象中成员的访问 |
特殊的对象引用 “$this” |
构造方法与析构方法 |
使用PDO连接MySQL数据库 |
案例进阶: 使用PDO类实现学员信息管理设置私有成员 |
私有成员的访问 |
魔术方法: __set()和__get() |
魔术方法: __isset()和__unset() |
案例进阶: 自定义Model 类实战(PDO版)类继承的应用 |
访问类型控制 |
子类中重载父类的方法 |
案例进阶: 自定义数据分页类实战final 关键字的应用 |
static和const关键字的使用 |
克隆对象 |
类中通用的方法 __toString() |
通过 __call()方法处理错误调用 |
对象串行化 |
案例进阶: 单例模式一般书写与类有关的系统函数 |
与对象有关的系统函数 |
异常处理原理 |
如何抛出一个异常 throw |
如何做异常处理 try...catch |
如何自定义异常处理类 |
多重异常处理 |
案例进阶: 自定义图片处理类实战命名空间的作用 |
命名空间定义时的注意事项 |
子空间,根空间 |
使用指定空间下的类 |
use 关键字简化类的使用 |
类的别名 |
在当前空间使用系统类 |
__autoload()自动加载类 |
案例进阶: 自定义函数实现自动加载类spl_autoload_register() 自动加载类 |
抽象类的作用 |
接口的定义和作用 |
案例进阶: 游戏角色设计与玩家对象互动了解 PDOStatement 对象 |
准备语句 |
绑定参数 |
执行准备好的查询 |
获取数据 |
PDO的事务处理方式 |
分页类 |
验证码类 |
图像处理类 |
文件上传类 |
数据验证类 |
|
收获:
本阶段需要掌握PHP基础语法,也必须掌握 MySQL数据库使用,重点是掌握 PHP 面向对象语法, 也要通过本阶段的学习掌握初级项目的开发流程和技术架构等。 自己完成一个项目以后再学习后面的课程, 这样有助于你打开“任督二脉”,也是为学习以后的内容进行缓冲。
阶段六 APP 接口应用开发
说明:
现在的程序架构几乎都是基于接口的应用开发, 不管是APP、Web的前后端分离,还是分布式的架构应用都是通过写接口的技术去实现的。 特别是引入第三方程序时,都是通过接口进行调用的,像支付功能、地图定位等。 现在好多开发的职位也很多都是专门写接口,所以接口接术也是现在程序员必会的技能。要学会通过一些常用框架来实现标准化的接口,是现在主流的应用。
模块 | 目标 | 知识点 |
---|---|---|
APP 接口开发实战 restful api Jwt OAuth PostMan Yapi |
应知应会:1.restful api 架构2.Jwt 服务器教研技术 3.OAuth 开发授权协议 4.Postman 接口测试工具 5.Yapi / showdoc 接口文档编写工具
业务实战:APP接口编写实战 |
Restful api 介绍 |
Restful api 优点 | ||
Restful api 框架实现 | ||
Jwt 用户权限校验技术 | ||
Jwt 框架应用 | ||
OAuth 介绍 | ||
第三方登录实践(QQ登录) | ||
PostMan 接口测试工具 | ||
Yapi 接口文档编写工具 | ||
接口开发实践 |
收获:
学完本阶段必须掌握Restful api 数据接口架构,掌握jwt 服务器校验技术, 掌握OAuth2.0 校验技术,掌握PostMan 接口测试工具,和掌握yapi / showdoc 接口文档编写工具等技术点。结合项目的业务流程,就可以完成所有项目的接口实现工作。
阶段七 基于Laravel框架的商业项目实战
说明:
PHP的框架有很多, Laravel则是PHP框架中在全球应用排名第一的框架,在国内一些基于PHP的中大型的项目几乎都是使用Laravel框架实现的。 所以Laravel框架是现在学习PHP必会的技术框架,也都是因为它的架构设计和编写风格非常的优雅,才吸引越来越多的企业和个人用户去学习它使用它。在学习Laravel框架时, 除了学习框架本身的语法外, 更主要的是要在实战中加强学习,用Laravel完成一到两个项目的开发过程,也就基本可以掌握框架的应用技术了。
模块 | 目标 | 知识点 |
---|---|---|
商业项目实战 项目开始前准备工作 项目需求分析 项目数据库设计 项目程序设计 Laravel框架及组件 代码编写及测试 项目验收与生产部署 项目后期维护与优化 |
应知应会:1.了解laravel框架2.掌握laravel的使用 3.掌握Git版本控制器的使用 4.掌握项目数据库的设计 5.掌握项目程序设计
业务实战:各类型商业网站自选其一按照商业网站要求进行项目实战 |
项目小组划分 |
团队合作与注意事项 | ||
开发环境搭建 | ||
Git版本控制器的使用 | ||
开发文档编写有求 | ||
编码规范要求 | ||
项目开发流程介绍 | ||
项目需求分析流程介绍 | ||
项目功能模块的划分 | ||
绘制功能模块图和系统流程图 | ||
具体业务描述 | ||
系统运行环境要求 | ||
项目需求文档编写 | ||
数据库设计流程介绍 | ||
概念结构及原型设计 | ||
确定表、属性的关系 | ||
绘制E_R模型图 | ||
编写数据库设计文档 | ||
程序设计流程介绍 | ||
项目的目录结构 | ||
模块结构 | ||
程序结构 | ||
程序设计文档编写 | ||
Laravel项目框架搭建 | ||
自制二维码组件 | ||
验证码组件 | ||
Laravel封装完整微信 | ||
MarkDown编辑器组件 | ||
七牛云存储SDK组件 | ||
阿里云ECS服务器使用 | ||
Redis 高速缓存系统 | ||
Elasticsearch 高速搜索引擎 | ||
阿里云OSS云存储 | ||
阿里大鱼短信接口 | ||
Laravel其他组件介绍 | ||
短信和邮件通知 | ||
在线支付 | ||
常用开发软件和使用技巧 | ||
代码编写流程要求 | ||
用户权限管理设计与开发 | ||
无限分类设计与实现 | ||
搜索与分页 | ||
各种文件上传处理与后期维护 | ||
测试代码编写 | ||
常用测试软件介绍 | ||
项目验证标准介绍 | ||
项目审核流程 | ||
项目的生产环境部署 | ||
高并发、大存储的生产环境部署 | ||
项目日常维护介绍 | ||
项目各种缓存配置 | ||
常用项目故障排查 | ||
数据库的后期优化 |
收获:
学完此阶段必须掌握Laravel框架的开发操作、掌握Git版本控制器的使用、掌握项目数据库的设计、 掌握项目程序的设计、掌握数据库优化技术、掌握数据缓存技术、掌握第三方接口的服务使用、掌握在线支付技术、掌握短信 / 邮件通知技术, 和掌握高速搜索引擎技术等。并通过Laravel的应用掌握基于Laravel的项目开发架构实现。
阶段八 JavaScript高级技术
说明:
现在对前端的要求越来越高, 一些基本的特效编写已经不能满足前端开发了, 好多功能都交给前端开发处理了。所以需要学习JavaScript一些更高级的特性, 因为JavaScript是前端开发的核心, 这个阶段需要学习一些JavaScript的深入语法, 像内存管理、进程与线程,以及JavaScript的闭包的应用。也要了解一下JavaScript处理异步编程和函数式的编程思想,这也是现在JavaScript主流的应用。 另外, 编写高级的程序离不开设计模式, 这个阶段还学习多种JavaScript程序设计模式,设计出高可用的JavaScript程序架构。
模块 | 目标 | 知识点 |
---|---|---|
JavaScript高级语法 |
应知应会:掌握数据类型及判断,数据, 变量与内存,对象,函数掌握断点调试和debugger调试 掌握JS线程机制 掌握JS事件循环机制 掌握 原型/链
业务实战:页面程序调试 |
基础深入: 数据类型及判断 |
基础深入: 数据, 变量与内存 | ||
基础深入: 对象 | ||
基础深入: 函数 | ||
断点调试 | ||
debugger调试 | ||
JS线程机制: 进程与线程 | ||
JS线程机制: 单线程JS | ||
JS线程机制: 多线程JS | ||
JS事件循环机制: 再看定时器 | ||
JS事件循环机制: 模型分析 | ||
原型/链: prototype | ||
原型/链: __proto__ | ||
原型/链: 内存结构分析 | ||
JavaScript面向对象深入 |
应知应会:掌握执行上下文/栈掌握作用域/链 掌握闭包的应用 掌握栈和队列
业务实战:编程模拟进出栈编程模拟队列 |
执行上下文/栈: 变量/函数提升 |
执行上下文/栈: 执行上下文 | ||
执行上下文/栈: 执行上下文栈 | ||
作用域/链: 作用域 | ||
作用域/链: 作用域链 | ||
闭包: 闭包是什么 | ||
闭包: 产生闭包的条件 | ||
闭包: 闭包的生命周期 | ||
闭包: 闭包的应用 | ||
闭包: 闭包的缺点及解决 | ||
数组与对象 | ||
栈 | ||
队列 | ||
编程模拟进出栈 | ||
编程模拟队列 | ||
JavaScript异步编程 |
应知应会:掌握同步与异步应用及回调函数掌握宏队列与微队列 掌握JS事件循环机制 掌握JS编程环境和模型
业务实战:JS事件队列JS管理模块 |
同步与异步 |
回调函数 | ||
Promise | ||
Generator | ||
async与await | ||
宏队列与微队列 | ||
宏任务和微任务 | ||
JS事件循环机制: 再看定时器 | ||
JS事件循环机制: 模型分析 | ||
同步异步的优缺点 | ||
JS编程环境和模型 | ||
JS事件队列 | ||
JS管理模块说明 | ||
JavaScript函数式编程 |
应知应会:掌握各种编程范式掌握高阶函数和纯函数,以及函数柯里化 掌握代码组合和函数化封装
业务实战:常用排序算法1: 冒泡常用排序算法1: 选择 常用排序算法1: 插入 |
各种编程范式 |
各种编程范式 | ||
基本理解和使用 | ||
高阶函数 | ||
纯函数 | ||
函数柯里化 | ||
代码组合 | ||
函数化封装 | ||
如何使用好函数 | ||
链表 | ||
常用排序算法1: 冒泡 | ||
常用排序算法1: 选择 | ||
常用排序算法1: 插入 | ||
JavaScript设计模式 |
应知应会:掌握常用模式掌握单例模式 掌握工厂模式 掌握建造者模式 掌握原型模式 掌握代理模式 掌握继承模式
业务实战:使用继承模式实现寄生组合式 |
面向对象编程 |
常用模式介绍 | ||
单例模式 | ||
工厂模式 | ||
建造者模式 | ||
原型模式 | ||
代理模式 | ||
继承模式1: 原型链 | ||
继承模式2: 借用构造函数 | ||
继承模式3: 组合式 | ||
继承模式4: 原型式 | ||
继承模式5: 寄生式 | ||
继承模式6: 寄生组合式 |
收获:
学完此阶段需要掌握JavaScript高级语法、debugger进行程序调试,了解JS的线程机制。掌握JavaScript的闭包功能, 可以使用JavaScript函数式编写思想进行程序开发, 掌握几种常见的程序设计模式, 并可以进行JavaScript异步编写程序。
阶段九 前端开发必备应用
说明:
学习前端开发虽然只需要简单的编写工具即可, 可如果能掌握一些高级的开发工具可以事半功倍。所以本阶段学习一些前端必备的技能, 一定要学习的就是前端的性能优化, 优化后的程序不仅加载速度是优化前的N倍,运行效率也大大提高, 并有利于SEO, 所以掌握性能优化是学习前端必备的一项技能。 另外,写大型项目都需要多人配合完成, 一定要学习的就是版本控制工具,这个可以将多人合作的代码整个在一起。 还有学习一些模块化的概念, 掌握JavaScript最新的ES6标准。还有就是使用前端技能可以开发APP项目, 就需要通过工具进行项目打包, 也是前端程序员需要掌握的技术。
模块 | 目标 | 知识点 |
---|---|---|
性能优化 |
应知应会:掌握浏览器渲染原理掌握css图层和图层的合理应用 处理css、js阻塞 解决重绘重排、函数防抖、函数节流 掌握跨页签通信的实现 掌握网页性能优化大全 掌握ajax请求优化
业务实战:封装Ajax请求工具库 |
浏览器渲染原理 |
浏览器内核简介 | ||
css图层 | ||
图层的合理应用 | ||
css、js阻塞 | ||
重绘重排 | ||
函数防抖 | ||
函数节流 | ||
函数防抖,节流应用 | ||
requestAnimationFrame | ||
DNS、CDN | ||
sessionStorage、localStorage | ||
跨页签通信的实现 | ||
网页性能优化大全 | ||
再谈ajax请求优化 | ||
封装Ajax请求工具库 | ||
版本控制工具 |
应知应会:掌握SVN版本管理工具的使用掌握git版本管理工具 掌握github的使用
业务实战:用版本控制工具处理项目开发过程 |
SVN版本管理工具 |
git版本管理工具 | ||
SVN服务端常见操作 | ||
linux常见命令 | ||
创建本地仓库 | ||
检出、克隆本地仓库 | ||
拉取远程代码 | ||
分支的操作 | ||
处理冲突实战 | ||
svn与git对比 | ||
git中差异对比 | ||
git中版本回退 | ||
github的使用 | ||
github创建组织 | ||
github的pullRequest操作 | ||
github的issues | ||
githubPages的使用 | ||
模块化 |
应知应会:掌握模块化思想掌握CommonJs服务器端和浏览器端模块化 掌握ES6模块化分别暴露、统一暴露、默认暴露和暴露的本质 掌握如何引入模块和模块互相引用 模块化同构建工具的配合使用
业务实战:模块化同构建工具的配合使用 |
模块化进化史 |
模块化思想 | ||
模块化优缺点 | ||
模块化规范介绍 | ||
CommonJs服务器端模块化 | ||
CommonJs浏览器端模块化 | ||
AMD模块化 | ||
CMD模块化 | ||
ES6模块化分别暴露 | ||
ES6模块化统一暴露 | ||
ES6模块化默认暴露 | ||
模块化暴露的本质 | ||
如何引入模块 | ||
模块互相引用 | ||
如何合理使用模块化 | ||
构建工具介绍 | ||
模块化同构建工具的配合使用 | ||
项目构建工具 |
应知应会:掌握Grunt的插件和API应用掌握Grunt打包各种资源 掌握Webpack的打包各种资源和开发环境打包
业务实战:webpack打包优化 |
Grunt的插件和API |
Grunt打包各种资源 | ||
Grunt检查编码规范 | ||
Grunt自动化构建 | ||
Gulp相关插件和API | ||
Gulp自动化构建 | ||
Webpack的工作原理 | ||
Webpack四个核心概念 | ||
Webpack的loader与plugin | ||
webpack打包各种资源 | ||
webpack开发环境打包 | ||
webpack生产环境打包 | ||
Webpack模块热替换 | ||
webpack tree shaking | ||
webpack代码分离 | ||
webpack懒加载 | ||
DIY webpack配置环境 | ||
webpack打包优化 |
收获:
学完此阶段需要掌握前端的各种性能优化方法, 灵活使用Git等版本控制工具, 了解模块化开发, 以及掌握项目构建的多种打包工具。
阶段十 前端高级框架
说明:
写一些基本的特效,JavaScript和jQuery就可以完成, 可做专业前端开发工程师遇到的代码越来越复杂,程序架构越来越大, 这时就不能直接使用原生的程序进行开发了, 需要引入框架。 前端的框架比较多, 现在流程的组件式框架主要有Vue和React, 学会这两个框架应用率非常高, 基本上可以完成90%以上的程序设计。
模块 | 目标 | 知识点 |
---|---|---|
React框架基本使用 |
应知应会:掌握React的基本使用掌握模块与模块化和组件与组件化 掌握React组件的组件三大属性 掌握React事件处理和组件的组合使用 掌握组件生命周期 掌握React脚手架的使用 掌握项目的打包与发布
业务实战:React DEMO: 评论管理组件间通信1: props 组件间通信2: 消息订阅与发布 |
React的基本认识 |
React的基本使用 | ||
React JSX | ||
模块与模块化和组件与组件化 | ||
React组件的基本使用 | ||
组件三大属性1: state | ||
组件三大属性2: props | ||
组件三大属性3: refs | ||
React事件处理 | ||
React组件的组合使用 | ||
React受控与非受控组件 | ||
组件生命周期 | ||
React脚手架的使用 | ||
项目的打包与发布 | ||
React DEMO: 评论管理 | ||
组件间通信1: props | ||
组件间通信2: 消息订阅与发布 | ||
React框架进阶 |
应知应会:掌握React ajax之axios掌握React DEMO: github users 掌握React Router4基本路由、嵌套路由、向路由组件传递数据和编程式路由导航 掌握ReactUI组件库material-ui、ant-design 掌握redux库: 管理组件状态、react-redux库: 简化使用、redux-thunk库: redux异步
业务实战:redux调用插件 |
React ajax之axios |
React ajax之fetch | ||
React DEMO: github users | ||
React Router4基本路由 | ||
React Router4嵌套路由 | ||
React Router4向路由组件传递数据 | ||
React Router4编程式路由导航 | ||
ReactUI组件库之material-ui | ||
ReactUI组件库之ant-design | ||
redux库: 管理组件状态 | ||
react-redux库: 简化使用 | ||
redux-thunk库: redux异步 | ||
redux调用插件 | ||
自定义redux: createStore | ||
自定义redux: combineReducers | ||
自定义react-redux:Provider | ||
自定义react-redux:connect | ||
Vue框架基本使用 |
应知应会:掌握Vue模板语法和计算属性和监视掌握class与style绑定 掌握条件渲染与列表渲染 掌握事件处理与表单数据收集 掌握Vue实例生命周期 掌握过渡与动画、自定义过滤器、内置指令与自定义指令和自定义Vue插件
业务实战:组件定义与使用组件间通信1: props 组件间通信2: vue自定义事件 |
Vue的基本认识与使用 |
模板语法 | ||
计算属性和监视 | ||
class与style绑定 | ||
条件渲染与列表渲染 | ||
事件处理与表单数据收集 | ||
Vue实例生命周期 | ||
过渡与动画 | ||
自定义过滤器 | ||
内置指令与自定义指令 | ||
自定义Vue插件 | ||
使用vue-cli创建模板项目 | ||
eslint编码规范检查 | ||
组件定义与使用 | ||
组件间通信1: props | ||
组件间通信2: vue自定义事件 | ||
Vue框架进阶 |
应知应会:掌握Vue DEMO: todo list和user search掌握Vue UI组件库: mint-ui 掌握vue-router: 基本路由、嵌套路由、 向路由组件传递数据、缓存路由组件和编程式路由导航
业务实战:vuex: 计数器应用vuex: todo list应用 |
组件间通信3: 消息订阅与发布 |
组件间通信1: props | ||
组件间通信4: slot | ||
Vue ajax: axios与vue-resource | ||
Vue DEMO: todo list | ||
Vue DEMO: user search | ||
Vue UI组件库: mint-ui | ||
vue-router: 基本路由 | ||
vue-router: 嵌套路由 | ||
vue-router: 向路由组件传递数据 | ||
vue-router: 缓存路由组件 | ||
vue-router: 编程式路由导航 | ||
vuex: 理解与基本使用 | ||
vuex: 相关API与结构分析 | ||
vuex: 计数器应用 | ||
vuex: todo list应用 | ||
Vue源码分析 |
应知应会:掌握vue源码分析: 数据代理、数据劫持、setter,getter分析、Object.defineProperty、断点调试、 数据劫持等
业务实战:分析MVC和MVVM区别 |
vue源码分析: 数据代理 |
vue源码分析: 数据劫持 | ||
vue源码分析: setter,getter分析 | ||
vue源码分析: Object.defineProperty | ||
vue源码分析: 断点调试 | ||
vue源码分析: 数据劫持 | ||
vue源码分析: 插值解析 | ||
vue源码分析: 指令解析 | ||
vue源码分析: 单向数据绑定 | ||
vue源码分析: 双向数据绑定 | ||
vue源码分析: MVVM原理图 | ||
MVC和MVVM区别 |
收获:
学完此阶段需要掌握React框架的基本应用, 了解React框架的一些高级特性。还需要掌握Vue框架的基本使用, 以及了解Vue框架的一些高级特性, 可以应用这两个框架开发项目。
阶段十一 微信小程序开发
说明:
小程序开发现在非常流程, 是APP的一种替代方案, 所以做前端开发一定会接触到小程序的开发。而小程序的开发腾讯出了一套自己的语言, 当然和我们的HTMl及CSS很像。 另外, 小程序开发结构及模式也是不同的, 有自己的专有特性, 还有好多功能必须通过官方接口调用才能实现的,就需要我们详细了解小程序API的应用。 还有就是小程序开发也有专门框架支持, 使用小程序框架可以大大提升程序员的开发速度。
模块 | 目标 | 知识点 |
---|---|---|
原生小程序入门 |
应知应会:掌握小程序语法掌握组件化思想 掌握小程序开发工具使用 掌握小程序开发工具管理项目 掌握小程序开发工具调试 掌握小程序适配方案 了解px, em, rem, rpx对比 掌握全局配置文件
业务实战:注册小程序应用 |
小程序介绍 |
小程序优缺点 | ||
小程序语法介绍 | ||
组件化思想 | ||
小程序开发工具使用 | ||
小程序开发工具管理项目 | ||
小程序开发工具调试 | ||
小程序适配方案 | ||
px, em, rem, rpx对比 | ||
全局配置文件 | ||
注册小程序应用 | ||
原生小程序API使用 |
应知应会:掌握小程序局部页面配置了解小程序生命周期函数和小程序路由跳转 掌握窗口配置 掌握原生小程序组件使用: view, text,button, wx.navigateTo/wx.showToast 掌握小程序本地数据存储 掌握小程序前后端交互
业务实战:实现小程序背景音乐播放小程序事件应用 |
局部页面配置 |
注册小程序页面 | ||
小程序生命周期函数 | ||
小程序路由跳转 | ||
窗口配置 | ||
原生小程序组件使用: view, text,button | ||
原生小程序API使用: wx.navigateTo/wx.showToast | ||
本地数据存储 | ||
小程序前后端交互 | ||
背景音乐播放 | ||
小程序事件应用 | ||
小程序框架Mpvue |
应知应会:掌握Mpvue基本使用了解Mpvue注意事项 掌握Mpvue中处理原生小程序事件 掌握flyio应用 掌握Node.js中间层实现前后端完全分离 掌握Mpvue组件通信
业务实战:使用Mpvue兼容原生小程序开发 |
Mpvue简介 |
Mpvue特点 | ||
Mpvue同原生小程序区别 | ||
Mpvue VS Vue | ||
Mpvue基本使用 | ||
Mpvue注意事项 | ||
Mpvue中处理原生小程序事件 | ||
flyio应用 | ||
Node.js中间层实现前后端完全分离 | ||
Mpvue组件通信 | ||
Mpvue中兼容原生小程序生命周期及处理方式 |
收获:
学完此阶段了解小程序的所有特性和工作流程及开发过程, 需要掌握原生小程序的入门, 以及原生小程序的API使用, 也要掌握小程序的框架Mpvue的应用。

购买后
拉进交流群