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

5 Like 0 留言 3358 瀏覽

鐵人賽自我挑戰組 DAY 5

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 5 篇

技術所以我下定決心要成為軟體工程師了嗎？

前情提要：我怎麼開始這一切還記得我在之前的文章提到的(若沒看過的可以先回去看就知道了)，在我正式開始上六角學院的 HTML、CSS 課程時，其實都還不清楚自...

Alec ‧ 2019-09-13

2 Like 0 留言 3356 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 38 篇

技術 Day 38. 戰線擴張・模擬戰 — UBike 地圖 X Webpack 環境建構 - TypeScript Webpack Integration

閱讀本篇文章前，仔細想想看什麼是宣告檔 Declaration Files？為何宣告檔很重要？如何載入第三方套件在 TypeScript 專案裡？如...

Maxwell Alexius ‧ 2019-10-18

0 Like 0 留言 3350 瀏覽

鐵人賽自我挑戰組 DAY 3

介面設計流程與開發2 系列第 3 篇

技術新手UI起手式，以Daily UI 01-Sign up為例 2/3

前言上一篇文章分享了在設計前可以如何開始進行的簡單流程，這一篇文章將延續Daily UI 01-Sign up的UI設計的設計思維和UI繪製的細節。如果沒看的上...

Anny Cheng ‧ 2017-12-22 ‧團隊網路無國界

1 Like 1 留言 3316 瀏覽

鐵人賽 Modern Web DAY 24

讓 TypeScript 成為你全端開發的 ACE！系列第 24 篇

技術 Day 24. 機動藍圖・類別推論 X 註記類別 - Class Type Inference & Annotation

閱讀本篇文章前，仔細想想看大致上已經了解類別的基本用法與性質了嗎？ TypeScript 針對物件方面的型別推論與註記機制為何？如果還沒理解完畢的話...

Maxwell Alexius ‧ 2019-10-04

0 Like 1 留言 3313 瀏覽

鐵人賽 Modern Web DAY 26

Angular 深入淺出三十天：表單與測試系列第 26 篇

技術 Angular 深入淺出三十天：表單與測試 Day26 - 進階表單開發技巧 - 自訂驗證器

之前在開發表單的時候，我們都是使用 Angular 所提供的驗證器來驗證表單欄位裡的值是否符合我們的需求。雖然 Angular 已經這麼貼心地提供了這麼多驗...

Leo ‧ 2021-10-11 ‧團隊請支援 Coding

2 Like 0 留言 3229 瀏覽

鐵人賽 Modern Web DAY 20

前端三十 - 成為更好的前端工程師系列第 20 篇

技術 20. [FE] 如何提升網站效能？

Perl 之父 Larry Wall 曾說過，工程師有三大美德，分別是：「懶惰」、「急躁」與「傲慢」。其中的「急躁」指的便是對於效能低落的程式會有所追求；身為...

Gary ‧ 2019-10-06 ‧團隊Wow Doge!

2 Like 3 留言 3211 瀏覽

鐵人賽 Modern Web DAY 25

讓 TypeScript 成為你全端開發的 ACE！系列第 25 篇

技術 Day 25. 機動藍圖・類別與介面 X 終極的組合 - Ultimate Combo of Class & Interface

閱讀本篇文章前，仔細想想看試描述類別（Class）的型別推論機制與註記機制。繼承過後的子類別，試描述其類別推論機制與註記機制。子類別跟父類別的推論與...

Maxwell Alexius ‧ 2019-10-05

2 Like 0 留言 3049 瀏覽

鐵人賽自我挑戰組 DAY 26

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 26 篇

技術如何利用 Sass 的 @mixin 功能，讓撰寫 RWD 網站變的輕而易舉

在我們介紹 RWD 時，知道撰寫一個 RWD 網站必須要在撰寫 CSS 的時候加入 Media query，但是常會很困擾的是，到底要把 Media query...

Alec ‧ 2019-10-04

0 Like 0 留言 3026 瀏覽

技術 [筆記] React 如何使用 Redux-Observable：副線打怪一下(1)

題外話一下XD最近的武漢肺炎實在是太猖狂了在今天早上得知中國竟然連北京都淪陷了，進而封城了，這武漢肺炎真的是很母湯！！(中國北京封城)因為武漢肺炎的關係，全台掀...

yaling_0616 ‧ 2020-02-10

0 Like 0 留言 3016 瀏覽

