1-前端开发技术(初级)自学大纲

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 练习

  1. 使用HTML常用元素设计自己的个人介绍页面。
  2. 团队成员共同设计项目介绍页面和团队介绍页面。
  3. 记录每周学习周记。

2. CSS基础

2.1 CSS概念、语法和选择器

元素选择器ID和类选择器

2.2 CSS的创建

如何插入样式表

2.3 CSS常用属性

背景颜色尺寸对齐边框显示

2.4 练习

  1. 使用样式表调整个人介绍页面的效果。
  2. 使用样式表调整项目介绍页面和团队介绍页面的效果。
  3. 记录每周学习周记。

3. BootStrap初步

3.1 BootStrap简介和环境安装

环境安装

3.2 BootStrap样式

Bootstrap表格Bootstrap按钮Bootstrap图片

3.3 BootStrap组件和插件

导航栏页面标题列表组多媒体对象

3.4 实例:团队介绍

完成实例:团队介绍页面设计,在学习周记中记录并展示完成情况。

3.5 练习

  1. 使用BootStrap框架设计新的个人介绍页面。
  2. 使用BootStrap框架设计新的项目介绍页面和团队介绍页面。
  3. 记录每周学习周记。

4. JavaScript基础

4.1 JavaScript简介和用法

使用方法

4.2 JavaScript基本语法和语句

基本语法

4.3 JavaScript对象、函数和事件

对象的定义和访问函数的定义和调用事件和事件属性

4.4 练习

初探JavaScript、基础Javascript练习中,自主选择10个体现目前自己能达到的最好水平的小练习完成,在学习周记中记录并展示。

5. HTML DOM

5.1 DOM简介

DOM对象树

5.2 使用DOM改变HTML

改变HTML的内容和属性

5.3 使用DOM改变CSS

改变页面样式

5.3 DOM事件

使用DOM分配事件

5.4 实例

完成列表全选、列表左右选取、省市联动的实例,在学习周记中记录完成情况和存在的问题。

5.5 练习

JDOM练习中,自主选择10个体现自己目前能达到的最好水平的小练习完成,在学习周记中记录并展示。

6. JQuery初步

6.1 JQuery简介和安装

安装

6.2 JQuery语法、选择器和事件

元素选择器、id选择器和类选择器常用事件及使用

6.3 JQuery常用效果

隐藏/显示动画操作DOM操作CSS添加/删除元素

7. Vue初步

7.1 简介和安装

认识VueVue的安装和使用

Vue的本质是将数据和内容展现的视图分开,即所谓的MV模式,代码可以分为三个板块:模型(Model),逻辑控制(*),视图(View),模型板块负责数据,视图板块负责样式,逻辑控制负责将视图和数据关联。这样的好处是,当需求发生变动时,只需要修改对应的板块。

7.2 VUE起步和模板语法

Vue的快速起步,初步了解语法格式;
Vue的模板语法,将HTML DOM与数据绑定,互相关联起来。

7.3 条件语句和循环语句

条件语句,使用条件判断,根据数据值来控制元素的展示;
循环语句,使用循环语句,根据数据集来展示元素。

7.4 样式绑定

样式绑定,将样式与数据关联,通过数据控制样式的使用。

7.5 事件处理器

事件处理器,通过监听事件,调用相应的逻辑处理对数据进行操作,进而通过模板和样式绑定改变视图层的展现。

8. 课后扩展

8.1 小程序初步

微信小程序开发慕课

8.2 阿里云主机

通过阿里云主机建立自己的网站

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值