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

0 Like 0 留言 4063 瀏覽

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

0 Like 0 留言 943 瀏覽

鐵人賽 Modern Web DAY 3

先你一步的菜鳥 - 從 0 開始的前端網頁設計系列第 3 篇

技術 Day-3 你掉的是這個金React、銀React，還是這個普通React呢？

從標題就應該知道了我們這個系列要用的 FrameWork 是 React.js。等等，那到底什麼是 FrameWork，說一下啦。好的那就必須要來到湖中女...

Chris ‧ 2020-09-03

0 Like 0 留言 1069 瀏覽

鐵人賽 Modern Web DAY 2

先你一步的菜鳥 - 從 0 開始的前端網頁設計系列第 2 篇

技術 Day-2 少年，你身體有一股龐大的查克拉

事情必須從12年前的那場尾獸之亂講起，當年四代火影… 別，先別關，我好好講還不行嗎就算沒有寫過網頁的人，應該也聽過前端網頁三本柱，也就是 HTML、CSS、J...

Chris ‧ 2020-09-02

0 Like 0 留言 782 瀏覽

鐵人賽 Modern Web DAY 1

先你一步的菜鳥 - 從 0 開始的前端網頁設計系列第 1 篇

技術 Day-1－React自我挑戰之旅

嗨大家好我是 Chris 這次是我第一次參加鐵人賽，是我給我自己的挑戰，內容主要是分享我如何從零開始自學React，逐步邁向目標的過程，裡面會參雜著目前我對 R...

Chris ‧ 2020-09-01

4 Like 1 留言 6436 瀏覽

達標好文技術領進前端門，修行在個人：一變應萬變的響應式網頁設計(2) - 常見版型佈局設定

禁止顯示x軸法則在開發響應式網頁時最切記的就是不能出現x軸，為什麼呢？當使用者瀏覽時，若畫面有x軸也有y軸時，使用者必須上下左右滑動去瀏覽，這樣對於使用者體驗...

yaling_0616 ‧ 2020-06-30

2 Like 0 留言 2661 瀏覽

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

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

yaling_0616 ‧ 2020-06-23

2 Like 0 留言 2381 瀏覽

技術【圖解Deno教學】介紹x安裝x使用三合一

Youtube連結：https://bit.ly/36zpv2VDeno Taiwan(FB社團):https://bit.ly/2XXyoQ0 Deno是一...

用圖片高效學程式 ‧ 2020-05-27

2 Like 0 留言 5110 瀏覽

技術 [筆記] React 如何使用 Redux-Observable 及 Google Map Api：副線打怪一下(3) - Finish

口罩即時查先附上作品網址及成果展示：口罩即時查功能（電腦、平板、手機皆可觀看）電腦版 ᴘᴄ平板 ᴛ手機版 ᴍ 定位 - 在地圖上顯示目前位置 ᴘᴄ 藥局...

yaling_0616 ‧ 2020-03-05

0 Like 1 留言 8121 瀏覽

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

為何要使用Redux-Observable? 首先，一開始我們都知道redux跟react搭配的很好，redux扮演著資料倉儲的角色，但是許多的side eff...

yaling_0616 ‧ 2020-02-25

0 Like 0 留言 3037 瀏覽

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

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

yaling_0616 ‧ 2020-02-10

4 Like 2 留言 2273 瀏覽

技術領進前端門，修行在個人：關於本系列文章

前言這是我第一次參加寫文大賽，以往都只有在iT邦看各位大神的教學文，這次在過年間意外發現六角學院 - 鼠年全馬鐵人挑戰賽這項活動，其實也猶豫了很久才決定參加這...

yaling_0616 ‧ 2020-02-04

5 Like 2 留言 5905 瀏覽

鐵人賽 Modern Web

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

技術 Day 50+ 用了會上癮的 TypeScript 新功能 - Easily Addicted New Features in TypeScript

貼心小提示筆者最近開始在整理內容並且使用 TypeScript 實驗並且寫各種小專案，因此 Day 50+ 以後的內容通常都是筆者偶爾會整理的一些很實用的東...

Maxwell Alexius ‧ 2020-01-27

3 Like 0 留言 4295 瀏覽

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

4 Like 0 留言 5112 瀏覽

技術 [開發經驗分享][JavaScript]浮點數運算出現一堆小數位數

情境描述最近在開發專案的前端時，遇到一件非常奇怪的問題，用Javascript來做加減乘除，如果是有小數點的數字的話，跑出來的數字會非常奇特，例如： var...

威廉蕭 ‧ 2020-01-15

4 Like 0 留言 4006 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2020-01-13

0 Like 0 留言 6056 瀏覽

徵才 [台中]資深前端工程師

【公司名稱，統編】搞之訊有限公司，82784304 【工作地址】籌備處：台中市西屯區皇福街16號（預計2020年初移至辦公室地址）辦公室：407台中市西屯區惠中...

rexwu513 ‧ 2020-01-13

2 Like 3 留言 5325 瀏覽

鐵人賽自我挑戰組

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

技術 JavaScript 的 if 條件

