课程试听
正在播放

阶段一 前端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系列属性

阶段二 第2天作业(轮播图案例)

展开

阶段三 第3天作业(输出正直角三角形)

展开

阶段四 第4天作业(求数组中的最大值)

展开

阶段五 第5天作业(给DOM元素添加内容)

展开

阶段六 第6天作业(倒计时跳转)

展开

阶段七 第7天作业(像素鸟游戏1)

展开

阶段八 第8天作业(像素鸟游戏2)

展开