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

0 Like 0 留言 4396 瀏覽

鐵人賽自我挑戰組 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 0 留言 4384 瀏覽

鐵人賽 Modern Web

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

技術 Day 31. 戰線擴張・專案監控 X 編譯設定 - TypeScript Compiler Compile Configurations

恩... 照常 Day 31. 繼續。《戰線擴張》篇章概要本系列進入到第三部分：《戰線擴張》篇（The Front Line Expansion）筆者就...

Maxwell Alexius ‧ 2019-10-11

4 Like 2 留言 4376 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-15

2 Like 1 留言 4315 瀏覽

鐵人賽自我挑戰組

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

技術如何用 Sass 實現類似 Bootstrap 4 的格線系統

★ 首先這篇文章適合以下背景的人閱讀： 1.大概了解什麼是格線系統，甚至有用過2.有使用過 Sass 管理及撰寫 CSS，並且對基礎 Sass 語法 (SCS...

Alec ‧ 2019-10-18

0 Like 0 留言 4300 瀏覽

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

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

yaling_0616 ‧ 2020-02-10

9 Like 0 留言 4252 瀏覽

達標好文技術 5個學習CSS的遊戲分享 | 我在路易莎的日子

最近愛上以玩遊戲的方式去學習CSSヽ(✿ﾟ▽ﾟ)ノ好快樂~ 尤其是之前對選擇器和Grid Layout一直沒有很熟練，透過遊戲，印象更深刻，也不失為一個不錯的學...

hannnahTW ‧ 2022-08-26

3 Like 1 留言 4169 瀏覽

鐵人賽自我挑戰組 DAY 2

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

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

前言大部分的UI設計師應該都挑戰過Daily UI，除了可以累績作品之外，另一方面也可以訓練設計師如何在短時間整理並思考使用者需求，進而完成介面設計。今日挑選D...

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

1 Like 0 留言 4157 瀏覽

鐵人賽自我挑戰組 DAY 6

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

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

前言昨天簡單介紹了切版的先備知識後，今天以套用 Bootstrap4 切版為主軸，說明如何在 Bootstrap4 基礎下，設定自己的主題色，以及運用 Boot...

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

2 Like 0 留言 4071 瀏覽

鐵人賽自我挑戰組 DAY 26

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

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

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

Alec ‧ 2019-10-04

0 Like 1 留言 4039 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 Angular 深入淺出三十天：表單與測試 Day29 - ControlContainer

昨天跟大家分享了自訂表單元件的作法，但昨天的作法只適用於一個欄位、一個 FormControl 。雖然 FormControl 裡是可以設 {} 的值，但如...

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

3 Like 0 留言 4013 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-13

2 Like 3 留言 4008 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

Maxwell Alexius ‧ 2019-10-05

1 Like 0 留言 4008 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

Maxwell Alexius ‧ 2019-10-02

2 Like 0 留言 3906 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-18

1 Like 1 留言 3892 瀏覽

鐵人賽 Modern Web DAY 24

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

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

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

Maxwell Alexius ‧ 2019-10-04

3 Like 0 留言 3809 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術今天我來說說什麼是Box-Model

上一篇文章我們已經簡單說明了如何在 HTML 文件加上 CSS 內容，也說明了如何用選擇器方式選擇了對的 HTML 標籤，還記得我們在 Day.6 提到的&l...

Alec ‧ 2019-09-16

2 Like 0 留言 3769 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術 CSS 的預處理器 Sass

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

Alec ‧ 2019-09-30

0 Like 1 留言 3753 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 Angular 深入淺出三十天：表單與測試 Day23 - Reactive Forms 進階技巧 - 欄位連動檢核邏輯

大家在日常生活中，應該看過滿多表單的某個欄位會隨著另個欄位的改變，而造成該欄位的驗證邏輯需要改變的情況吧？舉例來說，可能會有個欄位叫做聯絡資訊，使用者可以選...

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

0 Like 0 留言 3732 瀏覽

鐵人賽 Modern Web DAY 22

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

技術【Day 22】React.memo

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

莫力全 Kyle Mo ‧ 2019-09-26

2 Like 1 留言 3732 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-19

5 Like 0 留言 3696 瀏覽

鐵人賽自我挑戰組 DAY 5

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

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

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

Alec ‧ 2019-09-13

0 Like 0 留言 3667 瀏覽

鐵人賽 Modern Web DAY 13

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

技術【Day 13】Conditional Rendering

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

莫力全 Kyle Mo ‧ 2019-09-17

2 Like 0 留言 3665 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

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

1 Like 3 留言 3640 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

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

0 Like 0 留言 3630 瀏覽

鐵人賽 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

0 Like 1 留言 3594 瀏覽

鐵人賽 Modern Web DAY 4

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

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

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

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

3 Like 0 留言 3566 瀏覽

技術前端登入方式

這幾天參加了幾場面試，在基礎前端知識的部分，掌握度還可以，不過遇到網路知識的部分，就會答的很吃力，所以這邊針對網路知識的部分做加強，並且記錄一下，並且希望會有幫...

janlin002 ‧ 2023-01-15

2 Like 0 留言 3564 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-20

1 Like 0 留言 3491 瀏覽

鐵人賽自我挑戰組 DAY 29

JS30 學習日記系列第 29 篇

技術 Day 29 - Vanilla JS Countdown Timer

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-29

2 Like 0 留言 3435 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

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

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

技術 Day 31. 戰線擴張・專案監控 X 編譯設定 - TypeScript Compiler Compile Configurations

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

技術 如何用 Sass 實現類似 Bootstrap 4 的格線系統

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

達標好文 技術 5個學習CSS的遊戲分享 | 我在路易莎的日子

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

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

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

技術 Angular 深入淺出三十天：表單與測試 Day29 - ControlContainer

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

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

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

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

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

技術 今天我來說說什麼是Box-Model

技術 CSS 的預處理器 Sass

技術 Angular 深入淺出三十天：表單與測試 Day23 - Reactive Forms 進階技巧 - 欄位連動檢核邏輯

技術 【Day 22】React.memo

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

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

技術 【Day 13】Conditional Rendering

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

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

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

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

技術 前端登入方式

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

技術 Day 29 - Vanilla JS Countdown Timer

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

標記使用者

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

技術如何用 Sass 實現類似 Bootstrap 4 的格線系統

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

達標好文技術 5個學習CSS的遊戲分享 | 我在路易莎的日子

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

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

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

技術今天我來說說什麼是Box-Model

技術【Day 22】React.memo

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

技術【Day 13】Conditional Rendering

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

技術前端登入方式