鐵人賽 Modern Web DAY 27

React.js 從【0】到【1】推坑計畫系列第 27 篇

技術【Day 27】Redux middleware - redux-thunk

還記得之前介紹過 redux 的基本用法嗎？因為覺得 React 基礎講的差不多了，今天決定回過頭來講講 redux middleware。 Redux-mid...

莫力全 Kyle Mo ‧ 2019-10-01

3 Like 0 留言 3010 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 33 篇

技術 Day 33. 戰線擴張・專案除錯 X 源碼對照 - TypeScript Compiler Debug Techniques

閱讀本篇文章前，仔細想想看如何確保出現錯誤時，防止 TypeScript 編譯器產出專案結果？描述 rootDir、outDir 與 outFile...

Maxwell Alexius ‧ 2019-10-13

2 Like 0 留言 3006 瀏覽

鐵人賽 Modern Web DAY 19

前端三十 - 成為更好的前端工程師系列第 19 篇

技術 19. [FE] 如何實現網站 SEO？

一個好的想法，在好的團隊共同協作之下可能可以成為好的產品，但如果市場不知道有這樣好的產品存在，前述所有的好，也只能淪為白功；在這個資訊爆量的時代，如何從海量的...

Gary ‧ 2019-10-05 ‧團隊Wow Doge!

0 Like 0 留言 2998 瀏覽

鐵人賽 Modern Web DAY 13

React.js 從【0】到【1】推坑計畫系列第 13 篇

技術【Day 13】Conditional Rendering

大家好，經過兩篇 style 的介紹，今天總算要回到處理邏輯的部分了。一般在開發應用時，常常會需要根據特定 condition 做邏輯判斷，除了一般我們熟知的...

莫力全 Kyle Mo ‧ 2019-09-17

0 Like 0 留言 2992 瀏覽

鐵人賽 Modern Web DAY 22

React.js 從【0】到【1】推坑計畫系列第 22 篇

技術【Day 22】React.memo

昨天講到了 class based component 可以透過 shouldComponentUpdate 比較前一次 props 與前一次 state 來...

莫力全 Kyle Mo ‧ 2019-09-26

4 Like 2 留言 2983 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 35 篇

技術 Day 35. 戰線擴張・命名空間 X 組織分明 - TypeScript Namespaces Introduction

閱讀本篇文章前，仔細想想看讀者認為目前對 TypeScript 編譯器的設定的了解程度如何呢？如果還沒理解完畢的話，可以先翻看最近這幾天的文章喔！...

Maxwell Alexius ‧ 2019-10-15

3 Like 1 留言 2974 瀏覽

鐵人賽自我挑戰組 DAY 4

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 4 篇

技術為何參加 iT 鐵人邦賽事？

說真的，自從下定決心要成為一個軟體工程師，才開始涉略愈來愈多的相關資訊，iT 邦幫忙這個知名IT人大站，以前雖有聽過，但真的不熟，也是這一陣子因轉職需求，才知...

Alec ‧ 2019-09-12

1 Like 0 留言 2955 瀏覽

鐵人賽 Modern Web DAY 22

讓 TypeScript 成為你全端開發的 ACE！系列第 22 篇

技術 Day 22. 機動藍圖・特殊成員 X 存取方法 - TypeScript Class Accessors

閱讀本篇文章前，仔細想想看類別的靜態成員（Static Members）是什麼？與普通成員差異在哪？什麼情況下會採用靜態成員的設計呢？如果還沒理解...

Maxwell Alexius ‧ 2019-10-02

2 Like 1 留言 2872 瀏覽

鐵人賽 Modern Web DAY 30

被 React react 的後端工程師系列第 30 篇

技術 [DAY30] 被 React react 的後端工程師 - 後記

一開始會這麼定題目，其實是起源于我對前端的挑食，因為我不喜歡調畫面左邊一點右邊一點這種事情我真的不喜歡做所以取翻譯中過敏的意思來形容我的 React 學習過...

Nanami Lemon ‧ 2019-10-14

2 Like 1 留言 2819 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 39 篇

技術 Day 39. 戰線擴張・模擬戰 — UBike 地圖 X 資料處理 - Data Processing using Type Alias

閱讀本篇文章前，仔細想想看是否會使用 Webpack 建立 TypeScript 專案的環境呢？另外，本篇文承接上一篇文，因此如果是跳到這篇的話可以先從...

