前端工程师的发展趋势

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

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

WEB构件组成

WEB构建的定义
服务器是什么
语言脚本是什么
浏览器是什么
浏览的基本结构原理
常见的网络协议比如WWW协议。
IE6/7/8/9/10/11,FireFox,Chrome,Safari,0pera等浏览器的安装与操作技巧。
360浏览器、浏览器、猎豹浏览器、搜狗浏览器等等安装技巧以及与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项目效果图）