报名导航
报名导航
青岛WEB前端培训 课程大纲
<<返回课程体系             
            
            
学费:17200元
最新更新:2021-01-17

WEB前端开发培训(HTML5,JQUERY,JS,CSS3等)


WEB前端开发培训

1、 PHP+MYSQL网络应用开发班   2、 PYTHON全栈开发班 3、 JAVA/JAVAEE应用开发班  
一、HTML
HTML 1. Web基础知识
Web相关概念
Web标准(结构、表现、行为)
HTML、CSS、JavaScript简介
常用浏览器和开发工具介绍
2.可视化页面设计工具dreamwaver介绍
3.HTML基础
HTML历史
HTML文件结构
HTML语法规范
3.HTML标记
HTML文本控制标记
HTML图像标记(包括常用图像格式、相对路径和绝对路径)
HTML超链接标记
HTML列表标记
HTML表格标记
HTML表单标记
HTML媒体标记
HTML框架标记
HTML标题标记
HTML特殊控制标记
HTML与SEO相关标记
4.HTML典型页面案例分析讲解

二、CSS
CSS 1.CSS基础
CSS发展历程
CSS含义、作用和优点
CSS选择器
CSS语法规则
CSS的继承与优先级
2.CSS盒子模型与布局
CSS盒子模型
CSS浮动
CSS定位
CSS一列布局
CSS二列和三列布局
CSS超链接伪类
CSS列表控制
CSS+div横向导航菜单
CSS+div下拉及多级弹出菜单
CSS+div表单设计
3.CSS页面布局综合案例讲解和分析

三、JavaScript
JavaScript 1. JavaScript基础
JavaScript概述
JavaScript变量
JavaScript各种条件语句
JavaScript各种循环语句
JavaScript switch语句
JavaScript特殊语句
JavaScript函数与对象
JavaScript弹出对话框函数
JavaScript数组及应用
JavaScript字符串处理
JavaScript数学函数
JavaScript日期对象
JavaScript控制页面窗口
2.JavaScript事件处理
JavaScript事件模型
BOM模型
DOM模型
DOM节点操作
JavaScript事件处理和事件监听
3.JavaScript页面使用综合技巧案列讲解

四、HTML5
HTML5 1、HTML 5 简介及其编辑器
2、HTML5标签概念
3、HTML5表单类标签
4、HTML5框架类标签
5、HTML5图像类标签
6、HTML5音频/视频类标签
7、HTML5链接类标签
8、HTML5列表类标签
9、HTML5表格类标签
10、HTML5样式/节类标签
11、HTML5元信息类标签
12、HTML5编程类标签
13、HTML5全局属性类标签
14、HTML5表单基本格式
15、HTML5表单交互使用
16、HTML5表单输入类型
17、HTML5表单表单属性
18、HTML5表单元素
19、HTML5视频基本框架
20、HTML5视频格式选取
21、HTML5视频格式元素详解
22、HTML5音频基本框架
23、HTML5音频格式选取
24、HTML5音频格式元素详解
25、HTML5拖放实现
26、HTML5各类事件处理
27、HTML5画布颜色、样式和阴影
28、HTML5画布线条样式
29、HTML5画布路径
30、HTML5画布矩形
31、HTML5画布文本和图像绘制
32、HTML5画布坐标系统变换
33、HTML5画布像素操作及合成
34、HTML5颜色名汇总
35、HTML5字符集
36、HTML5 URL编码
37、HTML5 与JAVASCRIPT结合应用
38、HTML5 与JQUERY结合应用
39、HTML5 与CSS结合应用
40、HTML5综合案例效果分析

五、jQuery
jQuery 1、jQuery 简介
2、jQuery 安装
3、jQuery 选择器
4、jQuery 事件
5、jQuery 效果- 隐藏和显示
6、jQuery 效果 - 淡入淡出
7、jQuery 效果 - 滑动
8、jQuery 效果- 动画
9、jQuery Callback 方法
10、jQuery - Chaining
11、jQuery - 获取HTML内容和属性
12、jQuery - 设置HTML内容和属性
13、jQuery - 往HTML添加元素和删除元素
14、jQuery - 获取并设置 CSS 类
15、jQuery - css() 方法
16、jQuery - 尺寸
17、jQuery 遍历
18、jQuery - AJAX 简介
19、jQuery - AJAX load() 方法
20、jQuery - AJAX get() 和 post() 方法
21、jQuery - noConflict() 方法
22、jQuery Validate插件
23、jQuery Accordion插件
24、jQuery Autocomplete插件
25、jQuery Message插件
26、jQuery Password Validation插件
27、jQuery Prettydate插件
28、jQuery Tooltip插件
29、jQuery Treeview插件
30、jQuery 常用特效代码分析

