iT邦幫忙

鐵人檔案

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

大器可以晚成—— 30歲才開始的轉職工程師之路 系列

一個原想轉職 UI 設計師的文組女生,意外知曉了前端工程師一詞。眼看30大關迫在眉睫,她卻毅然決定一頭栽進這個一切必須從頭開始的世界。

鐵人鍊成 | 共 30 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 21

[ Day 21 | Essay ] 保持初心,自己適合的步調只有自己知道

今天跟之前上課的組員們視訊聚餐,一起大聊特聊兩小時。其中有同學已經拿到 offer 明天要開始上班、有人陸續開始面試,當然還有我這個還在努力達到自己訂的某個目標...

2020-10-04 ‧ 由 Ruta 分享
DAY 22

[ Day 22 | JS ] setAttribute 修改或增加標籤屬性

接續之前的選擇器相關語法,今天來學學 setAttribute。一樣先寫個簡單的 HTML: <body> <h1 id="...

2020-10-05 ‧ 由 Ruta 分享
DAY 23

[ Day 23 | JS ] 獲得選取元素的相關資訊

有沒有想過,有些網頁或小遊戲,隨著滑鼠移動就可以產生許多不同互動效果;這些效果是怎麼做出來的呢?其中一種方法就是去監聽目前滑鼠或目標物件的位置,然後當座標移動時...

2020-10-06 ‧ 由 Ruta 分享
DAY 24

[ Day 24 | JS ] .join() 組合陣列裡的元素

.join() 可以將陣列中的所有元素依照你自訂的分隔符號合併成為一個字串。 基本寫法像以下這樣: let arr = [ 'apple', 'banana...

2020-10-07 ‧ 由 Ruta 分享
DAY 25

[ Day 25 | Essay ] 倒數 5 天

雖然,每天要記得寫一篇筆記並上傳,有的時候會差點忘記 (例如今天)、有的時候會真的很懶。開賽前覺得 30 天有點漫長,但一直寫到了今天卻莫名其妙的覺得時間怎麼這...

2020-10-08 ‧ 由 Ruta 分享
DAY 26

[ Day 26 | JS ] keydown 事件

基礎寫法 document.addEventListener('keydown', function(e){ ... }, false); // 這邊是監聽整個...

2020-10-09 ‧ 由 Ruta 分享
DAY 27

[ Day 27 | JS ] 用 mousemove 來做個小遊戲

ㄖ在之前的文章中有提到,設置監聽器時有許多事件可以設定,例如 "click"等。今天我們就用另一個事件 "mousemove&qu...

2020-10-10 ‧ 由 Ruta 分享
DAY 28

[ Day 28 | JS ] ESLint 讓你的程式碼符合規範

ESLint 可以幫助你的 JS 做分析,找出一些常見的錯誤,讓你的程式碼更佳乾淨。 大致可分為三種主流規範,使用者可選擇適合的方式 Google Air...

2020-10-11 ‧ 由 Ruta 分享
DAY 29

[ Day 29 | Essay ] 作夢也會夢到內心最深刻的恐懼

上禮拜連假前交出了修改後的電商網站作業,已經修改到第三版了足足花了一個月(不過不是以每天修改 24 小時計算) 結果昨天晚上我的夢境一直重複著我的設計某些地方還...

2020-10-12 ‧ 由 Ruta 分享
DAY 30

[ Day 30 | CSS ] 用 clip-path 繪製多邊形

之前一直很好奇有些網站的背景圖片是如何裁切成不同形狀的,除了本來就放置裁切好的圖片以外不知道還有沒有別的作法?結果昨天突然發現 clip-path 這個寫法。...

2020-10-13 ‧ 由 Ruta 分享