[Hexschool JS60 Training] — 60天 JavaScript 學徒試煉 Day1-30 發表於 2020-06-07 更新於 2024-01-28 分類於 Code , JavaScript 文章字數: 39k 所需閱讀時間 ≈ 35 分鐘 Introduction & 前言結束八週切版直播版,接著 六角學院 開了一門關於 JavaScript(下稱JS) 的新課程。 雖然筆者沒有報名參加,但是 六角學院 為了銜接上課程舉辦了為期 60天的 JS 學徒試煉。 這篇文章將紀錄 60天的練習,自己也會出一些新的題目,有興趣的朋友們也可以試著解題,或是在下方留言一起討論。 這篇文章將會記錄第 1 天 - 30 天 的練習。 閱讀全文 »
[Hexschool Web Layout Training] — 八週總結 發表於 2020-06-06 更新於 2024-01-28 分類於 Code , 前端 , Hexschool-Web-Layout-Training[六角網頁切版直播班] 文章字數: 3.7k 所需閱讀時間 ≈ 3 分鐘 Introduction & 前言為期八週的切版直播班結束了,但真正的挑戰才正要開始。 如果你跟我一樣,不是在切版就是在前往切版的路上,但是想加強自己的切版能力,所以正在思考要不要購買課程,那就可以考慮看看這篇心得文。 閱讀全文 »
[Hexschool Web Layout Training] — Week_8 CSS 模組化管理 發表於 2020-06-05 更新於 2024-01-28 分類於 Code , 前端 , Hexschool-Web-Layout-Training[六角網頁切版直播班] 文章字數: 1.4k 所需閱讀時間 ≈ 1 分鐘 Introduction & 前言為期八週的訓練本週是最後一次課程,這週除了複習過去七週的重點外,這週的重點也放在如何更好的管理 CSS。 這週也會將 BS 利用的更淋漓盡致。 閱讀全文 »
[Hexschool Web Layout Training] — Week_7 視差滾動 發表於 2020-05-25 更新於 2024-01-28 分類於 Code , 前端 , Hexschool-Web-Layout-Training[六角網頁切版直播班] 文章字數: 3.6k 所需閱讀時間 ≈ 3 分鐘 Introduction & 前言你在看網頁時肯定看過東西突然浮出來會是跳出來,在沒有肯定也看過蘋果官網。 這週就是要來學學怎麼實作視差滾動,而且!而且!而且!可以不寫任何一行 JS! 閱讀全文 »
[Hexschool Web Layout Training] — Week_6 導入網頁規範設計流程 發表於 2020-05-24 更新於 2024-01-28 分類於 Code , 前端 , Hexschool-Web-Layout-Training[六角網頁切版直播班] 文章字數: 5.3k 所需閱讀時間 ≈ 5 分鐘 Introduction & 前言沒想到結束前面的兩週 RWD 地獄式訓練,這週又來一個有點難度的切版練習。 還好本週配上 Bootstrap(以下簡稱 BS) 切版,讓整個切版開發順暢許多,甚至 CSS 也少寫了非常多,這週就來要說說怎麼使用 BS 的 隔線系統 及 修改BS變數為自訂義變數 讓整個開發流程縮短一半以上的時間吧! 閱讀全文 »
[Hexschool Web Layout Training] — Week_5 後台表單設計 發表於 2020-05-12 更新於 2024-01-28 分類於 Code , 前端 , Hexschool-Web-Layout-Training[六角網頁切版直播班] 文章字數: 6.2k 所需閱讀時間 ≈ 6 分鐘 Introduction & 前言結束了前兩週的 RWD 地獄式訓練,這週迎來的是難度稍微低一點的後台表單設計,因為後台通常很少用手機看,所以本週沒有 RWD。 因為這次的課程有提到 Bootstrap,所以這次作業老師是建議套上 Bootstrap,但因為平常就有在使用,所以想改用手幹的方式看看能不能幹出一個 Modal 以及 Table。 閱讀全文 »
[Tool Note] — 關於Gulp 發表於 2020-05-06 更新於 2024-01-28 分類於 Code , Note , Gulp 文章字數: 8k 所需閱讀時間 ≈ 7 分鐘 Introduction & 前言如果你為了前端切版每次都要從 HTML 開始建立檔案,然後 CSS 再來 JavaScript…等等,而且碰到多頁面的版面手足無措,那你就可以考慮看看這篇文章了。 閱讀全文 »
[Hexschool Web Layout Training] — Week_4 多頁式網頁設計 發表於 2020-05-05 更新於 2024-01-28 分類於 Code , 前端 , Hexschool-Web-Layout-Training[六角網頁切版直播班] 文章字數: 3.5k 所需閱讀時間 ≈ 3 分鐘 Introduction & 前言RWD 地獄訓練第二週,搭配 Gulp 專車,一起來看看本週出了什麼菜吧! 閱讀全文 »
[Hexschool Web Layout Training] — Week_3 伸縮自如的 RWD 手機網頁排版術 發表於 2020-04-29 更新於 2024-01-28 分類於 Code , 前端 , Hexschool-Web-Layout-Training[六角網頁切版直播班] 文章字數: 3.3k 所需閱讀時間 ≈ 3 分鐘 Introduction & 前言終於來到這次上課一直想好好學好的地方了,沒錯,就是 RWD,如何搭配 Flex 切出完美的 RWD,製造出完美的 UI/UX 體驗就是本週要上的課了! 閱讀全文 »
[Hexschool Web Layout Training] — Week_2 Flexbox 網頁排版術 發表於 2020-04-19 更新於 2024-01-28 分類於 Code , 前端 , Hexschool-Web-Layout-Training[六角網頁切版直播班] 文章字數: 1.4k 所需閱讀時間 ≈ 1 分鐘 Introduction & 前言緊接著來到第二週的直播課程了,拖到了週日才練習作業跟寫部落格,絕對不是因為自己愛玩(誤 這週的直播其實有點卡,不知道是不是 Zoom 太多人導致還是其他原因,總之最後到了今天才看重播影片。 這週的重頭戲就是常常聽到的 Flex 了! 閱讀全文 »