前端开发技术初级自学大纲
1. HTML基础
1.1 HTML元素和属性
1.2 HTML标题、段落和图像
1.3 HTML常用元素
基础标签:<html> <head> <title> <body> <p> <h1>到<h6> <br> <hr>
图像:<img>
链接:<a>
区块:<div> <span>
列表:<ul> <ol> <li> <dl> <dt>
表格:<table> <tr> <td>
1.4 练习
- 使用HTML常用元素设计自己的个人介绍页面。
- 团队成员共同设计项目介绍页面和团队介绍页面。
- 记录每周学习周记。
2. CSS基础
2.1 CSS概念、语法和选择器
2.2 CSS的创建
2.3 CSS常用属性
2.4 练习
- 使用样式表调整个人介绍页面的效果。
- 使用样式表调整项目介绍页面和团队介绍页面的效果。
- 记录每周学习周记。
3. BootStrap初步
3.1 BootStrap简介和环境安装
3.2 BootStrap样式
Bootstrap表格、Bootstrap按钮、Bootstrap图片
3.3 BootStrap组件和插件
3.4 实例:团队介绍
完成实例:团队介绍页面设计,在学习周记中记录并展示完成情况。
3.5 练习
- 使用BootStrap框架设计新的个人介绍页面。
- 使用BootStrap框架设计新的项目介绍页面和团队介绍页面。
- 记录每周学习周记。
4. JavaScript基础
4.1 JavaScript简介和用法
4.2 JavaScript基本语法和语句
4.3 JavaScript对象、函数和事件
4.4 练习
从初探JavaScript、基础Javascript练习中,自主选择10个体现目前自己能达到的最好水平的小练习完成,在学习周记中记录并展示。
5. HTML DOM
5.1 DOM简介
5.2 使用DOM改变HTML
5.3 使用DOM改变CSS
5.3 DOM事件
5.4 实例
完成列表全选、列表左右选取、省市联动的实例,在学习周记中记录完成情况和存在的问题。
5.5 练习
从JDOM练习中,自主选择10个体现自己目前能达到的最好水平的小练习完成,在学习周记中记录并展示。
6. JQuery初步
6.1 JQuery简介和安装
6.2 JQuery语法、选择器和事件
6.3 JQuery常用效果
7. Vue初步
7.1 简介和安装
Vue的本质是将数据和内容展现的视图分开,即所谓的MV模式,代码可以分为三个板块:模型(Model),逻辑控制(*),视图(View),模型板块负责数据,视图板块负责样式,逻辑控制负责将视图和数据关联。这样的好处是,当需求发生变动时,只需要修改对应的板块。
7.2 VUE起步和模板语法
Vue的快速起步,初步了解语法格式;
Vue的模板语法,将HTML DOM与数据绑定,互相关联起来。
7.3 条件语句和循环语句
条件语句,使用条件判断,根据数据值来控制元素的展示;
循环语句,使用循环语句,根据数据集来展示元素。
7.4 样式绑定
样式绑定,将样式与数据关联,通过数据控制样式的使用。
7.5 事件处理器
事件处理器,通过监听事件,调用相应的逻辑处理对数据进行操作,进而通过模板和样式绑定改变视图层的展现。