iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 113 瀏覽

鐵人賽 JavaScript DAY 10

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 10 篇

技術 Day10：TypeScript 的介面 (Interface) 基本概念

介面 (Interface)的定義在 TypeScript 中，介面 (Interface) 是一種用來定義物件結構的合約。它為物件的屬性和方法提供了明確的描...

Annie ‧ 2024-09-23

0 Like 0 留言 132 瀏覽

鐵人賽 JavaScript DAY 9

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 9 篇

技術 Day09：TypeScript 的聯合型別

聯合型別 1. 聯合型別 (Union Types) 聯合型別 | ，允許一個值是一種或多種型別之一。這讓我們可以靈活地接受不同的型別輸入，而不用強制規範為單一...

Annie ‧ 2024-09-22

0 Like 0 留言 140 瀏覽

鐵人賽 JavaScript DAY 8

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 8 篇

技術 Day08：TypeScript 的特殊型別

一、任意型別（Any Types）有時候，我們可能需要在變數中儲存值。但在開發的時候並不確定它的型別。且未知值可能來自第三方 API 或使用者輸入的內容。在這...

Annie ‧ 2024-09-21

0 Like 0 留言 113 瀏覽

鐵人賽 JavaScript DAY 7

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 7 篇

技術 Day07：TypeScript 的函式型別(Function Types and Parameters)

函式型別與參數 (Function Types and Parameters) 在 TypeScript 中，函式的定義與 JavaScript 非常類似，可以...

Annie ‧ 2024-09-20

0 Like 0 留言 111 瀏覽

鐵人賽 JavaScript DAY 6

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 6 篇

技術 Day06：TypeScript 的擴充型別

擴充型別 1. 元祖型別（Tuple Types）前一篇文章在介紹陣列型別時，有稍微帶到元組的概念。可以將元組型別（Tuple Types）理解為工作方式類似...

Annie ‧ 2024-09-19

0 Like 0 留言 131 瀏覽

鐵人賽 JavaScript DAY 5

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 5 篇

技術 Day05：TypeScript 的陣列型別(Array Types)

陣列型別陣列可以用來存放有序的資料列表，而依據陣列內資料的型別不同，宣告方式也會有所不同。 1. 基本使用最簡單的宣告方式是型別註記方法，使用「型別+方括號...

Annie ‧ 2024-09-18

0 Like 0 留言 156 瀏覽

鐵人賽 JavaScript DAY 4

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 4 篇

技術 Day04：TypeScript 的物件型別(Object Types)

在前一篇文章中，我們快速認識了如何進行型別註釋（Type Annotations），並介紹了型別中最基礎的原始資料型別。接下來將學習物件型別，這是開發中經常使用...

Annie ‧ 2024-09-17

0 Like 0 留言 133 瀏覽

鐵人賽 JavaScript DAY 3

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 3 篇

技術 Day03：TypeScript 之基礎型別(Primitive Types)

了解 TypeScript 型別系統在完成開發環境的設置後，接下來就是深入了解 TypeScript 的型別系統了！作為 JavaScript 的超集，Ty...

Annie ‧ 2024-09-16

0 Like 0 留言 229 瀏覽

鐵人賽 JavaScript DAY 2

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 2 篇

技術 Day02：安裝與設置 TypeScript 開發環境

設置開發環境 1. VSCode 如果還沒有安裝過文字編輯器，推薦可以使用免費開源的 VSCode(Visual Studio Code)，它與 TypeSc...

Annie ‧ 2024-09-15

0 Like 0 留言 233 瀏覽

鐵人賽佛心分享-我的私藏工具箱 DAY 1

SUPER EASY CSS 前端切版百寶箱系列第 1 篇

技術 #00 文章目錄 / 參賽前言 | Super Easy CSS 前端切版百寶箱

參賽前言本來預計在我的鐵人賽「Super Easy CSS，極度簡單（2023 去年 / 2024 今年）」的系列文章最後，想要總結一下文章裡面有提到的、我...

Eva Chen ‧ 2024-09-15

2 Like 0 留言 274 瀏覽

鐵人賽 JavaScript DAY 1

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 1 篇

技術 Day01：為什麼選擇 TypeScript 作為系列文章的主題？

在過去的前端開發中，TypeScript 正逐漸成為許多開發者的首選工具。作為一名開發者，我在學習和使用 TypeScript 的過程中，不僅感受到它帶來的開發...

Annie ‧ 2024-09-14

0 Like 0 留言 203 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 25

努力成為資料記者:以國際議題為例系列第 25 篇

技術 Day 25: 從Yahoo!新聞與前端技術來繪製資訊圖表: 來看韓國「躺平族」

雖然我的前端程式語言技術和Python或其他繪圖工具相比，明顯能感覺到前端程式語言的能力較不純熟；然而我也知道若要在台灣當一名資料記者，前端程式語...

alice10130 ‧ 2024-09-04

0 Like 0 留言 267 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 27

前端自學轉職攻略：30個常見問題系列第 27 篇

技術 27. 怎麼準備面試：前端技術篇（technical）？

做考古題，補強基礎觀念「前端技術面試」會詢問 HTML、CSS、JavaScript，以及網頁運作的相關問題，如：如何實現 CSS 的垂直居中對齊？...

changzhang ‧ 2024-08-28

1 Like 0 留言 302 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 30

前端自學轉職攻略：30個常見問題系列第 30 篇

技術 30. 就職後怎麼持續進步？

避免養成一知半解的壞習慣就職後，會發現有非常多知識需要逐一補上。在找答案的過程中，有人選擇做到 60 分，程式能跑能交差就好。也有人選擇真正搞懂背後邏輯，...

