盈佳科技—Web前端课程

课程名称

课程及实训内容

C1 HTML网页设计基础

主题

主要知识点

HTML 基础

HTML发展历史、HTML语言基础、 HTML文档结构

HTML 基本标签

HTML格式标签, 文本标签等基本标签

HTML高级标签

HTML 超链接, 图像, 表格、DIV、SPAN等高级标签

HTML表单与框架

HTML表单、框架FrameSet与Frame

网页设计工具DreamWaver

DreamWaver简介, 使用DreamWaver进行专业前端开发

CSS 基础

CSS简介, 语法, 标签/类/ID选择符

CSS 样式

CSS 背景, 文本, 字体, 链接, 列表, 表格, 轮廓; CSS层叠样式表；内联式、内部和外部引用

CSS盒子模型

CSS盒子模型, 内边距, 边框, 外边距; CSS伪类及应用

CSS核心技术

CSS定位,包括相对定位, 绝对定位, 浮动; 使用CSS/DIV实现页面专业布局

P1 项目实训

名称

项目描述

A. 招商银行官网首页

使用HTML+CSS技术实现一个高效、简洁的前端页面, 合理使用页面空间; 使用DreamWaver开发工具快速开发, 掌握系统前端页面布局设计及外观实现

C2 HTML5和CSS3设计与实现

主题

主要知识点

HTML5基础

HTML5的优势、HTML5基本结构和语法的变化; HTML5新增常用元素、新增常用属性、头部及元信息和HTML5新增拖放API

HTML5 表单

HTML5新增表单元素与属性、HTML5增强的文件上传和客户端校验

HTML5 多媒体

HTML5的audio和video元素、使用JavaScript控制多媒体播放以及事件与监听器

HTML5 绘制图形

使用canvas在网页上绘制图形, 定义用于网络的基于矢量的图形

HTML5 Web存储

本地存储的作用、Session Storage与Local Storage、Web Storage接口API、Storage存储读取数据

HTML5 离线应用

通过创建 cache manifest 文件, 创建 web 应用的离线版本

HTML5 Web Workers

使用Worker创建多线程、使用多线程执行JavaScript脚本、Worker线程API、Worker线程中嵌套Worker子线程、子线程之间的数据交换

CSS3的应用范围

CSS3简介, CSS3 中的新特性, CSS3相关标准及CSS3 模块

CSS3 动画

使用CSS3 2D、3D转换对元素进行移动、缩放、转动、拉长或拉伸, 改变形状、尺寸和位置

P2项目实训

名称

项目描述

淘宝网简版页面

使用HTML5+CSS3技术淘宝网首页, 掌握HTML5与CSS3在页面中的实际应用, 且能够制作较高水平的页面特效

C3 开发JavaScript动态网页

主题

主要知识点

JavaScript 简介

JavaScript发展历史、JavaScript用途、使用JavaScript实现页面的动态效果

JavaScript 基础语法

JavaScript语言的语法、变量和运算符、数据类型

JavaScript 流程控制

流程控制语句和循环语句

JavaScript 内置对象

数组、函数和对象

JavaScript 事件

JavaScript事件分类, 事件模型及使用技巧

正则表达式

正则表达式的概念及应用范围, 符号解释，及相关匹配规则

JavaScript 表单处理

使用JavaScript对表单数据进行处理及JavaScript表单提交

使用JavaScript实现特效

使用JavaScript实现图片轮播、图片滚动等界面特效

DHTML对象模型

DHTML与DOM概念, DOM 元素, 属性, 事件; 使用JavaScript对DOM节点进行访问, 添加节点, 删除节点, 替换节点

C4 JavaScript面向对象的设计

主题

主要知识点

面向对象概述

面向对象的概念及特性, 对象应用, 类型, 作用域, 定义类/对象, 对对象的修改操作

原型

prototype介绍, 作用及实际应用

继承

继承的概念, JavaScript中的继承方式, 包括构造函数继承,原型式继承, 组合继承, 寄生式继承等

设计模式

设计模式介绍, JavaScript单例模式, 工厂模式等常用设计模式

P3项目实训

名称

项目描述

12306车票查询

使用JavaScript技术结合HTML5+CSS3实现响应式布局的设计能力, 能够熟练使用JavaScript相关知识对HTML元素进行处理, 实现与用户的交互, 提升用户使用体验.

\C5 Ajax与jQuery程序设计

主题

主要知识点

jQuery 基础

jQuery框架特性和应用；JQuery核心函数；

jQuery HTML

使用JQuery操作DOM元素；

jQuery Plug-in

使用JQuery Plug-in实现日期选择、树形视图、链接预览、文字限制器、表单验证。

