第一个阶段,开发环境和工具准备
- 浏览器 (Google,FireFox,…)
- 下载,安装前端开发工具vscode,
- 下载、安装 node、npm、webpack、webpack-cli、cnpm,配置前端开发环境
- 下载、配置PHP和MySQL
第二个阶段,前端入门,网页制作
1,HTML:
- 常用标签(div标签,p标签,span标签,a标签,img标签)
- 锚点
- 列表标签(有序列表,无序列表,自定义列表)
- 表单标签
- 表格标签
- 标签分类
- 标签语义化
- 注释
- 字符实体
2,CSS:
-
CSS介绍
-
全局样式
-
行内元素
-
内联元素
-
选择器
(1)基础选择器(标签选择器,类选择器,ID选择器)
(2)复合选择器(后代选择器,兄弟选择器,相邻元素选择器,交集选择器,并集选择器)
(3)选择器优先级 -
字体样式值
-
文本样式值
-
颜色样式值
-
盒模型(标准盒模型,怪异盒模型)
-
控制台使用
-
清除默认样式
-
盒模型居中
-
标准文档流
-
块元素
-
行内元素
-
行内块元素
-
多种伪类元素
-
浮动
(1)浮动元素脱离文档流
(2)外边距塌陷问题
(3)N种清除浮动的方式 -
定位(相对定位,固定定位,绝对定位,z-index)
第三个阶段,JavaScript动态交互
1,JavaScript初阶
- 变量和运算符
(1)JS用途
(2)JS书写规则
(3)内置函数使用
(4)字面量
(5)变量
(6)命名标识符规范
(7)变量声明提升
(8)运算符(数学运算符,比较运算符,逻辑运算符,赋值运算符)
(9)页面修改(innerHTML,innerText,value) - 逻辑控制
(1)if关键字(if…else,if…else if…else,多分支条件语句,嵌套if语