### 3月5日作业
* 使用今天学到的内容写出一个展示菜单的网页,需要有产品名产品介绍以及产品图片,图片以及资源请自行上网寻找。
* 下载火狐浏览器和谷歌浏览器。
* 单词背诵和默写:[编程相关英文单词整理](https://www.kancloud.cn/bizzbee/english/447641)
单词按顺序每周背诵50个,每天下午轮流由一个小组组织全班默写,组长报单词的中文意思,全班默写。默写后当天组织默写的小组成员批改默写本,并统计全班分数发给我(明天开始)。
* 相关学习资料网站:[学习资源](http://www.runoob.com/html/html-tutorial.html)
* 每个人都注册一个CSDN博客,将每天的作业和课堂笔记整理到CSDN博客中,也可以博客中提出问题以及对老师的建议。(代码相关的作业打包发送到我的邮箱:bizzbee@163.com)
### 3月6日作业
* 制作加盟店列表页面和招聘页面,在首页建立超链接,链接到这两个页面。
* 预习CSS部分内容,尝试给自己的页面加上一些样式[CSS预习资源](http://www.runoob.com/css/css-tutorial.html)。
* 尝试为sublime安装emmet插件(自行查阅资料),安装成功后,学习一些快捷键。
* 继续背诵单词。
### 3月7日作业
* 制作Coding Coffee网站的在线订购页面。需要用到笔记中表单的所有标签。
* 使用HTML制作一个课程表表格。
![](https://box.kancloud.cn/3bddd73a1a69b4b238cce2e9c8f89acf_807x452.png)
* 每个人注册CSDN博客,将博客地址汇总到张翀昊那边的java103班信息表中,今后每天都要整理笔记到CSDN博客当中。
* 下午默写的成绩由今天组织默写的小组长汇总成excel文件发给我。
### 3月8日作业
* 下午继续默写,由第二小组组织,默写成绩组长汇总到excel表格发给我。
* 预习浮动和定位相关知识。
[定位](http://www.runoob.com/css/css-positioning.html)
[浮动](http://www.runoob.com/css/css-float.html)
### 3月9日
* 制作和临摹页面。(不需要完全一样,请尽自己最大的能力完成,做多少提交多少,没有关系。周一前发送到我的邮箱,只需要完成原页面右侧的内容部分。)
![](https://box.kancloud.cn/4a4f30440c75242d4c21b73d32b487dd_1053x709.png)
[产品详情页面](https://www.starbucks.com.cn/menu/beverages/teavana/black-tea-latte/)
[冰萃宣传页](https://www.starbucks.com.cn/menu/beverages/cold-brew/)
* 复习本周所有知识,周一进行第一次周测。
* CSDN博客今天一定要注册完成,下周一开始有专人检查博客的情况。汇总到班长处。
* 微信群放学之前大家都加入进来。
### 3月12日作业
* 完成课堂中博客练习的剩余部分。
* 背诵新的50个单词,周三开始默写。
* 周测推迟到明天进行。
周测重点:
* 计算机学科的分类
* 常用计算机硬件
* 计算机的组成
* IP地址的概念
* 域名和dns的概念
* 服务器的概念
* 画出B/S架构原理图
* 浏览器的作用
* 如何解决编码问题
* 概述一下你理解的绝对路径相对路径。
* 表格的内容
* 概述一下get和post请求方式。
* css加载方式
* 背景的属性
* CSS列表
* 概述清除浮动两种主要方式。
* 清除浮动的最佳实践。
* 概述绝对定位的用法。
* 写出让元素在父元素垂直居中的方法。
### 3月13日作业
* 将课堂中的博客练习完成,并且将自己的个人信息等内容放到博客中的合适位置,并为博客附上合适的背景。完成后发送到我的博客。
* 思考一下,如果你去找对象或者相亲,你对对方的哪些条件比较感兴趣?用上午讲的两种方式把你的理想对象创建出来。(对象里至少8个属性或方法:如姓名、年龄、颜值、财富?又比如会跳舞、能弹琴、会做饭?)。写完后也发送到我的邮箱。
### 3月14日
* 电影无问西东里有这样一段旁白:“如果有机会提前了解了你们的人生,知道青春也不过只有这些日子,不知你们是否还会在意那些世俗希望你们在意的事情,比如占有多少,才更荣耀,拥有什么,才能被爱。”
* 程序是对大千世界的抽象,我们的人生更是可以用程序去表达的,正所谓程序人生。在今天的课上,我举了非常世俗的例子帮助大家理解了条件语句和循环语句。
* 可是,本该心怀天下、快意恩仇的年轻人聚集在一起的时候,讨论的却都是买房买车、物质攀比、财富积累,如此被世俗裹挟而不自知,何谈对自己生命的真实?
* 让我们用程序去思考自己的人生,从回忆你的过去,到展望你的未来。
* 从你的出生开始,看看你的父母给了你哪些美好的属性?是漂亮的脸庞还是聪明的头脑或者含在嘴里的金钥匙?用程序创建自己。
~~~
var chonghao = {
'name':'张翀浩',
'face':99,
。。。
}
~~~
* 我们开始长大。我们开始了解这个世界,我们被世界上的各种系统研究。我们需要增强自己的能力,升级我们的认知。当我们成为学生,我们有了自己的课程,自己的成绩。当我们生病了,我们的健康值受到了影响。当我们恋爱了,我们的恋爱经历从零到一,当我们成为情场老手,我们的前任数量不断增加(恋爱和分手都可以写成方法哦!)。
~~~
var chonghao = {
'name':'张翀昊',
'age':28,
'health':1000,
/*现任对象*/
'lover':'林志玲',
/*前任数量*/
'ex-num':10,
/*分手方法*/
'break':function(){
/*分手时,清空现任对象*/
this.lover = '';
}
}
~~~
* 我们时常需要拼命努力,才能让生活越来越好。这需要我们不断的坚持(尝试用循环描述自己不断的努力过程)。
~~~javascript
while(chonghao.face<100){
chonghao.face +=1;
i++;
console.log('这是小张的第'+i+'次美容,当前颜值为:'+chonghao.face);
}
~~~
* 我们需要不断健身才能保持身材。不断努力学习才能在职场上游刃有余。不断挣钱才能有希望实现财富自由。而这些,又都不是绝对的,因为我们目标的实现需要判断太多的条件。正如同韩寒说的,我们明白了很多的道理,却依旧过不好这一生。
~~~javascript
if(chonghao.face>=90&&chonghao.house>=4&&chonghao.car>=3&&chonghao.money>=200){
console.log('我对你非常满意!');
}else if(chonghao.face>=85&&chonghao.house>=3&&chonghao.car>=2&&chonghao.money>=150){
console.log('不错,还比较满意!');
}else if(chonghao.face>=80&&chonghao.house>=2&&chonghao.car>=1&&chonghao.money>=150){
console.log('还行吧,试着了解一下!');
}else{
console.log('你是个好人!');
}
~~~
* 今天,我们用程序,回忆过去,展望未来。我需要大家尽可能详细的写出自己的过去,打开脑洞去畅想未来。行己所爱,爱己所行,无愧于人,无愧于心,这才是正论。
* 今天的作业必须发到我的邮箱。
## 3月15日作业
* 改造自己的menu页面,将menu中的咖啡数据写入对象数组,然后使用循环输出到页面上。(与课上的例子相同)
* 预习[DOM模型。](http://www.runoob.com/js/js-htmldom.html)
## 3月16日作业
* 使用两种方式appendChild()方式和innerHTML方式向网页上添加内容,添加的内容由用户输入决定。
* 预习节点对象的方法这一节剩下的部分,方法的具体用法可以使用runoob里边的搜索,并使用预习的内容做出两个功能:1.根据用户的输入替换页面的内容。2.根据用户的输入删除页面的内容。
* 复习本周的知识点,特别是上课演示过的一些代码,下周一进行周测。
* 周末愉快。
### 3月19日作业
* 完成DOM增删小练习。
* 跟着随堂视频体会上课的代码。
* 周测延后,在本周中的某一天进行。
### 3月20日作业
* 自学标准库中Date、Boolean、Math对象,重点在于Date()对象,找到能够得到年、月、日、星期、时、分、秒的方法。
* Array对象中我们遗留了sort()方法和filter()方法给大家,我们明天挑一位同学上来给大家讲解一下这两个方法。
* 思考:我们在DOM中学习了在表格中增加一行,和删除一行。那么请大家思考一下,我们如何做到更改一行的数据呢?
### 3月21日作业
* 将上午第一节课的Date()对象练习改造成可以正常跳动的数字时钟。
* 将dom增删练习的修改功能写好。
* 我们今天讲到了浏览器接口中的localStaorage。大家尝试着让我们新增到表格中的信息在刷新浏览器后仍然可以保留在页面中。
* 作业打包后发到我的邮箱。
### 3月22日作业
* 将上午的菜单收藏(喜欢)功能完成,尝试使用对象数组的数据结构进行存储(如果有困难,可以暂时不使用)。
* 使用上午最后一课中新的修改表格中数据的方式,改造dom增删练习。
* 作业无果有困难,可以在提交的邮件中说明。
* 预习jQuery中的选择器。
* 从今天开始,CSDN中只需要写笔记的整理。心得的编写形式调整,请大家每天在本页(课堂作业)页面的下方追加评论,评论内容为今天的心得。可以包括练习中的体会,对新知识的理解以及对老师的建议。(需要大家注册看云帐号www.kancloud.cn)
### 3月23日作业
* 按照视频内容尝试今天讲到的每一个选择器的使用,加深印象。
* 完成employSystem练习的saveStorage()方法,这个方法是将用户的输入做成一个对象,并放到localstorage当中。
* 调试完了saveStorage()方法后,你应该可以在localstorage当中看到你输入进来的数据,但是页面中的表格中并没有显示你输入的数据。请你**尝试**写一个方法,取名为loadAllData(),并**思考**如何在这个方法中,将localstorage中存的数据,放置到页面中。
* 今天的心得全部在本页面下追加评论,每天心得不少于50字,不得灌水,不得刷屏。
### 3月26日
* 完成人力资源管理页面的删除功能。
* 尝试做出修改功能。(不一定做完)。
* 画出修改功能的思路,类似我课上画的一样。推荐使用[processon](https://www.processon.com/) 。这个图也需要提交到我的邮箱。
![](https://box.kancloud.cn/9423b7e0dca65d312cf7feae9d11d56a_651x574.png)
### 3月27日
* 使用ajax调试彩云天气接口,并运用DOM进行局部刷新页面。
* 将人力资源管理页面的信息修改功能完成。
* 默写调整一下,不需要每天都默写,每周星期三到星期五三天默写,每周的50个单词随机抽取20个默写,不需要按顺序默写。
### 3月28日
* 今天是快乐星期三,今天的作业不需要提交到我的邮箱。
* 完成人力资源管理页面所有功能,做完后自己把源码保留下来。
* 完成小天气APP的根据季节更换背景功能以及调用彩云天气API,将接收到的数据放到页面上。
* 尝试使用百度地图API进行定位,获得经纬度后使用地址逆解析功能把经纬度解析为城市名。
### 3月29日
* 请完成天气APP的制作,定位功能,下拉刷新功能需要实现。
* 请各位将下一个综合练习todoList的页面部分搭建起来,明天我们开始实现功能。
### 4月8日作业
* 搭建好bootstrap开发环境。
* 使用bootstrap的表格,按钮,表单等,改造人力资源管理页面。
* 预习bootstrap后三章的内容。
* 继续完善todolist。
* 明天进行周测。
### 最后一周作业
* 完成todolist所有功能,并整理好代码格式,周日前提交。
* 完成米家有品首页的临摹,尽力完成,周日前提交。
* 默写本周暂停。
* 自学bootstrap,为周四练习做准备。
* [多媒体对象](http://www.runoob.com/bootstrap/bootstrap-media-object.html)
* [轮播图](http://www.runoob.com/bootstrap/bootstrap-carousel-plugin.html)
## 4月17日作业
* 根据原型图完成影评页面。
* 自行分配天气项目的任务。
* 根据设计图写出出天气项目的界面,周五前完成。
* [了解Flex布局](http://www.css88.com/archives/7760)
- 前言
- 计算机软件概论
- HTML基础
- Web原理和HTML简介
- Web原理
- HTML概念
- HTML标签
- 标签
- HTML固定基本结构
- 第一个HTML页面
- 工具的使用
- 标题
- <hr>和<p>标签
- 路径概念
- 超级链接
- 列表
- 表格
- 表单的设计与使用
- 表单域的原理
- 文本框和密码框
- 单选框和复选框
- 下拉列表框
- 多行文本和上传
- 提交按钮和重置按钮
- 为CODING COFFEE加入在线购买页
- HTML5
- 定位服务
- CSS
- CSS的基础使用
- CSS简介
- CSS样式规则和加载方式
- 选择器
- 伪类
- CSS优先级和层叠
- CSS颜色
- 背景图片
- 文本
- CSS列表
- DIV+CSS布局
- 内联元素和区块元素介绍
- Display属性
- 盒子模型的边距和边框
- 浮动和清除浮动
- 用Position属性进行定位
- 专题:居中和对齐
- CSS新特性
- CSS3边框
- 动画
- JavaScript基础
- Hello World!
- 语句和变量
- 一切皆对象
- 标识符、注释和区块
- 基本数据类型和引用数据类型
- 语句
- 条件语句
- 循环语句
- 数据类型
- typeof
- number
- 字符串
- 布尔类型
- 函数
- 数组
- 运算符
- 加法运算符
- 算术、赋值、比较运算符
- 布尔运算符
- DOM模型
- DOM和DOM节点
- 特征相关属性
- 节点对象的方法
- Element对象
- Attribute对象
- Text节点和CSS操作
- 事件模型
- 标准库
- Number对象
- String对象
- Array对象
- Date、Boolean和Math对象
- JSON对象
- 面向对象编程中的 this
- Web Storage
- 错误处理机制
- Error对象和try..catch语句
- javascript的原生错误类型
- BOM模型
- window对象
- 计时事件
- jQuery基础
- 认识jQuery
- jQuery对象和DOM对象
- jQuery选择器
- jQuery Dom操作
- 查找节点和创建节点
- 插入节点和删除节点
- 复制节点和替换节点
- 包裹节点和属性操作
- 样式操作
- 设置和获取HTML、文本和值
- 遍历节点和CSS操作
- jQuery 事件和动画
- 事件绑定与冒泡处理
- jQuery动画
- jQuery 插件
- validate 插件
- jQuery与Ajax的应用
- Ajax简介
- jquery中的Ajax
- Bootstrap基础
- 起步
- 栅格系统
- 排版样式
- 表格和按钮
- 表单和图片
- 辅助类和响应式工具
- 图标菜单按钮组件
- 输入框和导航组件
- 路径、分页、标签和徽章组件
- 巨幕、页头、缩略图和警告框
- 进度、条媒体对象和Well组件
- 列表组和嵌入组件
- 教学管理
- 缺勤记录
- 课堂作业
- 默写记录
- 周测