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

1 Like 2 留言 4344 瀏覽

鐵人賽 Modern Web DAY 21

破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？系列第 21 篇

技術 Day 21 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 通知我要參加遠端測驗

收到了邀請參加 junior 前端工程師遠端考試除了利用求職網站內的系統寄發求職信出去之外，有一些公司是開放可以使用 E-mail 寄發履歷的。而就在今年...

Alec ‧ 2020-10-06

2 Like 0 留言 4294 瀏覽

鐵人賽 Modern Web DAY 15

破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？系列第 15 篇

技術 Day 15 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 為了更接近就業，我還做了什麼努力

切版直播班橫空出世了在交完了 JavaScript 兩門最終作業以後，終於對 JavaScript 算是有了些基礎，於是我一邊接著看 JavaScript...

Alec ‧ 2020-09-30

3 Like 0 留言 4291 瀏覽

鐵人賽自我挑戰組 DAY 7

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

技術如何添加 CSS 內容及選擇器

網頁三要素( HTML、CSS、JavaScript )，HTML 是網站的內容 & 架構，CSS 則是網頁的樣式而 JavaScript 是網頁的特...

Alec ‧ 2019-09-15

3 Like 0 留言 4281 瀏覽

鐵人賽 Modern Web

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

技術 Day 50. 通用武裝・非同步函式X非同步程序的同步化-TypeScript Generics with Asynchronous Programming III. Async Functions

閱讀本篇文章前，仔細想想看 Generators 使用上有哪些特點？積極求值（Eager Evaluation）與惰性求值（Lazy Evaluatio...

Maxwell Alexius ‧ 2020-01-16

0 Like 2 留言 4246 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Angular 深入淺出三十天：表單與測試 Day11 - Reactive Forms 實作 - 動態表單初體驗

今天要來用 Reactive Forms 的方式再來實作一次昨天的表單。具體的規格需求跟昨天差不多，如下所示：被保險人的欄位：姓名（文字輸入框）...

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

2 Like 0 留言 4238 瀏覽

鐵人賽 Modern Web DAY 16

破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？系列第 16 篇

技術 Day 16 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 本來打算完成 Vue 再求職，但好像難如登天

JavaScript 核心與 Vue 課程前面有提到我一邊在寫切版直播班的作業一邊在複習 JavaScript 核心與 Vue 課程，但其實大部分時間是在看...

Alec ‧ 2020-10-01

3 Like 2 留言 4173 瀏覽

鐵人賽自我挑戰組

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

技術 JavaScript 的 function 功能 (函式介紹)

★首先這篇文章適合以下背景的人閱讀熟悉 HTML、CSS 正要開始一腳踏進 JavaScript 的初學者號稱全世界最懶的一群人(軟體工程師)，能坐就...

Alec ‧ 2019-11-15

4 Like 1 留言 4117 瀏覽

鐵人賽自我挑戰組 DAY 13

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

技術講完表格(table)今天來講表單(form)

上一篇我們講完了表格，今天我們來說說更廣泛運用的表單，還記得幾乎不管是甚麼網站大概都會有留言區，讓你可以留下自己的問題還有基本資料，最後有一個按鈕可以按送出，其...

Alec ‧ 2019-09-21

2 Like 1 留言 4098 瀏覽

鐵人賽 Modern Web DAY 17

破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？系列第 17 篇

技術 Day 17 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 開始準備面試作品了

切版直播班的第 3-4 週版型與校長通完電話時，當時應該是切版直播班我剛交完第二週作業的時候，所以我開始著手進行第３-4 週版型的製作，因為這也將會是我的...

Alec ‧ 2020-10-02

1 Like 0 留言 4074 瀏覽

鐵人賽 Modern Web DAY 19

破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？系列第 19 篇

技術 Day 19 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 履歷剛完成都還沒有開始丟，怎麼就來了第一個面試？

第一個面試邀約突然的出現在 E-mail 裡面我不知道你們可不可以想像，當決定要轉職前端工程師直到收到了第一個面試邀約，然後即將要以前端工程師的身份前往面試...

Alec ‧ 2020-10-04

0 Like 0 留言 4045 瀏覽

鐵人賽 Modern Web DAY 5

從0到1： 5個月轉職工程師大挑戰系列第 6 篇

技術 Day 6: 為什麼用React？什麼是Create-React-App？ { D2 }

The Birth of React 以前是單純 HTML, CSS, Javascript 跟 DOM 互動問題是每個瀏覽器都有不一樣的功能...

