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 21

Day21 網頁前端-刻意練習(名片練習)

Day21 六角 名片練習 簡單小語 一看到名片就想接著昨天的練習做結合,讓每點擊一次名片就會更換,而且職稱還越來越高呢,現在練習的問題在於配色,對於美籍顏色...

2020-09-21 ‧ 由 TerryYu 分享
DAY 22

Day22 網頁前端-刻意練習(Off Canvas #1)

Day22 六角 Off Canvas #1 簡單小語 選單選單選單,各式各樣,基礎練習不能少,每次在RWD時的menu轉換都是一種練習,掌握每個物件的位置及...

2020-09-22 ‧ 由 TerryYu 分享
DAY 23

Day23 網頁前端-刻意練習(Off Canvas #2)

Day23 六角 Off Canvas #2 簡單小語 CodePen看看高手們的OffCanvas的模樣,一看到這個照片的樣板,就決定嘗試做做看了,做完發現...

2020-09-23 ‧ 由 TerryYu 分享
DAY 24

Day24 網頁前端-刻意練習(Off Canvas #3)

Day24 六角 Off Canvas #3 簡單小語 沒想到OffCanvas練習了三篇,看到這個版覺得有趣,立馬又想寫一個,雖然有些效果不同但大部分應該是...

2020-09-24 ‧ 由 TerryYu 分享
DAY 25

Day25 網頁前端-刻意練習(RWD#1)

Day25 六角 RWD #1 簡單小語 一開始看到覺得應該不難,結果RWD直接卡住不知道Table該怎麼排,後來發現參考樣板的方式,利用dataset的方式...

2020-09-25 ‧ 由 TerryYu 分享
DAY 26

Day26 網頁前端-刻意練習(RWD#2)

Day26 六角 RWD #2 簡單小語 這次看到了兩個版型就毫不猶豫合併並且加入最近所學的JS功能(ToDoList及Time Clock),這個heade...

2020-09-26 ‧ 由 TerryYu 分享
DAY 27

Day27 網頁前端-刻意練習(RWD#3)

Day27 六角 RWD#3 簡單小語 圖片的版型看到就想要練習,又看到這種斜一邊然後小尺寸變正的圖片縮放樣式,模糊效果及觸及事件,看到就忍不這想趕快學習並實...

2020-09-27 ‧ 由 TerryYu 分享
DAY 28

Day28 網頁前端-刻意練習(模仿遊戲#1)

Day28 六角 模仿遊戲#1 簡單小語 這個週末偷懶了一下,多花了點時間完成這個模仿遊戲,再次把最近學到的To Do List給放進來刻意練習一遍,Java...

2020-09-28 ‧ 由 TerryYu 分享
DAY 29

Day29 網頁前端-刻意練習(模仿遊戲#2)

Day29 六角 模仿遊戲#2 簡單小語 一開始看到這個版就覺得很酷可以記錄信用卡資訊,稍微玩了一下動畫起初覺得有難的感覺,但實際寫下去才發現兩行就可以完成了...

2020-09-29 ‧ 由 TerryYu 分享
DAY 30

Day30 網頁前端-刻意練習(鐵人煉成)

Day30 鐵人煉成 中點 是中點不是終點,沒想到30天的挑戰成功了,在工作及休息時間找到平衡點,利用自己的時間加緊練習並學習,雖然目前的作品不是非常有競爭力...

2020-09-30 ‧ 由 TerryYu 分享