## JavaScript基础
![](https://box.kancloud.cn/b6efdf5af81528f5ba307dc52072c544_200x200.png)
## 课程目录
* [JavaScript基础](javascript/readme.md)
* [Hello World!](javascript/helloworld/readme.md)
* [语句和变量](javascript/helloworld/var.md)
* [一切皆对象](javascript/helloworld/object.md)
* [标识符、注释和区块](javascript/helloworld/var2.md)
* [基本数据类型和引用数据类型](javascript/helloworld/datatype.md)
* [语句](javascript/sentence/readme.md)
* [条件语句](javascript/sentence/if.md)
* [循环语句](javascript/sentence/loop.md)
* [数据类型](javascript/datatype/readme.md)
* [typeof](javascript/datatype/typeof.md)
* [number](javascript/datatype/number.md)
* [字符串](javascript/datatype/String.md)
* [布尔类型](javascript/datatype/bool.md)
* [函数](javascript/datatype/function.md)
* [数组](javascript/datatype/array.md)
* [运算符](javascript/operator/readme.md)
* [加法运算符](javascript/operator/add.md)
* [算术、赋值、比较运算符](javascript/operator/arith.md)
* [布尔运算符](javascript/operator/bool.md)
* [DOM模型](javascript/dom/readme.md)
* [DOM和DOM节点](javascript/dom/dom.md)
* [特征相关属性](javascript/dom/feature.md)
* [节点对象的方法](javascript/dom/nodefunc.md)
* [Element对象](javascript/dom/element.md)
* [Attribute对象](javascript/dom/attribute.md)
* [Text节点和CSS操作](javascript/dom/textcss.md)
* [事件模型](javascript/dom/event.md)
* [标准库](javascript/standard/readme.md)
* [Number对象](javascript/standard/number.md)
* [String对象](javascript/standard/string.md)
* [Array对象](javascript/standard/array.md)
* [Date、Boolean和Math对象](javascript/standard/self.md)
* [JSON对象](javascript/standard/json.md)
* [面向对象编程中的 this](javascript/this/readme.md)
* [Web Storage](javascript/webstorage/readme.md)
* [错误处理机制](javascript/error/readme.md)
* [Error对象和try..catch语句](javascript/error/error.md)
* [javascript的原生错误类型](javascript/error/native.md)
* [BOM模型](javascript/bom/readme.md)
* [window对象](javascript/bom/window.md)
* [计时事件](javascript/bom/time.md)
## 课程目标
* 理解JavaScript原理。
* 能够熟练的使用DOM操作。
* 能够熟练的编写常用的代码。
## 前置课程
HTML基础 CSS基础
## 课程明细大纲
更新中
## 课程安排
| 天数 | 课程内容 |
| --- | --- |
| 1 | 原理的讲解和起步知识 |
| 2 | 语句、数据类型和运算符 |
| 3 | DOM模型 |
| 4 | 标准库 |
| 5 | this的理解和WebStorage |
| 6 | 错误处理机制和BOM模型 |
- 前言
- 计算机软件概论
- HTML基础
- Web原理和HTML简介
- Web原理
- HTML概念
- HTML标签
- 标签
- HTML固定基本结构
- 第一个HTML页面
- 工具的使用
- 标题
- <hr>和<p>标签
- 路径概念
- 超级链接
- 列表
- 表格
- 表单的设计与使用
- 表单域的原理
- 文本框和密码框
- 单选框和复选框
- 下拉列表框
- 多行文本和上传
- 提交按钮和重置按钮
- 为CODING COFFEE加入在线购买页
- HTML5
- 定位服务
- CSS基础
- CSS的基础使用
- CSS简介
- CSS样式规则和加载方式
- 内联元素和区块元素介绍
- 选择器
- 伪类
- CSS颜色
- 背景图片
- 文本
- CSS列表
- DIV+CSS布局
- 盒子模型的边距和边框
- Display属性
- 浮动和清除浮动
- 用Position属性进行定位
- 专题:居中和对齐
- CSS新特性
- CSS3边框
- 动画
- JavaScript基础
- Hello World!
- 语句和变量
- 一切皆对象
- 标识符、注释和区块
- 基本数据类型和引用数据类型
- 语句
- 条件语句
- 循环语句
- 数据类型
- typeof
- number
- 字符串
- 布尔类型
- 函数
- 数组
- 运算符
- 加法运算符
- 算术、赋值、比较运算符
- 布尔运算符
- DOM模型
- DOM和DOM节点
- 特征相关属性
- 节点对象的方法
- Element对象
- Attribute对象
- Text节点和CSS操作
- 事件模型
- 标准库
- Number对象
- String对象
- Array对象
- Date、Boolean和Math对象
- JSON对象
- 面向对象编程中的 this
- Web Storage
- 错误处理机制
- Error对象和try..catch语句
- javascript的原生错误类型
- BOM模型
- window对象
- 计时事件
- jQuery基础
- 认识jQuery
- jQuery对象和DOM对象
- jQuery选择器
- jQuery Dom操作
- 查找节点和创建节点
- 插入节点和删除节点
- 复制节点和替换节点
- 包裹节点和属性操作
- 样式操作
- 设置和获取HTML、文本和值
- 遍历节点和CSS操作
- jQuery 事件和动画
- 事件绑定与冒泡处理
- jQuery动画
- jQuery 插件
- validate 插件
- jQuery与Ajax的应用
- Ajax简介
- jquery中的Ajax
- Bootstrap基础
- 起步
- 栅格系统
- 排版样式
- 表格和按钮
- 表单和图片
- 辅助类和响应式工具
- 图标菜单按钮组件
- 输入框和导航组件
- 路径、分页、标签和徽章组件
- 巨幕、页头、缩略图和警告框
- 进度、条媒体对象和Well组件
- 列表组和嵌入组件
- 数据库
- 数据库介绍
- MySQL的安装
- SQL
- 表基本操作
- 修改数据语句
- 数据检索操作
- 多表数据操作
- 表结构设计
- 综合应用
- 弹性盒子模型
- RPX
- 教学管理
- 缺勤记录
- 课堂作业
- 默写记录
- 周测