本文為觀看六角學院「 VSCode 開發功能大解密」的紀錄。
六角學院 RWD 課程學習筆記(更新中)
本文為觀看六角學院「 一變應萬變的響應式網頁設計」的紀錄。
六角學院 Sass 課程學習筆記(更新中)
本文為觀看六角學院「 Sass 實戰全攻略 - 成為前 1% 的 CSS 頂尖好手」的紀錄。
JS 新手地下城 F2 「時鐘」 挑戰筆記
JS 新手地下城 F1 「九九乘法表」 挑戰筆記
本文為挑戰六角學院 JS 新手地下城 F1 「九九乘法表」的筆記。
作品
Lynn 的 JS 新手地下城 作品列表 / 1F:九九乘法表
關卡重點
- 刻出標題區塊
- 刻出白色區塊
- 外迴圈跑出所有白色區塊
- 內迴圈放入每個白色區塊的內容
- RWD
F2E 2nd 第五關「 90 秒挑戰遊戲」 挑戰筆記
本作品大致製作完成,但在縮放視窗時,物件大小有誤;文章短期內不會更新。
這次的挑戰比較特別。
我看了這次直播的影片:《HTML5 Canvas 遊戲開發超入門#2》 X 《THE F2E 2nd》,覺得 Mike 老師介紹的 Phaser 遊戲框架很方便有趣,影片介紹也很詳盡,適合跟著做;所以嘗試用 Phaser 來製作這次的內容,也因此選了六角的設計稿。
雖然大部分是跟著直播影片做的,但因為直播介紹的跟設計稿的內容有點不同,所以我還是依據設計稿將細節調整過。
作品
F2E 2nd 第四關「線上支付」 挑戰筆記
F2E 2nd 第三關「MP3 Player」 挑戰筆記
本作品更新的進度到刻完第一個版面。
短期內不會進行更新。
挑戰前兩關時都有遭遇到同樣的問題:
- 對 JavaScript 不夠熟悉,為了查詢各種語法花費非常多時間。
- 不熟悉用原生語法做 SPA ,對各種 DOM 元素開開關關感覺很冗長。
- 寫文章時發現程式可以有更好的寫法,又回頭改程式,再改示意圖、截圖,來來回回寫不完。
- 一邊惡補線上課程,作課程的作業,一邊做 F2E ,無法很專心在某個觀念。
被太多雜工拖慢進度之後感覺很疲乏,久了對於關卡也不那麼期待。
加上一直有想要趕快學 Vue.js ,幾番掙扎後決定把重心往 Vue 移動, F2E 則做到排版為止。
每篇挑戰文章會在最前面註記挑戰的進度。
作品
六角學院 Vue.js 課程筆記(更新中)
本文為觀看六角學院「 Vue 出一個電商網站」的紀錄。