六、CSS3
CSS3 1、CSS3 简介
2、CSS3 边框属性
3、CSS3 边框圆角控制
4、CSS3 边框阴影控制
5、CSS3 背景属性
6、CSS3 背景不同元素控制
7、CSS3 渐变类型
8、CSS3 渐变属性详解
9、CSS3 各类文本效果控制
10、CSS3 字体属性控制
11、CSS3 2D 转换
12、CSS3 2D 转换各属性详解
13、CSS3 3D 转换
14、CSS3 3D 转换各属性详解
15、CSS3 过渡效果控制
16、CSS3 动画效果实现
17、CSS3 多列模式完成
18、CSS3 用户界面效果控制
19、CSS3 图片效果控制
20、CSS3 按钮效果控制
21、CSS3 分页效果实现
22、CSS3 框的控制
23、CSS3 弹性盒子(Flex Box)
24、CSS3 多媒体查询
25、CSS3 各类应用实例综合

七、Node.js后端框架
Node.js后端框架 1、Node.js介绍,事件驱动,异步I/O
2、环境配置(node nvm,cnpm)
3、REPL 环境(命令行) 运行js代码
4、js文件执行
5、nodemon实时监听
6、模块/包与commonjs 规范
7、Node模块,Node模块介绍,引入模块 require,导出模块 module.exports、export
8、NPM的使用,模块管理器,下载删除更新模块
9、express框架使用 ,中间件,路由,模板引擎
10、数据库MongoDB,mogoose模块的使用
11、path模块,路径处理模块
12、fs模块,文件操作模块
13、token 验证
14、cookie+session 用户鉴权
15、图片上传实现
16、jwt+验证码实现注册登录
17、 网站的登录注册
18、 简易的个人博客
八、Vue.js前端框架
Vue.js前端框架 1、Vue.js 安装
2、Vue.js 目录结构
3、Vue.js 起步
4、Vue.js 模板语法
5、Vue.js 条件语句
6、Vue.js 循环语句
7、Vue.js 计算属性
8、Vue.js 监听属性
9、Vue.js 样式绑定
10、Vue.js 事件处理器
11、Vue.js 表单
12、Vue.js 组件
13、Vue.js 自定义指令
14、Vue.js 路由
15、Vue.js 过渡 & 动画
16、Vue.js 混入
17、Vue.js Ajax(axios)
18、Vue.js Ajax(vue-resource)
19、Vue.js 响应接口
20、Vue.js 实例
九、Angular.js前端框架
Angular.js前端框架 1、Angular.js介绍
2、langular.Js的MVC方式,数据的挂载,ng-controller,双大括号表达式
3、langular.Js的作用域,$scope,$rootScope,依赖注入,服务
4、langular.Js的指令系统,ng-app,ng-controller
5、langular.Js的双向数据绑定,MVVM,$timeout,ng-click,ng-model
6、langular.Js的模块化,angular.module,压缩的问题
7、langular.Js的模板 与元数据
8、angular.Js的数据绑定与数据显示
9、angular.Js的表单 、 服务、指令 及 路由
10、langular.Js的实例:购物金额计算,过滤器,currency,$watch,监听数据变化,三个参数
十、React前端框架
React前端框架 1、React简介
2、 React开发环境准备
3、 React中的组件
4、JSX语法
5、拆分组件与组件之间的传值
6、React developer tools 安装及使用
7、 PropTypes 与 DefaultProps 的应用
8、 props,state 与 render 函数的关系
9、深入了解React虚拟DOM
10、虚拟 DOM 中的 Diff 算法
11、 React 中 ref 的使用
12、 React的生命周期函数及使用场景
13、使用Charles实现本地数据mock
14、React 中实现 CSS 动画效果
15、react-transition-group 实现动画
16、Redux 概念简述和工作流程
17、Action 和 Reducer 的编写
18、ActionTypes 的拆分
19、使用 actionCreator 统一创建 action
20、 UI组件和、容器组件及无状态组件
21、使用Redux-thunk 中间件实现ajax数据请求
22、Redux-saga 中间件使用
23、React-redux 中间件使用
十一、WEB后台开发导引
WEB后台开发导引 1、WEB后台开发涉及语言和框架结构
2、各种后台开发语言特点分析
3、前后台交互、通讯的方式总结
4、前后台数据交互、通讯综合案例分析
5、微信公众号开发方式及其与前后台关联
6、前台框架、脚本在综合WEB项目中典型应用分析
十二、毕业课题项目
毕业课题项目 自学校项目库中选择
收缩
  • QQ咨询

  • 0532-80935385
  • 【微信咨询】
  • qdit169_com
微信号
  • 【QQ咨询】
  • QQ:571521935
QQ