课程试听
阶段一 前端8天入门训练营课程【院校】
展开第一章 HTML【8天训练营】
1-1 浏览器介绍
- 认识网页
- 常见浏览器
- 浏览器内核
- web标准
1-2 HTML基本结构
- HTML初识
- HTML骨架
- 我的第一个页面及其标签简介
- 猪八戒版骨架记忆法
1-3 HTML常用标签
- 什么是标签及其分类
- 标签嵌套和并列关系
- 简单小测验
- 开发工具sublime
- sublime生成html骨架
- doctype文档类型
- 字符集简介
- 标签的语义化及其标题标签
- 段落标签和水平线标签
- 课堂案例-新闻页面
- 换行和div span标签
- 文本格式化标签
- 标签属性
- 图像标签
- 链接标签
- 锚点定位
- base标签
- 特殊字符
- 注释标签
1-4 相对路径
- 相对路径(一)
- 相对路径(二)
第二章 CSS【8天训练营】
2-1 CSS介绍
- CSS产生的原因
- CSS网页的美容师
- 体会CSS样式
- CSS样式规则
2-2 CSS基本选择器
- 调试工具chrome使用
- 标签选择器
- 体会类选择器
- CSS命名规范
- 谷歌课堂案例
- 多类名选择器
- ID选择器
- id选择器和类选择器的区别
- 通配符选择器
2-3 CSS样式表
- 内部样式表
- 行内样式表
- 外部样式表
- 三种样式表总结
2-4 CSS复合选择器
- 后代选择器
2-5 CSS背景及应用
- 背景颜色图片及其平铺
- 背景位置(一)
- 背景位置(二)
- 魔兽背景图片
- 背景附着(固定)
- 背景简写
2-6 CSS盒模型及应用
- 看透网页布局本质
- 认识盒子模型组成
- 盒子边框
- 边框综合写法(一)
- 边框综合写法(二)
- 合并细线表格
- 圆角矩形
- 盒子内边距
- fireworks测量工具
- 新浪导航(一)
- 新浪导航栏(二)
- 外边距以及盒子居中对齐
- 文字盒子居中图片和背景区别
- 清除内外边距
- 行内元素上下内外边距的问题
- 外边距合并(一)
- 外边距合并(二)
- 盒子的计算尺寸
2-7 CSS四种定位及应用
- 为什么学习定位
- 定位属性
- 静态定位(1)
- 相对定位
- 绝对定位脱标
- 父级没有定位
- 父级有定位
- 何为子绝父相
- 定位练习-哈根达斯
- 绝对定位水平垂直居中
第三章 JavaScript基础语法【8天训练营】
3-1 JavaScript介绍
- 网页、网站和应用程序
- JavaScript的强大
- JavaScript最初的目的
- JavaScript现在的意义
- JavaScript和HTML、CSS的区别,以及组成
- JavaScript初体验
- 计算机组成
3-2 JavaScript变量
- 什么是变量
- 变量的使用
- 变量命名规则和规范
- 交换两个变量
3-3 JavaScript数据类型
- 数据类型-Number
- String类型
- Undefined和Null
- typeof和注释
- 转换成字符串类型
- 转换成数值类型1
- 转换成数值类型2
- 转换成布尔类型
3-4 JavaScript操作符
- 数学运算符
- 一元运算符讲解
- 逻辑运算符
- 关系运算符
- 赋值运算符和运算符的优先级
3-5 JavaScript流程控制及应用
- 表达式和语句
- 流程控制
- 分支结构
- 分支结构补充和作业
- for循环
- 循环案例1
3-6 JavaScript函数及应用
- 为什么要有函数
- 函数的参数
- 函数的参数案例-剪裁
- 函数的返回值
- arguments
- 函数案例1-剪裁
- 代码规范
- 作用域
- 作用域链
- 预解析
- 对象概念
3-7 JavaScript对象
- 对象之字面量
- 创建对象的方式
- new关键字的执行过程
- this
第四章 webAPI【8天训练营】
4-1 DOM介绍
- WebAPI的概念
- JavaScript组成
- DOM相关概念
4-2 获取页面元素
- 根据id获取元素-剪裁
- getElementsByTagName1
- getElementsByTagName2
- 获取元素的其它方式
4-3 注册事件及应用
- 注册事件
- 点击按钮切换图片
4-4 样式操作及应用
- 样式操作1
- 样式操作2
- 开关灯
4-5 节点介绍及应用
- 父子节点
- 隔行变色案例
- 第一个和最后一个子元素
- 菜单
- 兄弟节点
4-6 动态创建元素及应用
- 动态创建元素1
- 动态创建元素2
- 动态创建元素3
- 动态创建列表0
- 动态创建表格1
- 动态创建表格2
- 删除行
4-7 BOM介绍及应用
- BOM
- 对话框
- js中的加载讲解
- setTimeout讲解
- 删除提示讲解
- setInterval讲解
- 倒计时
4-8 offset介绍
- offset系列属性