登录

课程

学习内容

学习目标

实战项目

第一部分：初级课程

前端工程师的发展趋势

什么是前端工程师
前端工程师的行业现状
前端工程师的未来发展趋势
前端工程师的职业发展规划

让学生知道自己所学的技术概况，有助于学生更好的找到学习方向。

WEB构件组成

WEB构建的定义
服务器是什么
语言脚本是什么
浏览器是什么
浏览的基本结构原理
常见的网络协议比如WWW协议。
IE6/7/8/9/10/11,FireFox,Chrome,Safari,Opera等浏览器的安装与操作技巧。
360浏览器、QQ浏览器、猎豹浏览器、搜狗浏览器等等安装技巧以及与Chrome和IE的区别。

学生大概了解所有的知识点组成和所学技术的用途，及其程序开发的基本工作原理

1、各种浏览器的安装和使用
2、常见的开发工具的安装和使用

HTML5基本介绍

什么是网站和网页
HTML发展历史
HTML5是什么、标准
HTML5应用生态
App中的HTML5未来比重

学生掌握HTML5的应用场景和标准

HTML基本应用

HTML是什么、页面主体结构、文档声明语法结构
标签的入门：编码声明与为什么，头元素，body元素，单标签，对标签，字体标签，超链接，锚文本，HTML实体，路径意义，图像标签，列表标签，表格标签，文本标签，按钮标签，块标签，Iframe标签等

熟练掌握HTML中常见的标签，标签用途和各种使用方法。

1、使用表格制作个人简历
2、使用框架技术制作后台界面或者编写课程大纲电子书籍。

课程

学习内容

学习目标

实战项目

CSS基本应用

CSS是什么、优点和实战标准是什么
CSS的实战应用场景
CSS的三引入方式区别和用途
CSS中选择器的使用，优先级和应用场景
CSS中块元素和行元素的转换，及其主要用途
CSS中字体、文本、背景设计技巧、列表、表格常见操作
浏览器的基本结构原理
导致浏览器中不同元素出现不同盒子模型的原因
盒子模型详细讲解
标签定位中绝对定位、相对定位、固定定位的使用
DIV块的层级设计
标签浮动及其浮动原理
常见伪类的使用
如何使用HTML5.0和CSS3.0实现PC端页面。

掌握CSS常见基本属性和选择器用法，能熟练记忆CSS的属性和使用技巧，理解盒子模型和布局是块标签和标签的实际用途，及其熟练掌握CSS其他常见属性和使用特点，了解各个浏览器之间的兼容性出现的原理。

1、编写PC站的一个整体网站
2、编写京东/苏宁的登录注册页面、首页、产品列表页、产品内容页。
3、编写许愿墙类型站点。

DIV+CSS标准化布局

CSS命名规范和标准写法
DIV+CSS布局和Table布局的区别、好处
DIV+CSS布局中水平和垂直切分原理
CSS Hack浏览器兼容性调试原理
CSS属性继承和叠加原理
CSS污染规避
常见的CSS的bug和使用技巧（如DIV垂直居中）
DIV+CSS建站中自己代码库的创建和优化。

熟练掌握CSS实战过程中各种的使用技巧和标准写法。

1、使用DIV+CSS布局淘宝页面
2、收集整理常见CSSbug和使用技巧
3、创建自己的基础CSS代码库

UI常见工具介绍

UI常见工具PhotoShop的介绍和基本使用，
PhotoShop中元素尺寸，颜色，字体样式数据的获取
图片图层和图层合并使用
网页布局中图片的切割和使用
大型网站中小图片合成等技术。

熟练掌握使用PhotoShop截图，切图，合并图，数据获取操作。

使用PhotoShop实现一个企业站网页的设计和图片窃取和合并，数据获取。

实战项目

PC端的网站前端（内部提供PSD项目效果图）

课程

学习内容

学习目标

实战项目

第二部分：中级课程

JavaScript基本应用

