前端工程师的发展趋势

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

WEB构件组成

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

HTML5基本介绍

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

HTML基本应用

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

CSS基本应用

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

DIV+CSS标准化布局

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

UI常见工具介绍

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

实战项目

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

JavaScript基本应用

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

JavaScript DOM操作

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

JavaScript BOM操作

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

JavaScript库实现（自定义js库）

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

jQuery

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

实战项目

  • 编写自己的JavaScript框架

WEB服务器介绍

  • WEB服务器是什么
  • WEB服务器常见用途是什么
  • WEB服务器常见种类有那些，优缺点是什么
  • Apache或者Niginx的服务器的安装和配置
  • Apache或者Niginx的各项配置详解
  • http协议原理

NodeJs

  • NodeJS与浏览器js的区别
  • 使用NodeJS搭建WEB服务器
  • 掌握HTTP与WEB工作原理
  • 掌握Socket长连接实时网络通信技术

PHP+MySql

  • PHP和MySql是什么
  • PHP基本语法，控制结构
  • PHP函数、数组操作
  • PHP字符串操作
  • PHP会话控制
  • 数据库基本操作
  • PHP操作MySql

AJAX操作

  • AJAX是什么
  • AJAX技术原理
  • AJAX技术包含的内容
  • XmlHttp协议内容
  • AJAX登陆验证
  • AJAX无刷新分页
  • Xml协议中Json数据和Xml数据的传递和接收
  • POST数据传递
  • AJAX缓存问题
  • AJAX轮询机制
  • AJAX跨域传值
  • AJAX长链接和短链接

SEO

  • SEO是什么
  • SEO常见的白帽优化操作
  • SEO关键字选择，长尾关键字的布局等
  • SEO常见的黑帽优化操作
  • 搜索引擎地址收录，
  • 页面布局对SEO的影响
  • 搜索引擎基本原理

PHPCMS或者DEDECMS

  • CMS系统是什么
  • CMS系统现在常见的种类和使用情况
  • CMS的模块之间的联系
  • CMS会员系统模块
  • CMS系统的模型管理模块
  • CMS系统的栏目管理模块
  • CMS系统内容管理模块
  • CMS系统静态生成管理模块
  • CMS系统的模板风格管理模块
  • CMS系统的系统配置管理模块
  • CMS系统的二次开发
  • 服务器中服务器环境搭建
  • 上传工具FTP的使用
  • 项目迁移时，数据库的备份和上传更新
  • CMS系统整站发布

实战项目

  • 搭建自己的服务端项目，并进行SEO优化

HTML5基础应用

  • HTML5介绍、应用场景是什么
  • HTML5浏览器的支持、新增标签元素、拖放效果制作
  • HTMl5视频播放设计、音频播放设计
  • HTML5新增表单元素和新增表单属性、语义化标签

HTML5的高级应用

  • HTML5地理位置的应用、WEB本地存储和Sql数据库操作
  • HTML5应用程序离线缓存、多线程操作、Socket通信设计
  • HTML5 Server-Sent事件原理和长走、Cavans动画绘图操作

CSS3应用

  • CSS3是什么，及其流行的原因，CSS3中特殊选择器使用
  • CSS3特殊单位和颜色特性介绍、边框设计、背景设计
  • CSS3渐变效果操作、文本操作制作、字体属性设计
  • CSS3 2D、3D效果转换，过渡效果制作、动画内容制作
  • CSS3多列设计和用户界面属性设计
  • CSS3响应式布局和特殊布局操作、ViewPort和网格视图
  • CSS3媒体查询和图片特殊制作、常见框架使用

SASS

  • SASS是什么、主要用途和特色是什么
  • SASS安装配置、基本语法、3种使用方式、CSS扩展运算意义
  • SASS脚本设计：变量，数据类型，运算、控制结构、函数和导入功能等、SASSMixin使用、客户端函数定义、缓存原理

