报名导航
报名导航
青岛WEB前端培训 课程大纲
<<返回课程体系             17年青岛双硕郑重承诺:
            1、零起点补课无额外收费;
            2、没学会,可免费再学一次;
学费:14200元
最新更新:2020-02-26

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 各类应用实例综合

7、Vue.js前端框架
Vue.js前端框架 1、关于 Vue.js
2、安装 Vue.js
3、Vue.js 起步
4、Vue.js 概述
5、Vue 实例
6、Vue.js 数据绑定语法
7、Vue.js 计算属性
8、Vue.js Class 与 Style 绑定
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 自定义过滤器
18、Vue.js 混合
19、Vue.js 插件
20、Vue.js 构建大型应用
八、ECLIPSE开发WEB前端
ECLIPSE开发WEB前端 1、ECLIPSE简介及安装
2、ECLIPSE主要功能和操作
3、WEB服务器简介及安装
4、B/S,C/S架构介绍及工作原理
5、ECLIPSE开发静态WEB前端模板
6、ECLIPSE中引入HTML5
7、ECLIPSE中引入CSS3
8、ECLIPSE中引入JQUERY
9、ECLIPSE中引入VUE.JS 10、ECLIPSE开发完整WEB前端工程实例
九、实用技巧
实用技巧 1、电脑和手机端网页HTML使用
2、电脑和手机端网页CSS3典型效果
3、电脑和手机端网页CSS3菜单制作
4、电脑和手机端网页JS特效
5、电脑和手机端网页对窗口的精确布局和适应
6、电脑和手机端网页交互页面处理
6、电脑和手机端网页SEO理念的加入
7、电脑和手机端网页维护更新

十、项目实践
项目实践 1、织梦模板框架前台技术剖析
2、手机自适应页面完整制作
3、电脑页面布局案例综合分析和制作
4、综合网站系统(电脑和手机)前台技术分析和制作

收缩
  • QQ咨询

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