Roy Wang ‧ 2020-09-06

1 Like 1 留言 4031 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術改用百分比(%)為單位，讓你的 RWD 網頁縮放自如

過往我們不管是設width寬、height高時，或是在做margin或padding，比較習慣的單位都是用px，現在我們要改用%百分比，但在改用百分比前我們先...

Alec ‧ 2019-09-25

4 Like 0 留言 3995 瀏覽

鐵人賽 Modern Web

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

技術 Day 49. 通用武裝・非同步迭代 X 無窮地惰性求值 - TypeScript Generics with Asynchronous Programming II. ES6 Generators

閱讀本篇文章前，仔細想想看同步與非同步程序的差異性在哪？你能夠列舉哪些是 JS 裡有非同步的機制的東西嗎？為何我們需要非同步的程序？同步執行不是很直觀...

Maxwell Alexius ‧ 2020-01-13

1 Like 0 留言 3989 瀏覽

鐵人賽 Modern Web DAY 18

破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？系列第 18 篇

技術 Day 18 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 軟體工程師求職特訓班

這又是啥玩意兒了別以為我又報名了什麼課程了，其實這是後來六角學院在 Slack 上開的一個 Channel，這個 Channel 由六角校長主持，這個 Ch...

Alec ‧ 2020-10-03

1 Like 0 留言 3988 瀏覽

技術 Vue 2 & 3 正確使用 TinyMCE (Self Hosted)

前言由於 CKEditor 的客製化需要仰賴 Webpack，無法在 Vite 的專案上使用因此需要改使用 TinyMCE，發現網路上太多用很不直覺且奇怪的方...

通靈亡 ‧ 2022-05-13

0 Like 1 留言 3857 瀏覽

鐵人賽 Modern Web DAY 2

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

技術 Angular 深入淺出三十天：表單與測試 Day02 - Template Driven Forms 實作 - 以登入為例

今天要來用 Template Driven Forms 的方式實作一個簡單的登入系統，撇開 UI 不談，具體的功能需求規格如下：帳號格式為 Email...

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

0 Like 0 留言 3838 瀏覽

鐵人賽自我挑戰組 DAY 16

新手前端與真實世界的開發 feat.React 與他的夥伴系列第 16 篇

技術 Day-16 掌控表格的行與列 react-table 基本安裝與使用

Day-16 掌控表格的行與列 react-table 基本安裝與使用會開始學習使用 react-table 是有故事的，因為工作上有個需求是要讓表格需要排...

aoigj100 ‧ 2022-09-30

1 Like 1 留言 3794 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Day 19. 機動藍圖・存取修飾 X 藍圖規劃 - TypeScript Class Access Modifiers

閱讀本篇文章前，仔細想想看 TypeScript 類別（Class）的意義是什麼？ TypeScript 類別跟介面（Interface）的最大差別在哪裡...

Maxwell Alexius ‧ 2019-09-29

2 Like 2 留言 3659 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 Day 21. 機動藍圖・靜態成員 X 即刻操作 - Static Properties & Methods

閱讀本篇文章前，仔細想想看如何使用類別的繼承（Inheritance）？為何我們設計類別的成員時，會儘量以 private 模式為基準？什麼時候該開放...

Maxwell Alexius ‧ 2019-10-01

2 Like 1 留言 3659 瀏覽

鐵人賽自我挑戰組

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

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

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

Alec ‧ 2019-10-18

1 Like 0 留言 3616 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-11

3 Like 1 留言 3604 瀏覽

鐵人賽 Modern Web

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

技術 Day 36. 戰線擴張・戰線分散 X 組織集中 - TypeScript Namespaces Import/Export Mechanism

閱讀本篇文章前，仔細想想看命名空間的用意是什麼？如何運用 TypeScript Namespaces 組織不同區塊的程式碼？命名空間融合（Names...

Maxwell Alexius ‧ 2019-10-16

2 Like 1 留言 3600 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 Day 20. 機動藍圖・類別繼承 X 延用設計 - TypeScript Class Inheritance

閱讀本篇文章前，仔細想想看描述類別存取修飾子（Access Modifiers）的功能與意義。為何類別要實踐某介面時，介面裡的所有規格在類別裡會直接綁...

Maxwell Alexius ‧ 2019-09-30

1 Like 0 留言 3578 瀏覽

鐵人賽自我挑戰組 DAY 6

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

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

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

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