運算子要來正式介紹 if 條件式之前，必須要先來介紹運算子，因為 if 條件式內的條件會由運算子來進行比較與運算。比較運算子 == 與 != 僅單純比...

Alec ‧ 2019-12-05

3 Like 2 留言 4933 瀏覽

鐵人賽自我挑戰組

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

技術 JavaScript 的陣列 (Array) 與物件 (Object)

之前曾經介紹過宣告變數，開頭用 var 後接數字 (Number) 或是字串 (String)，而今天我們要介紹另一種變數型態，就是陣列 (Array) 與物...

Alec ‧ 2019-11-22

3 Like 2 留言 4188 瀏覽

鐵人賽自我挑戰組

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

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

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

Alec ‧ 2019-11-15

5 Like 1 留言 15453 瀏覽

鐵人賽自我挑戰組

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

技術初探前端三劍客之一 - JavaScript 大神(變數、console.log() 與 textContent)

★首先這篇文章適合以下背景的人閱讀：熟悉 HTML、CSS 正要開始一腳踏進 JavaScript 的初學者今天我們要開始進入 JavaScript...

Alec ‧ 2019-11-11

1 Like 0 留言 2636 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-28

3 Like 1 留言 5091 瀏覽

鐵人賽 Modern Web

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

技術 Day 42. 通用武裝・泛用型別 X 型別參數化 - TypeScript Generics Introduction

《通用武裝》篇章概要本系列即將邁入後半段（現在才邁入後半段會不會有點晚？）—— 泛用型別（Generics）的介紹。筆者翻閱很多資料發現，泛用型別儘管看似...

Maxwell Alexius ‧ 2019-10-22

2 Like 0 留言 2756 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-20

2 Like 1 留言 2831 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-19

2 Like 1 留言 3680 瀏覽

鐵人賽自我挑戰組

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

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

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

Alec ‧ 2019-10-18

2 Like 0 留言 2420 瀏覽

鐵人賽自我挑戰組

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

技術關於購物車頁面的 RWD 移動概念

鐵人賽結束了，但說過了寫文章是 to be continued 的，今天就要先來記錄一下這個購物車頁面的 RWD 移動概念。回歸正常學習進度，檢視了一下作業與...

Alec ‧ 2019-10-18

2 Like 0 留言 3368 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-18

1 Like 0 留言 4936 瀏覽

鐵人賽 Modern Web

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

技術 Day 37. 戰線擴張・第三方套件 X 支援的引入 - 3rd-Party Package & TypeScript Declaration File

閱讀本篇文章前，仔細想想看今天不用想，馬上看下去！今天筆者要講本篇章系列比較重要的部分 —— TypeScript 的型別宣告檔 Declaratio...

Maxwell Alexius ‧ 2019-10-17

3 Like 1 留言 3622 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-16

5 Like 2 留言 11999 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 30. [WEB] 從輸入網址列到渲染畫面，過程經歷了什麼事情？

相信讀者您在生活中，多少都會有搜尋、瀏覽網頁的經驗吧？輸入網址、而身為網頁製造者的前端工程師，你真的知道你寫出來的網頁在部屬之後，是怎麼從網址變成頁面，進而顯...

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

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

技術 Day-3 你掉的是這個金React、銀React，還是這個普通React呢？

技術 Day-2 少年，你身體有一股龐大的查克拉

技術 Day-1－React自我挑戰之旅

達標好文 技術 領進前端門，修行在個人：一變應萬變的響應式網頁設計(2) - 常見版型佈局設定

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

技術 【圖解Deno教學】介紹x安裝x使用 三合一

技術 [筆記] React 如何使用 Redux-Observable 及 Google Map Api：副線打怪一下(3) - Finish

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

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

技術 領進前端門，修行在個人：關於本系列文章

技術 Day 50+ 用了會上癮的 TypeScript 新功能 - Easily Addicted New Features in TypeScript

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

技術 [開發經驗分享][JavaScript]浮點數運算出現一堆小數位數

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

徵才 [台中]資深前端工程師

技術 JavaScript 的 if 條件

技術 JavaScript 的陣列 (Array) 與物件 (Object)

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

技術 初探前端三劍客之一 - JavaScript 大神(變數、console.log() 與 textContent)

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

技術 Day 42. 通用武裝・泛用型別 X 型別參數化 - TypeScript Generics Introduction

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

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

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

技術 關於購物車頁面的 RWD 移動概念

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

技術 Day 37. 戰線擴張・第三方套件 X 支援的引入 - 3rd-Party Package & TypeScript Declaration File

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

技術 30. [WEB] 從輸入網址列到渲染畫面，過程經歷了什麼事情？

標記使用者

達標好文技術領進前端門，修行在個人：一變應萬變的響應式網頁設計(2) - 常見版型佈局設定

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

技術【圖解Deno教學】介紹x安裝x使用三合一

技術 [筆記] React 如何使用 Redux-Observable 及 Google Map Api：副線打怪一下(3) - Finish

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

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

技術領進前端門，修行在個人：關於本系列文章

技術初探前端三劍客之一 - JavaScript 大神(變數、console.log() 與 textContent)

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

技術關於購物車頁面的 RWD 移動概念