Maxwell Alexius ‧ 2019-10-19

3 Like 1 留言 2767 瀏覽

鐵人賽自我挑戰組 DAY 12

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 12 篇

技術如何在 HTML 上做表格再用 CSS 美化它

今天我們來說一說怎麼作表格，我就先說一個最簡單的結構，請看下方被包覆在<table>內的<tr><th><td&gt...

Alec ‧ 2019-09-20

2 Like 0 留言 2764 瀏覽

鐵人賽自我挑戰組 DAY 22

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 22 篇

技術 CSS 的預處理器 Sass

連續的從 HTML 到 CSS 然後到 RWD，現在我們要來到了 Sass了，Sass 是 CSS 的預處理器，顧名思義它的功能就是可以「預先處理」CSS，讓我...

Alec ‧ 2019-09-30

0 Like 1 留言 2754 瀏覽

鐵人賽 Modern Web DAY 4

Angular 深入淺出三十天：表單與測試系列第 4 篇

技術 Angular 深入淺出三十天：表單與測試 Day04 - 開始撰寫測試之前必須要知道的二三事

在開始撰寫測試之前，先帶大家來了解一下 Angular 預設使用的測試框架 ─ Karma 。 Karma 的原名是 Testacular ， Google...

Leo ‧ 2021-09-19 ‧團隊請支援 Coding

2 Like 0 留言 2744 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 40 篇

技術 Day 40. 戰線擴張・模擬戰 — UBike 地圖 X 使用 LeafletJS - Using LeafletJS with TypeScript

閱讀本篇文章前，仔細想想看你會如何善用型別推論與註記的機制呢？什麼情形可能會出現 any 型別推論出來的行為？如果出現了，要如何處理這類型的案例？...

Maxwell Alexius ‧ 2019-10-20

3 Like 2 留言 2721 瀏覽

鐵人賽自我挑戰組 DAY 1

介面設計流程與開發2 系列第 1 篇

技術介面設計流程與開發-我們的30天

前言鐵人賽是需要鼓足勇氣、做好準備才敢參加的比賽，由於太艱難容易使人放棄，所以有一起督促前進的夥伴是非常重要低！初次參賽的我們，決定先挑戰順利完成30天學習記錄...

Anny Cheng ‧ 2017-12-20 ‧團隊網路無國界

2 Like 0 留言 2695 瀏覽

鐵人賽 Modern Web DAY 13

前端三十 - 成為更好的前端工程師系列第 13 篇

技術 13. [JS] 為什麼判斷相等時不能用雙等號？

相信大家在初學 JavaScript 時，一定有人跟你說過：「比較時記得要用三等號（===），不要用雙等號（==）」，但你知道為什麼嗎？稍微有經驗的人可能馬上...

Gary ‧ 2019-09-29 ‧團隊Wow Doge!

0 Like 1 留言 2666 瀏覽

鐵人賽 Modern Web DAY 26

React.js 從【0】到【1】推坑計畫系列第 26 篇

技術【Day 26】誰說一定要用別人寫好的 hooks - Custom Hooks

從介紹第一個 hooks 開始，我們都是在使用 React 提供的 hooks ，有沒有想過我們也可以實作自己的 hooks 呢？先來看看我找到的一段對 cu...

莫力全 Kyle Mo ‧ 2019-09-30

2 Like 0 留言 2645 瀏覽

技術領進前端門，修行在個人：一變應萬變的響應式網頁設計(1) - 基本環境、觀念

基本環境建立因為各個不同的手機有不同的寬度，如下圖如果要符合每個不同的解析度去做開發，會導致開發上非常困難，所以需要加入以下這段語法 <meta nam...

yaling_0616 ‧ 2020-06-23

1 Like 0 留言 2630 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 45 篇

技術 Day 45. 通用武裝・泛用類別與介面 X 終極組合第二彈 - Ultimate Combo of Generic Class & Interface

閱讀本篇文章前，仔細想想看泛用型別化名的如何進行宣告？泛用化名註記在變數時的注意事項為何？泛用函式的特點為何？如果還不清楚可以看一下前一篇文章喔...

Maxwell Alexius ‧ 2019-10-28

1 Like 3 留言 2571 瀏覽

鐵人賽 Modern Web DAY 27

Angular 深入淺出三十天：表單與測試系列第 27 篇

技術 Angular 深入淺出三十天：表單與測試 Day27 - Reactive Forms 進階技巧 - 跨欄位驗證

