### 3月5日作業 * 使用今天學到的內容寫出一個展示菜單的網頁，需要有產品名產品介紹以及產品圖片，圖片以及資源請自行上網尋找。 * 下載火狐瀏覽器和谷歌瀏覽器。 * 單詞背誦和默寫：[編程相關英文單詞整理](http://www.hmoore.net/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制作一個課程表表格。  * 每個人注冊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://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.hmoore.net） ### 3月23日作業 * 按照視頻內容嘗試今天講到的每一個選擇器的使用，加深印象。 * 完成employSystem練習的saveStorage()方法，這個方法是將用戶的輸入做成一個對象，并放到localstorage當中。 * 調試完了saveStorage()方法后，你應該可以在localstorage當中看到你輸入進來的數據，但是頁面中的表格中并沒有顯示你輸入的數據。請你**嘗試**寫一個方法，取名為loadAllData()，并**思考**如何在這個方法中，將localstorage中存的數據，放置到頁面中。 * 今天的心得全部在本頁面下追加評論，每天心得不少于50字，不得灌水，不得刷屏。 ### 3月26日 * 完成人力資源管理頁面的刪除功能。 * 嘗試做出修改功能。（不一定做完）。 * 畫出修改功能的思路，類似我課上畫的一樣。推薦使用[processon](https://www.processon.com/) 。這個圖也需要提交到我的郵箱。  ### 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)