2 Like 2 留言 3564 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 Day 28. 機動藍圖・抽象類別 X 藍圖基底 - TypeScript Abstract Class

閱讀本篇文章前，仔細想想看筆者列出到目前為止我們學到跟類別有關的名詞，可以回憶一下它們各自的定義以及實用的地方在哪裡～類別與物件的差別 Class v...

Maxwell Alexius ‧ 2019-10-08

4 Like 2 留言 3550 瀏覽

鐵人賽 Modern Web DAY 4

防禦性 CSS - 建立「防患未然」的匠人心態系列第 4 篇

技術【Day04】間距 - 元件間的間距

間距、間距、間距！情境在討論今天的主題之前，我們先來看看下面這張圖：第一張圖的情境，有可能是在介面上我們試圖要做一些不可逆的操作，例如你要去刪除某篇文章...

Taiming ‧ 2022-09-18 ‧團隊光明頂

1 Like 5 留言 3539 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Angular 深入淺出三十天：表單與測試 Day30 - 表單原理

經過前面二十九天的的練習與學習，相信大家應該在表單的實作上都熟悉了不少，只要不是太複雜、太特別的表單應該也都難不倒你們。今天是本系列文的最後一天，就讓我們來...

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

3 Like 1 留言 3508 瀏覽

鐵人賽自我挑戰組 DAY 2

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

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

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

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

0 Like 0 留言 3408 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Angular 深入淺出三十天：表單與測試 Day18 - 與 Cypress 的初次見面（上）

昨天跟大家分享了 Cypress 有多厲害之後，大家有沒有很期待呢？這兩天就讓我來跟大家介紹 Cypress 到底有多厲害吧！由於 Cypress 的功...

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

3 Like 0 留言 3387 瀏覽

鐵人賽自我挑戰組 DAY 8

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

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

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

Alec ‧ 2019-09-16

技術 Day 21 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 通知我要參加遠端測驗

技術 Day 15 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 為了更接近就業，我還做了什麼努力

技術 如何添加 CSS 內容及選擇器

技術 Day 50. 通用武裝・非同步函式X非同步程序的同步化-TypeScript Generics with Asynchronous Programming III. Async Functions

技術 Angular 深入淺出三十天：表單與測試 Day11 - Reactive Forms 實作 - 動態表單初體驗

技術 Day 16 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 本來打算完成 Vue 再求職，但好像難如登天

技術 JavaScript 的 function 功能 (函式介紹)

技術 講完表格(table)今天來講表單(form)

技術 Day 17 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 開始準備面試作品了

技術 Day 19 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 履歷剛完成都還沒有開始丟，怎麼就來了第一個面試？

技術 Day 6: 為什麼用React？什麼是Create-React-App？ { D2 }

技術 改用百分比(%)為單位，讓你的 RWD 網頁縮放自如

技術 Day 49. 通用武裝・非同步迭代 X 無窮地惰性求值 - TypeScript Generics with Asynchronous Programming II. ES6 Generators

技術 Day 18 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 軟體工程師求職特訓班

技術 Vue 2 & 3 正確使用 TinyMCE (Self Hosted)

技術 Angular 深入淺出三十天：表單與測試 Day02 - Template Driven Forms 實作 - 以登入為例

技術 Day-16 掌控表格的行與列 react-table 基本安裝與使用

技術 Day 19. 機動藍圖・存取修飾 X 藍圖規劃 - TypeScript Class Access Modifiers

技術 Day 21. 機動藍圖・靜態成員 X 即刻操作 - Static Properties & Methods

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

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

技術 Day 36. 戰線擴張・戰線分散 X 組織集中 - TypeScript Namespaces Import/Export Mechanism

技術 Day 20. 機動藍圖・類別繼承 X 延用設計 - TypeScript Class Inheritance

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

技術 Day 28. 機動藍圖・抽象類別 X 藍圖基底 - TypeScript Abstract Class

技術 【Day04】間距 - 元件間的間距

技術 Angular 深入淺出三十天：表單與測試 Day30 - 表單原理

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

技術 Angular 深入淺出三十天：表單與測試 Day18 - 與 Cypress 的初次見面（上）

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

標記使用者

技術如何添加 CSS 內容及選擇器

技術講完表格(table)今天來講表單(form)

技術改用百分比(%)為單位，讓你的 RWD 網頁縮放自如

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

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

技術【Day04】間距 - 元件間的間距

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

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