JavaScript是什么、用途是什么
JavaScript的构成部分：ECMAScript，DOM，BOM。
JavaScript的历史发展版本和标准
JavaScript在浏览器中的运行机制如何
JavaScript的基本语法：常量，变量，注释等
JavaScript的运算符
JavaScript的控制结构
JavaScript的函数，作用域，闭包实现，预解析，引用及其常见的函数种类
JavaScript常见内置函数，如类型强制转换函数，类型判断函数等
JavaScript数组的定义，种类，遍历和使用技巧
JavaScript面向对象开发思想
JavaScript中对象的常见操作
javascirpt中自定义对象的封装
JavaScript中继承，构造函数，作用域链等用法
JavaScript中4大数据类型对象：数学对象，字符串对象，数组对象，日期对象等实战用法。
JavaScript中正则表达式
JavaScript中异常处理

掌握JavaScript的基本语法，及其常见的各种效果制作技巧，以及理解JavaScript在用户接口中体验的重要性。

1、实现计算器的各种计算功能。
2、实现闰年的计算功能
3、实现九九乘法表
4、实现数字转中文习惯写法的功能
5、表单验证

JavaScript DOM操作

DOM基本介绍和主要通途是什么
DOM的分类：HTML DOM/CSS DOM/XML DOM的各自特点
HTMLDOM中基本操作：节点对象的访问，节点对象修改，节点对象添加，节点对象删除
DOM节点属性操作
DOM中内容操作
DOM事件对象Event对象，事件流，事件流算法，事件委派，事件代理，绑定和事件销毁等
DOM中Cookie的添加，删除，修改和记住用户名密码。
DOM中常见的其他控件操作：如表格对象，SELECT对象，Object对象，Script对象，Checkbox对象，Style对象等常见对象操作。

熟练掌握DOM对象节点操作，可以更加标准，统一的操作HTML标签文档，制作更加方便和用户体验性更高的用户接口和插件。

1、表格隔行显示。
2、淘宝的三级菜单
3、跨域操作
4、购物车中的全选，反选和不选。
5、表单中记住用户名和用户产品浏览历史记录

课程

学习内容

学习目标

实战项目

JavaScript BOM操作

BOM是什么
BOM主要的实战应用场景有那些
BOM中Windows对象的常见用法
BOM中Navigator对象的常见用法
BOM中Screen的常见用法
BOM中History的使用技巧
BOM中Location的主要用途
BOM中动画，计时器等常见使用
BOM中常见窗口操作，和窗口关系操作。
JavaScript运动框架，如常见图片特效，滚动，弹性运动等。

熟练操作浏览器对象的各种操作，并且能借助浏览器对象，实现各种浏览器API接口调用。

1、京东图片播放器动画。
2、大转盘抽奖
3、DIV切换效果
4、打字游戏
5、围住神经猫网页游戏

JavaScript库实现（自定义js库）

框架与库的意义
JavaScirpt框架的设计模式
JavaScript的代码规范、框架分类
JavaScript的框架主要用途和功能
JavaScript的选择器引擎设计、模块加载系统设计
JavaScript浏览器嗅探设计、异步处理设计
JavaScript样式的支持侦测设计
JavaScriptDOM节点操作设计
JavaScript 事件、动画设计、兼容性设计

熟练掌握JavaScript的常见设计模式和代码标准。

编写自己的JavaScript框架。

jQuery

什么是JavaScript框架
JavaScript框架种类和使用情况
jQuery框架好处
$工厂函数
jQuery使用、对象捕获
jQuery属性、事件操作
jQuery中CSS，val，class,text,html操作
jQuery中特殊事件、内置函数
jQuery插件、核心函数
jQuery中AJAX操作
jQuery中跨域操作，弹出层，div拖动设置
jQuery网络中插件的使用
jQuery节点、跨域操作
jQuery数据缓存系统

熟练掌握jQuery框架的常用操作和jQueryUI等各种插件使用方法，理解jQuery设计原理。

1、jQueryUI插件使用
2、jQuery弹出层设计

1. 3、jQuery跨域操作

实战项目

编写自己的JavaScript框架