iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

2020 iT邦幫忙鐵人賽 網頁前端-刻意練習 系列

起源
小魯今年28歲,從事FAE及技術支援類工作約3年,資訊系畢業但沒去寫程式,當初也不愛寫程式。

2020年COVID-19疫情肆虐,全球經濟蕭條,各大公司行號業績一片慘淡,包含我司也不例外,過完年就lay off一個RD Team及一些年資淺的RD,身為技術支援工程師的我不禁開始思考,若當我被lay off時,我該靠什麼找到下一份工作並且可以累積現有職能往更高的地方邁進呢?

思考了一兩週還是找不到答案,所以一股腦開啟了前端學習之門,踏上了HTML/CSS/JavaScript試煉之路......

鐵人鍊成 | 共 40 篇文章 | 48 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1 網頁前端-刻意練習

Day1 學習前端的起源 起源 小魯今年28歲,從事FAE及技術支援類工作約3年,資訊系畢業但沒去寫程式,當初也不愛寫程式。   2020年COVID-19疫...

2020-09-01 ‧ 由 TerryYu 分享
DAY 2

Day2 網頁前端-刻意練習(相對絕對定位)

Day2 金魚 相對絕對定位 簡單小語 定位的重要性不可言喻,一招可以有各種變化,釐清relative,absolute,fixed之間的差異及使用時機,套句...

2020-09-02 ‧ 由 TerryYu 分享
DAY 3

Day3 網頁前端-刻意練習(稀飯版)

Day3 金魚 稀飯版 簡單小語 依稀記得當初看到Amos老師說稀飯版就是吃飯一樣簡單,那時的我真覺得太扯了,要切出那樣的版面居然說是簡單,到這次刻意練習時發...

2020-09-03 ‧ 由 TerryYu 分享
DAY 4

Day4 網頁前端-刻意練習(稀飯版+蓋版廣告)

Day4 金魚 稀飯版+蓋版廣告 簡單小語 這次多練習了偽元素before跟after,還記得當初看到Amos老師用這個功能,真的是一頭霧水看不懂,也很好奇這...

2020-09-04 ‧ 由 TerryYu 分享
DAY 5

Day5 網頁前端-刻意練習(綜合練習#1)

Day5 金魚 綜合練習#1 簡單小語 這次的練習發現許多細節在初學時沒有注意好,例如空間的配置以及padding及margin的應用,如何讓版面排起來增加可...

2020-09-05 ‧ 由 TerryYu 分享
DAY 6

Day6 網頁前端-刻意練習(綜合練習#2)

Day6 金魚 綜合練習#2 簡單小語 這次的練習花的時間長了點,主要就是各種不規則以及動畫的搭配上,花了較多時間,也練習了OffCanvas,Scroll...

2020-09-06 ‧ 由 TerryYu 分享
DAY 7

Day7 網頁前端-刻意練習(會員登入)

Day7 金魚 會員登入 簡單小語 會員登入畫面的練習,增加了觸摸效果及使用者體驗,先前看Amos老師教學時以為不難,實作才發現很多觀念不足,例如如何放圖片到...

2020-09-07 ‧ 由 TerryYu 分享
DAY 8

Day8 網頁前端-刻意練習(簡易表格)

Day8 金魚 簡易表格 簡單小語 練習表格一開始真的會搞不清楚欄跟列的排序方式,再慢慢練習後終於知道tr,th,td差異處,一開始看出還真的一頭霧水呢,表格...

2020-09-08 ‧ 由 TerryYu 分享
DAY 9

Day9 網頁前端-刻意練習(JQ選單)

Day9 金魚 JQ選單 簡單小語 之前練習往往都是在header上會花些時間,這次的刻意練習就選JQ選單來加深印象,雖然樣板差不多差異在其特效及RWD差異,...

2020-09-09 ‧ 由 TerryYu 分享
DAY 10

Day10 網頁前端-刻意練習(文字排版)

Day10 金魚 文字排版 簡單小語 這次練習的文字排版,一開起來才發現,之前切的都亂掉了且有點難看,開始有點刻意練習的效果出來,就是一看到這東西就會想說怎麼...

2020-09-10 ‧ 由 TerryYu 分享