LESS

  • LESS简介、使用方法、函数使用：数学，列表，字符串
  • LESS样色定义，通道，操作和混合函数使用

SeaJS 或者 RequireJS

  • JavaScript模块加载框架是什么、种类和各自特性有哪些
  • SeaJS的优点、原理、别名配置、路径配置
  • SeaJS模块路径映射配置、预加载处理配置、调试模式配置
  • SeaJS CharSet属性使用
  • SeaJS如何加载一个或多个文件、模块标识设计原理

ChartJS

  • 第三方JS效果函数库的使用方法
  • ChartJS用途、引用方式和配置、曲线图制作、柱状图制作、雷达或蛛网图制作、极地区域图、饼状图制作、环形图制作

D3JS

  • D3JS简介和安装、如何使用数据和选择元素
  • D3JS如何选择，插入，删除元素、使用Scale（比例）
  • D3JS添加坐标轴和标签图表、制作图表、图表动画效果
  • D3JS中Update, Enter, Exit 的使用、对话操作（事件）
  • D3JS可视化图形（ Layout ）
  • D3JS饼状图、力学图、弦图、集群图、树状图、打包图制作
  • D3JS地图制作、如何简化GeoJSON 文件、制作可拖动地图
  • GeoJSON 和 TopoJSON 数据类型区别

Grunt gulpjs

  • Grunt是什么、配置和安装、任务创建、插件创建
  • Grunt命令行工具的使用方法
  • Grunt.Config、Grunt.event、Grunt.Fail、Grunt.file、Grunt.option、Grunt.task、Grunt.template等接口使用

BootStrap

  • 前端框架是什么、优点是什么、常见的框架有哪些特点
  • BootStrap简介、环境搭建
  • BootStrapCSS中，网格系统，排版，表格，等操作原理
  • BootStrap布局组件中字体图标，下拉菜单，按钮组等
  • BootStrap过渡效果，模态框，折叠，轮播等插件使用
  • BootStrap布局和编写前注意事项

响应式布局与微网站

  • 网页布局是什么
  • 网页布局中静态、自适应、流式、响应式布局的优缺点
  • 静态页面、自适应、流式、响应式、布局原理和实战案例

实战项目

  • 电子商务网站PC站，微信站

Angular.js或者ReactJS或者 Vuejs

  • 企业级的手机JavaScript框架是什么
  • SPAS是什么
  • 常见的企业级JavaScript框架有那些
  • Angular.js的简介、表达式
  • Angular.js的指令，模型和作用域
  • Angular.js的的http请求
  • Angular.js的事件处理
  • Angular.js表单和表单验证
  • Angular.js的的模块操作、包含
  • Angular.js的动画操作
  • Angular.js的依赖注入和双向绑定
  • Angular.js的路由和实际应用
  • Angular.js的实战案例，单一页面应用程序

混合App应用

  • App是什么？
  • 混合App应用发展
  • 混合App和原生App应用的区别，各自的优缺点
  • Cordova工具的安装和使用，打包和发布
  • 混合App应用的开发原理和常见操作及其技巧
  • 混合App的版本迭代

前端优化技术

  • 前端优化简介
  • 前端优化技术的主要目的和原理
  • 页面级前端优化
  • 代码级前端优化
  • 静态资源前端优化
  • 服务器级前端优化
  • 大数据量，并发网站前端优化策略

版本控制器

  • 版本控制器是什么
  • 版本控制器的用途
  • SVN和Git的版本控制器介绍和区别
  • SVN版本控制器配置和安装
  • SVN版本控制器基本使用
  • SVN守护进程，创建项目仓库，建立项目版本库，权限分配，用户管理
  • SVN客户端使用,添加，删除，更新，上传，检出，冲突解决，清楚bug，版本库比较，日志，版本tags等
  • SVN版本控制器和IDE联合使用NetBeans Editplus（形成文档）

实战项目

  • 编写一个网站，实现PC端，手机网页端和混合App的制作