远程课大纲

远程课

第一阶段：JS 基础阶段---注重 “兴趣” 与 “专业知识” 的平滑过渡

第一节：js入门

JS入门 - 原理分析、语法规则、自定义属性操作、if、this、for
JS 原理分析、元素获取、事件、函数与匿名函数、变量、属性操作、innerHTML、value、src、href
JS 属性操作、if 判断、图片切换实例、元素获取其他方法、for 循环、this关键字、自定义属性

第二节：js数据类型

ECMAScript 5.1、数据类型、函数传参、作用域、运算符、流程控制
ECMA标准、JS数据类型、强制\隐式类型转换、运算符：算术、关系、逻辑、优先级
函数传参、JS 作用域、闭包、预解析
函数的使用、程序流程控制语句，switch、while、break、continue

第三节： 定时器和日期对象

定时器和日期对象、setInterval、setTimeout、new Dat
定时器类型、应用、清除定时器、编号存储、开启管理、日期对象、倒计时、运动函数的使用

第四节： 字符串和数组操作方法

字符串和数组、JSON、for in、Math 对象
字符串格式、字符串方法：charAt\indexOf\slice\split
对象的操作、for...in遍历对象、Math对象、数组方法slice、map、filter...
json数据格式、冒泡排序、快排算法、数组去重

第二阶段： JS 应用阶段：开始大量练习 与 编程思路 的专业训练

第一节： DOM文档对象模型

DOM 基础、DOM节点、元素的操作、留言本、尺寸相关、表单
DOM 基础、结构、节点类型、节点间关系、DOM属性操作、留言本
窗口尺寸相关属性、表单获取、表单事件、表单方法

第二节：BOM浏览器对象模型

BOM - BOM基础、常用方法、常用属性
BOM基础、常用方法、BOM 常用属性、用户代理、地址栏信息、BOM常用事件

第三节：事件和事件流

Event 事件、事件流、默认行为
事件流、事件绑定、事件注销、Event 对象、事件冒泡、事件捕获、事件委托
键盘事件、焦点事件、右键菜单事件、code值、事件默认行为
简易拖拽、碰撞检测、自定义滚动条、鼠标滚轮事件

第四节：妙味云盘系统实战

阶段实战：妙味云盘、树形菜单、增删改文件、面包屑导航、数据处理

第三阶段： JS 高级阶段：对编程领域的深入理解与不断探索

第一节：正则表达式

正则表达式、new RegExp、子项、转义字符、量词
正则表达式、规则模式、test、search、match、replace方法、量词、修饰符、子项、转义字符、正则首尾

第二节：面向对象

面向对象编程基础、构造函数、prototype原型、原型与原型链、ES6、class、组件开发
面向对象编程、new操作符、创建对象、构造函数、原型prototype、继承
ES6 的类的概念、class、extends、super、constructor
组件开发、组件配置，深复制浅复制、自定义事件

第三节：jQuery整体学习

jQuery3 事件操作、jQuery 应用
jQuery 整体架构、选择器、DOM 操作，jQuery 事件绑定
jQuery 插件封装、jQuery 拖拽、jQuery 各类应用

第四节：数据交互---Ajax

AJAX 工作原理、XMLHttpRequest、onload、onprogress、JSONP 跨域
AJAX工作流程、异步和同步、封装简易、jQuery中ajax的使用、上传与下载
跨域请求、跨域问题和解决方案、JSONP概念、原理、实际应用

第四阶段： 前端开发工程化阶段：了解最新前端技术发展状况，迈向工程化之路

第一节：nodejs学习

nodeJS 介绍及使用
nodeJS 环境搭建、模块使用、npm 包管理器、express 开发框架的使用
express中间件、路由机制、模板引擎

第二节： Vue框架学习

Vue2.0 实例、模板语法、webpack
vue 实例、模板语法、条件和列表渲染、事件处理器、组件、自定义指令、脚手架、webpack 简易配置

第三节：reactjs库学习

React 简介、搭建环境、JSX、组件、Props，state、组件间嵌套、事件、组件间通信
React简介、搭建环境、JSX、组件、组件嵌套、事件、状态state、参数props、组件间通信