HTML--构建网页结构的骨架
本周学习开发必备的前端基础知识 HTML,掌握 HTML 常用标签的应用。
课程安排:
- 1、理解网站与网页
- 2、掌握 HTML 基本语法规范
- 3、HTML 基本结构标签
- 4、HTML 基础标签
- 5、HTML 表格与列表标签
- 6、HTML 表单标签
- 7、H5 新标签
CSS 样式表--页面美化必备技术
本周学习网页美化的必备技术 CSS 样式表,应用 CSS 布局、美化慕慕手记前端页面。
课程安排:
- 1、掌握 CSS 四类基本选择器
- 2、字体与文本样式,实战慕慕手记文章详情页
- 3、四类复合选择器,实战慕慕手记文章列表页
- 4、元素的显示模式与转换,实战慕慕手记侧边栏
- 5、图片的美化处理
- 6、CSS 三大特性与权重叠加
CSS 样式表进阶--盒子模型强化布局
本周是 CSS 样式表的进阶篇章,掌握盒子模型的应用,强化网页布局。
课程安排:
- 1、理解网页布局的本质
- 2、盒子内外边距设置,实现慕慕手记多文章平铺
- 3、学习盒子浮动,实现慕课网首页课程菜单栏
- 4、盒子定位,实现慕课首页“新课”、“升级”图标
- 5、元素的隐藏与显示
- 6、字体图标的加载原理与案例实战
- 7、CSS3 新增三大选择器
Bootstrap 框架前端页面布局实战
本周学习 Bootstrap 网页快速布局框架,并进行慕慕手记前端页面的布局实战。
课程安排:
- 1、Bootstrap 框架的基本使用
- 2、Bootstrap 布局容器与栅格布局说明
- 3、Bootstrap 响应式属性
- 4、Bootstrap 宽度设置、d-none 属性
- 5、Bootstrap 列操作
- 6、慕慕手记前端页面布局实战
JavaScript--控制网页行为,让页面动起来
本周学习 JavaScript,掌握 JavaScript 基本语法,能够使用 JavaScript 进行页面逻辑控制。
课程安排:
- 1、JavaScript 起源与三大组成
- 2、JavaScript 基本使用
- 3、JavaScript 实现网页版计算器
- 4、JavaScript 运算符
- 5、JavaScript 流程控制与三种循环
- 6、掌握数组的应用
- 7、实现数学对象函数的封装
- 8、JavaScript 对象与内置对象
DOM 文档树与 BOM 浏览器对象
本周学习 DOM 文档树和 BOM 浏览器对象,掌握 DOM 和 BOM 基础知识、用法,并进行案例实战。
课程安排:
- 1、WebAPI 介绍,JavaScript 与 WebAPI 的关系
- 2、多种方式获取 HTML 元素
- 3、理解什么是事件、事件的要素与执行
- 4、强化 DOM 元素的属性操作
- 5、DOM 节点实战,制作菜单栏和留言板
- 6、事件注册的两种方式及事件删除
- 7、理解事件对象、常见属性与方法
- 8、实战仿京东搜索框
- 9、BOM 实现与浏览器窗口的互动
- 10、BOM 对象强化操作