Ajax技术的原理及应用

Ajax技术的原理及应用；原生Ajax技术的编程；XMLHttpRequest对象的运行原理；XMLHttpRequest对象的常用方法和属性；使用Ajax发送Get/Post请求

jQuery Ajax

使用JQuery实现Ajax编程; jQuery AJAX表单处理、ajax()方法参数

可扩展标记语言XML

XML用途；XML树形结构与语法规则; XML的开发和配置; Ajax传递XML数据；jQuery处理XML

数据表示JSON

JSON数据表示法及其作用；JSON数据的生成与解析技术；实现基于JSON的Ajax数据通信

jQuery Ajax经典案例

Ajax实现用户登录/注册, Ajax数据交互, 用户交互实例

P4项目实训

名称

项目描述

简版京东网站

使用HTML5、CSS3、JavaScript、AJAX、jQuery实现简版京东网上购物大型系统, 目的在于前端布局设计, 用户交互效果的合理性, , 熟练掌握实现大型系统相关的Web高级技术

C6 实现jEasyUI的RIA Web应用

主题

主要知识点

jQuery EasyUI 简介

jQuery EasyUI简介及应用

jEasyUI 拖放

使用jEasyUI对HTML元素进行拖动与放置

jEasyUI 布局

使用jEasyUI实现简单布局, 复杂布局; 创建面板, 标签页

jEasyUI 数据网格

使用jEasyUI对表格进行转换, 对数据进行查询, 冻结, 排序等的实现

jEasyUI 窗口

使用jEasyUI创建窗口, 工具栏, 对话框

jEasyUI 树形菜单

使用jEasyUI创建树形菜单, 对菜单进行播放, 添加等操作

jEasyUI 表单

使用jEasyUI对表单进行验证及提交

P5项目实训

名称

项目描述

OPE管理平台

能够掌握jQueryUI, jQuery, JavaScript, Ajax, HTML5, CSS3等技术在项目中的实际运用;

提高开发能力及对知识的掌握程度，对以后独立完成相关模块的开发有极大的帮助

C7 移动应用与微信设计

主题

主要知识点

跨终端Web和主流设备简介

跨终端Web的概念， Mobile Web的技术基础

视口

视口的概念, 视口与窗口的区别, 逻辑坐标变为设备坐标

流式布局、弹性盒模型

流式布局的概念, 与响应式布局的区别, 流式布局的实现, 空间不足、溢出的解决

移动终端JavaScript事件

touchstart, touchmove,  touchend等移动终端事件的支持与实现

手机中常见js效果制作

移动终端中常见特效(拖拽效果、滑动效果、图片轮播等)的实现

JQuery Mobile

简介, 安装, jQuery Mobile 列表, jQuery Mobile 表单, jQuery Mobile 事件

HTML5 地理定位

使用HTML5 Geolocation API 用于获得用户的地理位置。

P6 项目实训

名称

项目描述

手机优酷视频

使用HTML5、CSS3、JavaScript、AJAX、JQuery Mobile实现简版手机优酷视频平台。

能够实现页面的滚动、浮动等效果，轮播图片信息。用HTML5实现各个端口的连接、前端布局样式的设计,并掌握各种布局的区别与实现方式, 实现移动端自适应显示, 使学员掌握不同终端之间的屏幕适配以及各种页面效果的实现。

C8 WebUI高手实战

主题

主要知识点

Facebook前端框架Bootstrap

Bootstrap 简介, 环境安装, 布局组件, 插件; 使用Bootstrap快速设计、开发前端界面

Twitter前端框架AngularJS

AngularJS简介, 指令, 事件等, 使用AngularJS开发Web应用

图像处理工具Photoshop

Photoshop介绍, Photoshop中的工具使用及图层概念, 使用Photoshop进行设计

原型设计工具Axure

Axure 简介,  Axure 交互设计的实现

C9 网站的搜索引擎优化

主题

主要知识点

SEO基础

SEO理论介绍,关键词选择策略

网站建设要素

网站设计的八大要素

搜索引擎工作原理与指令

搜索引擎工作原理介绍

站内优化

站内优化的关键点与方法

站外优化

站外优化的关键点与方法

如何提高搜索引擎排名

SEO数据分析，网站优化方案

SEO快速诊断

SEO工具介绍与使用, SEO诊断方案

P7 项目实训

名称

项目描述

Oracle官网设计及优化

本项目贯穿Oracle官方网站实战项目分析，掌握主流前端开发框架(Bootstrap, AngularJS )相关知识及实际应用,掌握相应设计开发工具(Photoshop, Axure), 并对SEO相关知识具备深刻理解