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

0 Like 0 留言 882 瀏覽

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

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

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

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

changzhang ‧ 2024-08-27

0 Like 0 留言 871 瀏覽

鐵人賽 IT 管理 DAY 21

【前端工程師＆UI 的 30 天約會】戰勝猴子！：Figma 交付實戰篇系列第 21 篇

技術 [Day21-開發中期] 欄位邏輯 Flow 🎢 藉由 Figma 模擬程式模組積木，定義功能互動及開發！（下）

積木化的流程圖承上篇的結論，我們覺得既然要提供前端們開發功能的指引，透過這樣「視覺化」的方式，能夠很好的模擬程式模組的架構！以下是我們最後的流程圖：（因...

TC ‧ 2024-10-03 ‧團隊擁有夢想的鐵人猴子隊

0 Like 0 留言 867 瀏覽

技術 JavaScript 的new Map()

在 JavaScript 中，new Map() 是一個用於存儲鍵值對的資料結構。它與普通的 JavaScript 物件（{}）類似，但提供了更多功能和更靈活的...

sharongao ‧ 2024-12-05

0 Like 0 留言 862 瀏覽

技術 Pudding.cool — 初入data storytelling，你必要認識的數位刊物

剛開始認識data storytelling時，我google關鍵字想找更多資料，Pudding.cool出現在搜尋結果的第一位，點入後，開啟了我對data s...

yishsieh ‧ 2024-05-16

0 Like 0 留言 858 瀏覽

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

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

技術 4. 從開始到轉職成功要多久？

約 1,000 小時～每天三小時＊一年～每週 40 小時 * 半年每個人的學習速度不盡相同，找工作的際遇、景氣狀況等，也會影響到需花費的時間。不過如果...

changzhang ‧ 2024-08-05

0 Like 0 留言 843 瀏覽

鐵人賽 Modern Web DAY 22

連我阿公都會-手把手教你架網站系列第 22 篇

技術【Day22】淺談 React.js（1）React基本構成 & 語法

在上一篇的教學中，我們成功建立了一個React的專案。建立完畢後，會發現我們的檔案資料夾突然多了好多沒看過的東西：慘了，完全看不懂——沒關係！接下來將帶您認...

ttdragon0722 ‧ 2023-10-07 ‧團隊最強資工大電神

0 Like 0 留言 839 瀏覽

鐵人賽 Modern Web DAY 26

從零開始手刻網站，30 天打造我的前端武器庫系列第 26 篇

技術 Day 26：Flexbox 功能實作

組件實作 : Demo 一、前言今天要來研究一下 Flexbox 的寫法，它是一個用來排版的神器，可以很有效的處理元素水平與垂直置中對齊，本篇主要是參考...

東尼先生 ‧ 2022-10-10

0 Like 0 留言 834 瀏覽

鐵人賽自我挑戰組 DAY 15

從零開始學習前端系列第 15 篇

技術 #從零開始1️⃣4️⃣：使用emmet，更快寫出腦中所想

在比較熟悉如何架構網頁、呈現出想要的樣子後，應該多少會覺得：希望能夠更快、更有效率地描繪出來。最直接想到的或許是提升英文打字速度，這會有幫助，但還不夠。我們...

RochelWang ‧ 2023-09-30

0 Like 0 留言 834 瀏覽

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

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

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

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

changzhang ‧ 2024-08-17

0 Like 0 留言 818 瀏覽

鐵人賽自我挑戰組 DAY 22

從零開始學習前端系列第 22 篇

技術 #從零開始2️⃣1️⃣：學習使用SCSS/Sass(下)

擴展/繼承(Extend/Inheritance) 我們可以定義一組樣式，然後將這些樣式應用於不同的元素，同時保持代碼的整潔和可維護性。使用@extend...

RochelWang ‧ 2023-10-07

0 Like 0 留言 815 瀏覽

鐵人賽自我挑戰組 DAY 5

從freeCodeCamp進入前端宇宙系列第 5 篇

技術 CSS基礎介紹(3)

