第五期_前端基础

• Kapitel1 HTML-Dokumentstruktur
• 1-1 页面中常用的文本元素
• 1-2 网页中的图片和链接
• Kapitel2 Web-Frontend-Grundkurs
• 2-1 CSS3中常用背景控制(精灵图...)
• 2-2 布局常用边框效果(border)
• 2-3 表格与列表的样式控制
• 2-4 前端常用表单元素
• Kapitel3 Web-Frontend-Grundkurs 1
• 3-1 详解css层叠样式表:内部\外部\内联
• 3-2 常用css选择器
• 3-3 元素的显示和内外边距
• 3-4 浮动(float)+(优酷热播模块布局(上)
• 3-5 浮动(float)+(优酷热播模块布局)（下）
• Kapitel4 Web-Frontend-Grundkurs 2
• 4-1 详解css中的定位(fixed/relative/absolute)
• 4-2 伪选择器:hover
• 4-3 案例:优酷顶部导航（上）
• 4-4 案例:优酷顶部导航（下）
• Kapitel5 Web-Frontend-Grundkurs 3
• 5-1 案例:优酷顶部轮播图部分布局(1)
• 5-2 案例:优酷顶部轮播图部分布局(2)
• 5-3 案例:优酷顶部各导航条布局(1)
• 5-4 案例:优酷顶部各导航条布局(2)
• Kapitel6 JavaScript-Grundlagen
• 6-1 了解JavaScript
• 6-2 变量的声明
• 6-3 JavaScript数据类型
• 6-4 条件语句
• Kapitel7 JavaScript-Grundlagen 2
• 7-1 switch(多分支选择语句)
• 7-2 循环语句
• 7-3 函数(Function)
• Kapitel8 JavaScript-Grundlagen 3
• 8-1 函数的调用
• 8-2 闭包
• 8-3 HTML DOM
• 8-4 DOM 事件
• Kapitel9 JavaScript-Fall
• 9-1 JavaScript隔行换色
• 9-2 JavaScript全选
• 9-3 Math对象(随机色)
• 9-4 日期对象(倒计时)
• Kapitel10 JavaScript-Fall 1
• 10-1 实时获取鼠标在div中的【坐标】
• 10-2 仿百度文库中的文字搜索效果
• 10-3 滚动条下移一定距离显示【固定的导航】
• 10-4 三级联动
• Kapitel11 JQuery-Grundkurs
• 11-1 了解jQuery
• 11-2 jquery安装与使用
• 11-3 jquery选择器
• 11-4 jquery事件
• Kapitel12 JQuery-Grundkurs 1
• 12-1 jQuery遍历
• 12-2 jQuery获取及设置CSS类
• 12-3 jQuery获取及设置内容
• 12-4 模拟加入购物车效果
• Kapitel13 JQuery-Grundkurs 2
• 13-1 jQuery操作属性
• 13-2 jQuery添加元素
• 13-3 jQuery删除元素
• 13-4 评论点赞功能练习
• Kapitel14 JQuery-Grundkurs 3
• 14-1 jQuery动画效果
• 14-2 完善评论点赞功能练习
• 14-3 tab切换(自动切换 js原生) 一
• 14-4 tab切换(自动切换 js原生) 二
• Kapitel15 Verwendung eines Frontend-Frameworks
• 15-1 bootstrap+layui
• 15-2 框架:栅格布局
• 15-3 layui模块化使用
• 15-4 今日头条 [1]
• Kapitel16 Projekt【Heutige Schlagzeilen】
• 16-1 今日头条【导航布局】
• 16-2 今日头条 【新闻列表】
• 16-3 今日头条 【tab切换】
• 16-4 今日头条 【首页登录布局】
• 16-5 今日头条 -表情包
• 16-6 今日头条 【emoji下拉】
• 16-7 今日头条 【新闻列表】
• 16-8 发文效果
• 16-9 滚动条效果
• 16-10 今日头条 【登录页面 1】
• 16-11 今日头条 【登录页面 2】
• Kapitel17 4.13 Wissensantworten am Samstag
• 17-1 知识解答1
• 17-2 知识解答2