iT邦幫忙

鐵人檔案

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

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

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

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

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

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

Day11 網頁前端-刻意練習(多層次收合選單)

Day11 金魚 多層次收合選單 簡單小語 這個練習有覺得難了些,必須參考之前的寫法才能將多層次選單寫出來,RWD方面也是思考了一番,經過昨天的練習知道了在J...

2020-09-11 ‧ 由 TerryYu 分享
DAY 12

Day12 網頁前端-刻意練習(不規則邊緣)

Day12 金魚 不規則邊緣 簡單小語 這次的練習較為簡單些,主要就是每個元素的位置控制及掌握,才能讓不規則的邊緣呈現樣式,再利用padding的方式向上推展...

2020-09-12 ‧ 由 TerryYu 分享
DAY 13

Day13 網頁前端-刻意練習(切版練習)

Day13 金魚 切版練習 簡單小語 金魚的尾聲,總結一下自己練習所學,因此就上網找了兩個字認為切得出來的樣板進行練習(太難的小魯功力不足),練習的過程也真的...

2020-09-13 ‧ 由 TerryYu 分享
DAY 14

Day14 網頁前端-刻意練習(英雄頁面#1)

Day14 AC 英雄頁面#1 簡單小語 之前在學習AC時做鋼鐵人的練習,當時就想有一天一定要做其他角色然後放上其餘資訊,所以到了今天就毫不猶豫的練習一波,光...

2020-09-14 ‧ 由 TerryYu 分享
DAY 15

Day15 網頁前端-刻意練習(英雄頁面#2)

Day15 AC 英雄頁面#2 簡單小語 雖然都是簡易排版及臨時起意的想法,可能實務上用到機會不大,加入了好久沒使用的輪播效果,認為目前尺寸的控制還需加強,常...

2020-09-15 ‧ 由 TerryYu 分享
DAY 16

Day16 網頁前端-刻意練習(履歷表#1)

Day16 AC 履歷表#1 簡單小語 很快地又來到履歷頁面的練習,想當初剛開始學習時就在思考要放什麼在履歷表中,到了現在還是一頭霧水,就是一直練習一直練習,...

2020-09-16 ‧ 由 TerryYu 分享
DAY 17

Day17 網頁前端-刻意練習(履歷表#2)

Day17 AC 履歷表#2 簡單小語 發現一個樣板的履歷網站再次練習履歷切版,加深觀念,每一次的切版,每一次的練習,都是成就更好的自己,雖然是簡單樣板,相信...

2020-09-17 ‧ 由 TerryYu 分享
DAY 18

Day18 網頁前端-刻意練習(履歷表#3)

Day18 AC 履歷表#3 簡單小語 剛好切到這個版面時學習了基礎Github,因此也把連結放上來,算是小小練習,這個版面一看到就非常吸引我,原因到現在都不...

2020-09-18 ‧ 由 TerryYu 分享
DAY 19

Day19 網頁前端-刻意練習(Flex時光屋#1)

Day19 六角 Flex時光屋#1 簡單小語 看到當時時光屋練習的作品,想說挑兩個來整併,當作練習的機會,這次的結構不一樣的是,header及footer使...

2020-09-19 ‧ 由 TerryYu 分享
DAY 20

Day20 網頁前端-刻意練習(Flex時光屋#2)

Day20 六角 Flex時光屋#2 簡單小語 自己切了這個版,才發現原來Bootstrap真的很好用,觸發的事件自己寫過才知道,要如何去撰寫,要如何設計架構...

2020-09-20 ‧ 由 TerryYu 分享