iT邦幫忙

2019 iT 邦幫忙鐵人賽

0
自我挑戰組

程式設計師大冒險系列 第 45

[45/150]從CSS基礎重新學習來過

了解CSS定義,增加對CSS瞭解。通過細讀文本,可以發現更多CSS用處。雖然重新來過會花很多時間,但是走偏了走回來會花更多時間。晚痛不如早痛,打掉不穩的地基,是為了蓋更大的房子。

【大綱】

  • 時間分配
  • 作業內容
    • CSS Diner
    • Flexbox Froggy
  • 學習心得
  • 檢討與修正
  • 總結

【時間分配】

項目 時間
英文自我介紹 1 hr
CSS Diner 1 hr
Flexbox Froggy 55 min
CSS 學習 1 hr
鐵人賽發文 1 hr

【作業內容】

完成作業(3/6)
通關二個網頁學習遊戲

CSS Diner

順利通關
https://ithelp.ithome.com.tw/upload/images/20181114/20091910kwCAUTuey6.jpg
解題時間:1 hr。
“CLASS”跟”ID”會搞混,希望下次練習能壓縮一半時間。
學好選取方法,之後有助於簡化CSS樣式。

Flexbox Froggy

順利通關
https://ithelp.ithome.com.tw/upload/images/20181114/20091910aG2zCDO0fd.jpg
解題時間:55 min。
二維空間移動很好理解,主要是語法不熟。
有些單字不屬於日常生活用語,所以需要額外去背。

【學習心得】

深覺基本功不夠,決定仔細看文本並發學習心得。

CSS Introduction

剛開始看到CSS能應用在paper上,讓我大吃一驚。
無法想像數位能夠影響到現實,之後才了解是我誤會。
原來是指數位紙張樣式。

Media則是以為指影片,後來才明白是指媒體。

【檢討與修正】

網頁上想透過txt連結程式碼,這樣就不用一個個打開瀏覽。
明天目標學習Github。

【總結】

學得越多越覺得時間過很快,解決一項遊戲作業竟然要花一小時。
一個月後能學到什麼程度,我也很好奇。
有錯的地方歡迎指正,感謝撥冗閱讀。


上一篇
[44/150][Week02]再次嘗試切版,成功完成三欄式網頁
下一篇
[46/150]初學Github及參加Talent Power博覽會
系列文
程式設計師大冒險115
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言