前端笔记

初级WEB前端工程师

1. HTML5

   • HTML5 与 HTM4 的区别
   • HTML5 新增的主体结构元素
   • HTML5 新增的的非主体结构元素
   • HTML5 表单新增元素与属性
   • HTML5 改良的 input 元素的种类
   • HTML5 增强的页面元素
   • HTML5 编辑 API 之 Range 对象
   • HTML5 音频视频
   • HTML5 拖放
   • HTML5 Canvas 标签的使用
   • HTML5 Canvas 使用路径
   • HTML5 Canvas 绘制渐变图形与绘制变形图形
   • HTML5 Canvas 图形绘制处理
   • HTML5 Canvas 应用
   • SVG
   • HTML5 File API 的应用
   • HTML5 File API 的应用进阶
   • Web 储存
   • HTML5 应用缓存与Web Workers
   • 服务器推送事件
   • 响应式布局基础
   • 响应式布局之Bootstrap
   • 使用 HTML5 构建应用布局和页面

2. CSS3

   • CSS入门基础知识
   • CSS基本样式讲解
   • CSS定位
   • CSS盒子模型
   • CSS常用操作
   • CSS选择器
   • CSS动画—页面特效
   • HTML与CSS简单页面效果实例
   • CSS3选择器详解
   • CSS3文字与字体相关样式
   • CSS3盒子相关样式
   • CSS3背景与边框相关样式
   • CSS3中的动画功能
   • 老式浏览器支持HTML5和CSS3
   • CSS3布局属性全接触

3. 初级实践

   • 照片墙
   • 导航栏
   • 路径图页面布局实现
   • 响应式布局之Bootstrap

4. 面试题

   • 初级前端工程师面试题

中级WEB前端工程师

1. JavaScript

   • JavaScript基础教程
   • JavaScript语法详解
   • JavaScript函数
   • JavaScript异常处理和事件处理
   • JavaScript DOM对象
   • JavaScript事件详解
   • JavaScript内置对象
   • JavaScript DOM对象控制HTML元素详解
   • JavaScript浏览器对象
   • Javascript瀑布流
   • JavaScript面向对象详解
   • JavaScript正则表达式

2. jQuery

   • jQuery简介及语法
   • jQuery选择器和事件
   • jQuery HTML之捕获、设置、元素添加、元素删除
   • jQuery效果之隐藏与显示、淡入淡出、滑动、回调
   • jQuery AJAX之异步访问和加载片段
   • jQuery的扩展与noConflict
   • jQuery CSS操作及jQuery的盒子模型
   • jQuery之元素的遍历与元素的过滤
   • jQuery 菜单
   • jQuery 实例：标签切换

3. jQuery UI

   • jQuery UI下载与使用
   • jQuery UI Interactions
   • jQuery UI Widgets(1)
   • jQuery UI Widgets(2)

4. BackOne

   • Backbone 概述

5. AngularJS

   • AngularJS 入门
   • AngularJS 进阶
   • AngularJS 进阶- Services 与指令的使用
   • AngularJS内置服务$http的使用
   • AngularJS 进阶- Directive 的使用
   • AngularJS 之移动 APP 开发

6. Bootstrap

   • .Bootstrap 简介
   • Bootstrap CSS 栅格、代码和表格
   • Bootstrap CSS 表单、按钮和图片
   • Bootstrap 组件之下拉菜单、按钮组、按钮式下拉菜单
   • Bootstrap 输入框组、导航和导航条
   • Bootstrap媒体对象、面板和Well
   • Bootstrap 过渡效果、模态框和下拉菜单
   • Bootstrap 基本组件
   • Bootstrap 警告框、进度条和列表组
   • Bootstrap 滚动监听、标签页和工具提示
   • Bootstrap 实例
   • Bootstrap 进阶

7. ReactJS

   • React 概述
   • JSX 语法及特点介绍
   • React组件生命周期详解
   • React 属性和状态详解
   • React 中事件的用法
   • React 组件的协同使用
   • React 表单详解

8. 项目实战

   • HTML5开发项目实战:列表切换
   • HTML实战-标签切换效果
   • jQuery 实例：标签切换
   • HTML5开发项目实战:幽灵按钮
   • Javascript瀑布流
   • jQuery瀑布流
   • HTML5开发项目实战:侧边栏固定
   • HTML5实战:回到顶部功能实现

9. 面试题

   • 中级前端工程师面试题

高级WEB前端工程师

1. CSS在工程中改变

   • .面向对象的 CSS
   • Less 介绍和应用
   • SASS 介绍和应用
   • CSS后处理器

2. 项目构建与部署

   • Grunt 介绍和应用
   • Gulp 介绍和应用
   • Bower 介绍和应用
   • Yeoman 介绍和应用
   • FIS 介绍和应用
   • 深入理解 Git 远程操作
   • Git 远程协作
   • 理解 Git 中 push.default 配置的作用
   • 使用 Git 进行问题定位以及代码查找

3. 前端常用的库和实用技术

   • JavaScript 模块化
   • JavaScript数据推送
   • JavaScript高级函数
   • JavaScript高级技巧
   • JavaScript面向切面编程
   • JavaScript多线程

4. 前端开发配合

   • 与美工、node.js、PHP配合

5. 常见设计模式

   • JavaScript 设计模式简介
   • JavaScript 设计模式之单例模式
   • JavaScript 设计模式之构造函数模式
   • JavaScript 设计模式之建造者模式
   • JavaScript 设计模式之工厂模式
   • JavaScript 设计模式之外观模式
   • JavaScript 设计模式之代理模式
   • JavaScript 设计模式之观察者模式
   • JavaScript 设计模式之策略模式
   • JavaScript 设计模式之命令模式
   • JavaScript 设计模式之迭代器模式
   • JavaScript 设计模式之职责链模式
   • JavaScript 设计模式之适配器模式
   • JavaScript 设计模式之模板方法
   • JavaScript 设计模式之原型模式

6. Web安全

   • 1.Web 安全介绍与基础入门知识
   • XSS 入门与介绍
   • 跨站伪造请求（CSRF）

7. Windows&Linux基础

   • Linux用户、群组和权限
   • SSH 服务实战应用
   • bash shell 的学习
   • 文件的压缩与打包
   • Linux 文件和目录管理

8. NodeJS

   • 1.初识 Node.js
   • Node.js 开发环境搭建
   • Node.js 实战项目开发：极客学院“技术问答”
   • 使用 loopback 快速搭建用户系统
   • 基于 Node.js 平台的下一代 web 开发框架Koa
   • NodeJS爬虫系统

9. 高级前端开发工程师面试题

   • 高级前端开发工程师面试题