专家级WEB前端工程师教程

资源介绍

课程目录：

1.走进前端工程师的世界

HTML5

1.HTML5与HTML4的区别

2.HTML5新增的主体结构元素

3.HTML5新增的的非主体结构元素 

4.HTML5表单新增元素与属性

5.HTML5表单新增元素与属性（续）

6.HTML5改良的input元素的种类 

7.HTML5增强的页面元素

8.HTML5编辑API之Range对象（一）

9.HTML5编辑API之Range对象（二） 

10.HTML5音频视频

11.HTML5拖放

12.HTML5Canvas标签的使用 

13.HTML5Canvas使用路径

14.HTML5Canvas绘制渐变图形与绘制变形图形

15.HTML5Canvas图形绘制处理 

16.HTML5Canvas应用

17.SVG

18.HTML5FileAPI的应用 

19.HTML5FileAPI的应用进阶

20.Web储存

21.HTML5应用缓存与WebWorkers 

22.服务器推送事件

23.响应式布局基础

24.响应式布局之Bootstrap 

25.使用HTML5构建应用布局和页面

CSS3

1.CSS入门基础知识

2.CSS基本样式讲解

3.CSS定位 

4.CSS盒子模型

5.CSS常用操作

6.CSS选择器 

7.CSS动画—页面特效

8.HTML与CSS简单页面效果实例

9.CSS3选择器详解（一） 

10.CSS3选择器详解（二）

11.CSS3选择器详解（三）

12.CSS3文字与字体相关样式 

13.CSS3盒子相关样式

14.CSS3背景与边框相关样式

15.SVN介绍和应用 

16.CSS3中的动画功能

17.老式浏览器支持HTML5和CSS3

18.CSS3布局属性全接触

初级开发工程师实战

1.HTML5实战:图片与标签配合制作页面

2.HTML实战-极客学院播放视频页面布局

3.HTML5开发项目实战:照片墙 

4.HTML5开发项目实战:导航栏

5.HTML实战-极客学院路径图页面布局实现

6.响应式布局之Bootstrap 

初级前端开发工程师面试题

1.初级前端工程师面试题

中级WEB前端工程师

JAVAScript

1.JavaScript基础教程

2.JavaScript语法详解

3.JavaScript函数 

4.JavaScript异常处理和事件处理

5.JavaScriptDOM对象

6.JavaScript事件详解 

7.JavaScript内置对象

8.JavaScriptDOM对象控制HTML元素详解

9.JavaScript浏览器对象 

10.Javascript瀑布流

11.JavaScript面向对象详解

12.JavaScript正则表达式

中级前端开发工程师常用的库——jQuery

1.jQuery简介及语法

2.jQuery选择器和事件

3.jQueryHTML之捕获、设置、元素添加、元素删除 

4.jQuery效果之隐藏与显示、淡入淡出、滑动、回调

5.jQueryAJAX之异步访问和加载片段

6.jQuery的扩展与noConflict 

7.jQueryCSS操作及jQuery的盒子模型

8.jQuery之元素的遍历与元素的过滤

9.jQuery菜单 

10.jQuery实例：标签切换

中级前端开发工程师常用的库——jQueryUI

1.jQueryUI下载与使用

2.jQueryUIInteractions

3.jQueryUIWidgets(1) 

4.jQueryUIWidgets(2)

中级前端开发工程师常用的库——Backbone

1.Backbone概述

中级前端开发工程师常用的库——AngularJS

1.AngularJS入门

2.AngularJS进阶

3.AngularJS进阶-Services与指令的使用 

4.AngularJS内置服务$http的使用

5.AngularJS进阶-Directive的使用

6.AngularJS之移动APP开发 

中级前端开发工程师常用的库——Bootstrap

1.Bootstrap简介

2.BootstrapCSS栅格、代码和表格

3.BootstrapCSS表单、按钮和图片 

4.Bootstrap组件之下拉菜单、按钮组、按钮式下拉菜单

5.Bootstrap输入框组、导航和导航条

6.Bootstrap媒体对象、面板和Well 

7.Bootstrap过渡效果、模态框和下拉菜单

8.Bootstrap基本组件

9.Bootstrap警告框、进度条和列表组 

10.Bootstrap滚动监听、标签页和工具提示