來輕鬆聊聊終於來到基礎CSS的最後一篇，這次要分享的是CSS的變量。想像一個情境，你正在負責一個網頁的視覺設計，而你需要在許多地方用上同樣的顏色(如:暗紅色D...

JackyHuang ‧ 2021-09-07

0 Like 0 留言 811 瀏覽

技術 Macrotask vs Microtask 常搞錯的部分

今天來講 Macrotask vs Microtask 大家可能常搞錯的部分這邊我先簡單介紹一下 Event Loop，並在文章後面會有附上相關連結，有興趣的...

janlin002 ‧ 2022-12-27

5 Like 0 留言 807 瀏覽

技術前端人需要了解的 CI/CD

CICD 什麼是 CI/CD ？協助開發者自動化軟體開發的工作流程，自動完成檔案上傳、測試機.....的工具，成功或失敗都會通知。白話的說就是：「原本手工要...

chiayinin ‧ 2025-09-07

0 Like 0 留言 796 瀏覽

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

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

技術 7. 要做 side project 嗎？

YES！實踐是最好的學習方式。把重點放在學習開發 side project 有很多好處，但最重要的還是學習與累積經驗。很多時候，我們會花好幾天時間研究...

changzhang ‧ 2024-08-08

0 Like 0 留言 794 瀏覽

鐵人賽自我挑戰組 DAY 19

從零開始學習前端系列第 19 篇

技術 #從零開始1️⃣8️⃣：寫CSS寫的心好累-SCSS、OOCSS、BEM設計模式(下)

OOCSS（Object-Oriented CSS） OOCSS（Object-Oriented CSS）強調了分離結構和外觀的概念。以下是 OOCSS...

RochelWang ‧ 2023-10-04

0 Like 0 留言 785 瀏覽

鐵人賽自我挑戰組 DAY 11

從零開始學習前端系列第 11 篇

技術 #從零開始1️⃣0️⃣：去除img、span標籤下方的空隙

使用開發者工具看圖片時，發現下方有個空隙，這是為什麼? 因為預設img為行內元素，和示意圖文字一樣留出空間給y,g英文字母。去除空隙的辦法 codepen參...

RochelWang ‧ 2023-09-26

0 Like 0 留言 784 瀏覽

技術 JavaScript 的apply 和 call

在 JavaScript 中，apply 和 call 是函數的兩個方法，用於顯式設置函數的 this 值，並傳遞參數來執行函數。它們的主要區別是傳遞參數的方式...

sharongao ‧ 2024-12-06

0 Like 0 留言 775 瀏覽

鐵人賽 Modern Web DAY 2

連我阿公都會-手把手教你架網站系列第 2 篇

技術【Day02】網頁的基礎設計理論

所謂：「知己知彼，百戰不殆。」，在設計一個網頁之前，先充分了解其外部的各項特性，才能避免在實作時因千萬頭緒使您一時無從下手，而陷入窘境。因此，本篇將為您介紹在...

ttdragon0722 ‧ 2023-09-17 ‧團隊最強資工大電神

0 Like 0 留言 772 瀏覽

鐵人賽 JavaScript DAY 2

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

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

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

Annie ‧ 2024-09-15

0 Like 0 留言 764 瀏覽

鐵人賽自我挑戰組 DAY 16

從零開始學習前端系列第 16 篇

技術 #從零開始1️⃣5️⃣：怎麼設定照片大小

設定圖片高度，要寫死高度還是不要寫死高度? 就像最開始提到，響應式網頁超級超級重要，所以如果在不同螢幕大小，圖片太大超出畫面(或著太小)的話，體驗感覺就會大大地...

RochelWang ‧ 2023-10-01

0 Like 0 留言 760 瀏覽

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

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

技術 1. 轉職前端適合我嗎？

相較於薪資、職涯發展等因素，"是否對寫程式感興趣" 才是最應該思考的問題。考慮轉職前端的動機是什麼？看過不少學生是因為朋友建議、或是...

changzhang ‧ 2024-08-02

0 Like 0 留言 758 瀏覽

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

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

技術 6. 要學 JavaScript、jQuery、還是前端框架？

先學 JavaScript上手後再選一個前端框架學習從 JavaScript 開始 JavaScript 是前端開發的核心語言。無論是使用任何框架或庫，對...

changzhang ‧ 2024-08-07

0 Like 0 留言 757 瀏覽

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

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

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

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

changzhang ‧ 2024-08-23

0 Like 0 留言 752 瀏覽

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

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

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

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

changzhang ‧ 2024-08-29

0 Like 0 留言 745 瀏覽

技術幫助自己上班的零件數量查詢器(6) - axios、建構子

連著兩篇都在記錄繼續製作小工具的必要知識，終於要繼續寫實際的程式了，超級開心。 axios 實現AJAX技術的程式，簡單的說就是可以非同步執行程式，詳細內容可...

走得歪七扭八的孩子 ‧ 2023-02-08

0 Like 0 留言 739 瀏覽

鐵人賽自我挑戰組 DAY 26

從零開始學習前端系列第 26 篇

技術 #從零開始2️⃣5️⃣：切版實作(4)nav&footer RWD

github pages：https://rochelwang1205.github.io/sweetie/ github repo：https://githu...

RochelWang ‧ 2023-10-11

1 Like 0 留言 729 瀏覽

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

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

技術 24. 履歷要怎麼寫？

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

changzhang ‧ 2024-08-25

0 Like 0 留言 724 瀏覽

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

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

技術 5. 決定要學了，怎麼開始？

先學習 HTML, CSS, JavaScript 基礎觀念，再透過實作專案，慢慢熟悉不同的語法使用方式。學習 HTML, CSS, JavaScript...

changzhang ‧ 2024-08-06

0 Like 0 留言 720 瀏覽

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

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

技術 15. 如何使用第三方套件/框架？

學習如何使用 npm 與 bundler npm npm 是管理專案中第三方套件的工具。也有其他替代方案如 yarn、pnpm 等。建議先學 npm，之後再...

changzhang ‧ 2024-08-16

2 Like 0 留言 719 瀏覽

鐵人賽 Vue.js DAY 5

在 Vue 過氣前要學的三十件事系列第 5 篇

技術在 Vue 過氣前要學的第五件事 - 主動還是被動

前言在上一篇在 Vue 過氣前要學的第四件事 - 2025 了還要用 .value ?我們講了 ref 跟 reactive 之間的差異，這篇就接著說入門會...

Yanya ‧ 2025-09-05