changzhang ‧ 2024-08-31

0 Like 0 留言 314 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 29

前端自學轉職攻略：30個常見問題系列第 29 篇

技術 29. 拿到 offer 了怎麼選？

滿足個人的必要條件後，優先選擇能持續成長的環境軟體工程師的薪資，通常在換工作時比較容易有大幅度成長，所以持續精進技術，累積自己的實力非常重要。怎麼判斷是...

changzhang ‧ 2024-08-30

0 Like 0 留言 244 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 28

前端自學轉職攻略：30個常見問題系列第 28 篇

技術 28. 怎麼準備面試：編碼面試篇（coding）？

練習不同的資料結構與演算法的 LeetCode 題目「編碼面試」一般會詢問一個需要實作的問題，如：給定一個整數數組（nums）和一個目標值（target...

changzhang ‧ 2024-08-29

0 Like 0 留言 360 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 26

前端自學轉職攻略：30個常見問題系列第 26 篇

技術 26. 怎麼準備面試：行為面試篇（behavior）？

練習如何簡潔明瞭的說明個人經歷「行為面試」會詢問過去的經歷，像是：分享你曾在工作上碰過的困難與挑戰，以及是如何解決的？為什麼想離開目前的工作？分享...

changzhang ‧ 2024-08-27

0 Like 0 留言 259 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 25

前端自學轉職攻略：30個常見問題系列第 25 篇

技術 25. 面試要注意什麼？

表現「能力」與「意願」面試主要看兩點：能力 & 意願能力：能不能勝任這份工作。如果目前的能力不夠，需要花多少時間學習。意願：會不會來幾個月就離職...

changzhang ‧ 2024-08-26

1 Like 0 留言 340 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 24

前端自學轉職攻略：30個常見問題系列第 24 篇

技術 24. 履歷要怎麼寫？

講重點！！不要因為沒有相關經驗，就塞一堆不相關的資訊。如果覺得履歷很空，就多做 side project 來充實內容。換位思考，如果你是面試官，你想看什...

changzhang ‧ 2024-08-25

0 Like 0 留言 334 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 10

前端自學轉職攻略：30個常見問題系列第 10 篇

技術 10. 卡關了怎麼辦？

化繁為簡，把問題拆小逐步解決功能不會做先把功能拆分為小任務，在逐一解決。只要拆的夠細，一般常見功能通常都能在網上找到參考範例，若是比較特殊的功能，也可...

changzhang ‧ 2024-08-11

0 Like 0 留言 278 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 23

前端自學轉職攻略：30個常見問題系列第 23 篇

技術 23. 找工作要怎麼開始？

看職缺了解市場狀況，設定目標上求職平台看職缺先了解市場行情與趨勢。從職缺列出的條件中，找出自己還缺少的技能，持續學習。除了 104、1111 外，...

changzhang ‧ 2024-08-24

0 Like 0 留言 298 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 22

前端自學轉職攻略：30個常見問題系列第 22 篇

技術 22. 怎麼避免不小心改壞現有功能？

學習寫測試和使用監控工具隨著專案功能的日益複雜，每次進行功能修改時，必須考慮的情境也隨之增加。在每一次改動時，手動逐一測試所有流程會相當費時費力。此時，撰...

changzhang ‧ 2024-08-23

1 Like 0 留言 556 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 21

前端自學轉職攻略：30個常見問題系列第 21 篇

技術 21. 怎麼找 API 練習？

推薦 OpenAI API API 串接是前端工程師的工作中，相當重要的一環，最好能在 side project 中練習。如果不想投入時間學習後端自行開發...

changzhang ‧ 2024-08-22

0 Like 0 留言 285 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 20

前端自學轉職攻略：30個常見問題系列第 20 篇

技術 20. 需要學習後端嗎？

非必要，但有興趣可以試著了解一些後端的基礎知識前端工程師學習後端的好處？跟後端工程師溝通會更順暢可以自己寫一些簡單的 API 來測試 side pr...

changzhang ‧ 2024-08-21

0 Like 0 留言 360 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 19

前端自學轉職攻略：30個常見問題系列第 19 篇

技術 19. 要學 TypeScript 嗎？

Yes，但等上手前端框架後再學從 2023 的 state-of-js 數據可知，TypeScript 的使用已經相當普及，在工作中用到機率相當高。sou...

changzhang ‧ 2024-08-20

0 Like 0 留言 269 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 18

前端自學轉職攻略：30個常見問題系列第 18 篇

技術 18. CSS 框架/工具要怎麼選？

了解不同 CSS 框架/工具的差異 source: 2023.stateofcss.com 多嘗試不同 CSS 框架不同於前端框架（JavaScript）...

changzhang ‧ 2024-08-19

0 Like 0 留言 393 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 17

前端自學轉職攻略：30個常見問題系列第 17 篇

技術 17. 前端框架怎麼選？

React 跟 Vue 二擇一，然後重構 side project 與其每個都只會一點，不如專精一個雖然不同的框架在 API 和設計理念上可能存在差異，但...

changzhang ‧ 2024-08-18

0 Like 0 留言 352 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 16

前端自學轉職攻略：30個常見問題系列第 16 篇

技術 16. 怎麼讓程式碼更好維護？

長期維護一個專案，並持續增加新功能來累積經驗。實踐是最好的學習方式當要修改數個月前寫的程式碼時，如果不靠記憶，能否快速的找出對應的程式碼並進行修改？所謂...

changzhang ‧ 2024-08-17