11.Bootstrap实例

12.Bootstrap进阶 

中级前端开发工程师常用的库——ReactJS

1.React概述

2.JSX语法及特点介绍

3.React组件生命周期详解 

4.React属性和状态详解

5.React中事件的用法

6.React组件的协同使用 

7.React表单详解

项目实战

1.HTML5开发项目实战:列表切换

2.HTML实战-标签切换效果

3.jQuery实例：标签切换 

4.HTML5开发项目实战:幽灵按钮

5.Javascript瀑布流

6.jQuery瀑布流 

7.HTML5开发项目实战:侧边栏固定

8.HTML5实战:回到顶部功能实现

中级前端工程师面试题

1.中级前端工程师面试题

高级WEB前端工程师 

CSS在工程中改变

1.面向对象的CSS

2.Less介绍和应用

3.SASS介绍和应用 

4.CSS后处理器

项目构建与部署

1.Grunt介绍和应用

2.Gulp介绍和应用

3.Bower介绍和应用 

4.Yeoman介绍和应用

5.FIS介绍和应用

6.深入理解Git远程操作 

7.Git远程协作

8.理解Git中push.default配置的作用

9.使用Git进行问题定位以及代码查找 

10.SVN介绍和应用

前端常用的库和实用技术

1.JavaScript模块化

2.JavaScript数据推送

3.JavaScript高级函数 

4.JavaScript高级技巧

5.JavaScript面向切面编程

6.JavaScript多线程 

常见设计模式

1.JavaScript设计模式简介

2.JavaScript设计模式之单例模式

3.Javascript设计模式之构造函数模式 

4.Javascript设计模式之建造者模式

5.JavaScript设计模式之工厂模式

6.JavaScript设计模式之外观模式 

7.Javascript设计模式之代理模式

8.JavaScript设计模式之观察者模式

9.JavaScript设计模式之策略模式 

10.JavaScript设计模式之命令模式

11.JavaScript设计模式之迭代器模式

12.JavaScript设计模式之职责链模式 

13.JavaScript设计模式之适配器模式

14.JavaScript设计模式之模板方法

15.JavaScript设计模式之原型模式 

前端开发其他类别工程师配合

1.前端工程师和美工配合的那些事

2.和node.js配合那些事

3.和产品经理配合那些事 

4.和PHP配合那些事

Web安全

1.Web安全介绍与基础入门知识

2.XSS入门与介绍

3.跨站伪造请求（CSRF） 

Windows&Linux基础

1.Linux用户、群组和权限

2.SSH服务实战应用

3.bashshell的学习 

4.文件的压缩与打包

5.Linux文件和目录管理

NodeJS

1.初识Node.js

2.Node.js开发环境搭建

3.Node.js实战项目开发：极客学院“技术问答” 

4.使用loopback快速搭建用户系统

5.基于Node.js平台的下一代web开发框架Koa

6.NodeJS爬虫系统 

游戏开发

1.TypeScript环境搭建

2.TypeScript基本数据类型

3.TypeScript类(Classes) 

4.TypeScript函数

5.TypeScript接口(Interfaces)

6.TypeScript泛型 

7.TypeScript模块

8.Egret实战开发小游戏:测专注力

9.Egret环境搭建 

10.Egret显示对象

11.Egret显示容器

12.Egret事件机制 

13.Egret绘图、文本、动画和计时器

14.Egret位图纹理

15.Egret声音和网络 

16.Egret实例及屏幕适配

17.EgretGUI库

18.Cocos2d-JS第一步 

19.Cocos2d-JS基础数学知识

20.Cocos2d-JS基础元素

21.Cocos2d-JSAction动作与特效 

22.Cocos2d-JSv3对象缓冲池

23.Cocos2d-JSv3事件管理器

24.Cocos2d-JSv3对象 

25.Cocos2d-JSv3工作流

26.Cocos2d-JSCocosStudio2.x基础控件

27.Cocos2d-JSCocosStudio2.x容器控件 

28.Cocos2d-JS虚拟手柄

资深WEB前端工程师 

资深前端开发工程师面试题

1.资深前端开发工程师面试题

专家级WEB前端工程师

GoogleV8引擎

1.GoogleV8引擎的实际应用