本文提供了一个前端开发的初级自学大纲，包括HTML基础、CSS基础、BootStrap初步、JavaScript基础、HTMLDOM、JQuery初步和Vue初步的学习内容。通过实例和练习，帮助初学者构建个人和团队介绍页面，掌握网页布局和交互。同时，课程还涉及小程序和阿里云主机的初步知识，提升综合应用能力。
前端开发技术初级自学大纲
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 事件处理器
事件处理器，通过监听事件，调用相应的逻辑处理对数据进行操作，进而通过模板和样式绑定改变视图层的展现。
扫一扫
861
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