今天想要跟大家分享的是跨欄位驗證的小技巧，這個小技巧其實沒有多厲害或多特別，只是可能滿多人剛好不知道原來可以這樣用。而我們在 Day 23 - Reacti...

Leo ‧ 2021-10-12 ‧團隊請支援 Coding

2 Like 0 留言 2514 瀏覽

鐵人賽 Modern Web DAY 16

前端三十 - 成為更好的前端工程師系列第 16 篇

技術 16. [FE] 為何會有瀏覽器差異？怎麼處理？

在本系列文的前兩週，我們深入認識了 HTML、CSS、JavaScript 這前端三兄弟中的許多細節，過程中筆者也提到了數次瀏覽器差異可能會造成的影響；今天再...

Gary ‧ 2019-10-02 ‧團隊Wow Doge!

技術 所以我下定決心要成為軟體工程師了嗎？

技術 Day 38. 戰線擴張・模擬戰 — UBike 地圖 X Webpack 環境建構 - TypeScript Webpack Integration

技術 新手UI起手式，以Daily UI 01-Sign up為例 2/3

技術 Day 24. 機動藍圖・類別推論 X 註記類別 - Class Type Inference & Annotation

技術 Angular 深入淺出三十天：表單與測試 Day26 - 進階表單開發技巧 - 自訂驗證器

技術 20. [FE] 如何提升網站效能？

技術 Day 25. 機動藍圖・類別與介面 X 終極的組合 - Ultimate Combo of Class & Interface

技術 如何利用 Sass 的 @mixin 功能，讓撰寫 RWD 網站變的輕而易舉

技術 [筆記] React 如何使用 Redux-Observable：副線打怪一下(1)

技術 【Day 27】Redux middleware - redux-thunk

技術 Day 33. 戰線擴張・專案除錯 X 源碼對照 - TypeScript Compiler Debug Techniques

技術 19. [FE] 如何實現網站 SEO？

技術 【Day 13】Conditional Rendering

技術 【Day 22】React.memo

技術 Day 35. 戰線擴張・命名空間 X 組織分明 - TypeScript Namespaces Introduction

技術 為何參加 iT 鐵人邦賽事？

技術 Day 22. 機動藍圖・特殊成員 X 存取方法 - TypeScript Class Accessors

技術 [DAY30] 被 React react 的後端工程師 - 後記

技術 Day 39. 戰線擴張・模擬戰 — UBike 地圖 X 資料處理 - Data Processing using Type Alias

技術 如何在 HTML 上做表格再用 CSS 美化它

技術 CSS 的預處理器 Sass

技術 Angular 深入淺出三十天：表單與測試 Day04 - 開始撰寫測試之前必須要知道的二三事

技術 Day 40. 戰線擴張・模擬戰 — UBike 地圖 X 使用 LeafletJS - Using LeafletJS with TypeScript

技術 介面設計流程與開發-我們的30天

技術 13. [JS] 為什麼判斷相等時不能用雙等號？

技術 【Day 26】誰說一定要用別人寫好的 hooks - Custom Hooks

技術 領進前端門，修行在個人：一變應萬變的響應式網頁設計(1) - 基本環境、觀念

技術 Day 45. 通用武裝・泛用類別與介面 X 終極組合第二彈 - Ultimate Combo of Generic Class & Interface

技術 Angular 深入淺出三十天：表單與測試 Day27 - Reactive Forms 進階技巧 - 跨欄位驗證

技術 16. [FE] 為何會有瀏覽器差異？怎麼處理？

標記使用者

技術所以我下定決心要成為軟體工程師了嗎？

技術新手UI起手式，以Daily UI 01-Sign up為例 2/3

技術如何利用 Sass 的 @mixin 功能，讓撰寫 RWD 網站變的輕而易舉

技術 [筆記] React 如何使用 Redux-Observable：副線打怪一下(1)

技術【Day 27】Redux middleware - redux-thunk

技術【Day 13】Conditional Rendering

技術【Day 22】React.memo

技術為何參加 iT 鐵人邦賽事？

技術如何在 HTML 上做表格再用 CSS 美化它

技術介面設計流程與開發-我們的30天

技術【Day 26】誰說一定要用別人寫好的 hooks - Custom Hooks

技術領進前端門，修行在個人：一變應萬變的響應式網頁設計(1) - 基本環境、觀念