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

0 Like 0 留言 3361 瀏覽

徵才【台北市中山】誠徵Javascript工程師- FE/FS (年薪百萬）

歡迎私信或email至debbie.chen@glints.com （代徵）【條件要求】熟悉原生JS 相關經驗熟悉 HTML, CSS, ES6+...

debbieatglints ‧ 2020-10-13

0 Like 0 留言 240 瀏覽

鐵人賽 Modern Web DAY 29

前端工程師一起來種一棵後端技能樹吧！系列第 29 篇

技術 [Day 29] Frontend ? Backend ? 如何做選擇？

可能很多人一開始看到系列文主題就會產生疑惑了：「前後端都碰會不會都不專精啊？」其實這個問題的答案我自己覺得是：會的。但我仍然照自己的想法自己的步調在往前行，...

莫力全 Kyle Mo ‧ 2020-10-12 ‧團隊不要搶我隊友

0 Like 0 留言 92 瀏覽

鐵人賽 Modern Web DAY 28

前端工程師一起來種一棵後端技能樹吧！系列第 28 篇

技術 [Day 28] 菜鳥工程師的初次開發「偽」 Open Source Project

ConsumerX 這篇文章的標題似乎跟前幾天的「菜鳥工程師的初次 Open Source Contribution」這篇文章有點像欸！不同的是上次是去貢獻...

莫力全 Kyle Mo ‧ 2020-10-11 ‧團隊不要搶我隊友

0 Like 0 留言 98 瀏覽

鐵人賽 Modern Web DAY 25

前端工程師一起來種一棵後端技能樹吧！系列第 25 篇

技術 [Day 25] 菜鳥工程師的初次 Open Source Contribution - (1)

鐵人賽剩下 5 天，接下來我想聚焦在一些經驗分享，畢竟除了學習技術以外，適時的採取一些實際行動更能夠快速吸收所學知識與進步。身為軟體工程師， Github 自...

莫力全 Kyle Mo ‧ 2020-10-08 ‧團隊不要搶我隊友

0 Like 0 留言 174 瀏覽

鐵人賽 Modern Web DAY 24

前端工程師一起來種一棵後端技能樹吧！系列第 24 篇

技術 [Day 24] 初探 Deno — 與 Node.js 的淺比較

為什麼要寫這個主題呢？原因是我想如果前端開發者要接觸後端領域，「通常」會選擇 Node.js ，畢竟不用學另外的語言，npm 開發生態系也是相通的，不過最近出了...

莫力全 Kyle Mo ‧ 2020-10-07 ‧團隊不要搶我隊友

0 Like 0 留言 210 瀏覽

鐵人賽 Modern Web DAY 23

前端工程師一起來種一棵後端技能樹吧！系列第 23 篇

技術 [Day 23] 淺淺認識 Database Sharding

（這其實是一個很複雜且相對較進階的主題，本篇文章僅供認識這個概念，相關實作範例都是終極簡化版）什麼是 DB Sharding，為什麼需要它 ? 在海量資料的儲...

莫力全 Kyle Mo ‧ 2020-10-06 ‧團隊不要搶我隊友

0 Like 1 留言 236 瀏覽

鐵人賽 Modern Web DAY 8

前端工程師一起來種一棵後端技能樹吧！系列第 8 篇

技術 [Day 08] Web Server & Nginx — (2)

上一篇文章中，我們了解到 web server 究竟是什麼黑魔法，可以做到什麼事，還有與程式語言跑的 application server 有什麼差異，此篇文章...

莫力全 Kyle Mo ‧ 2020-09-21 ‧團隊不要搶我隊友

2 Like 1 留言 432 瀏覽

鐵人賽 Modern Web DAY 3

前端開發 30 個問題系列第 3 篇

技術 What is metadata?

前言 2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...

TD ‧ 2020-09-16 ‧團隊Outcome First

3 Like 0 留言 175 瀏覽

鐵人賽 Modern Web DAY 2

前端開發 30 個問題系列第 2 篇

技術關於 <link> 的兩三事

前言 2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...

TD ‧ 2020-09-15 ‧團隊Outcome First

3 Like 0 留言 250 瀏覽

鐵人賽 Modern Web DAY 1

前端開發 30 個問題系列第 1 篇

技術 What is DOCTYPE?

前言 2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相...

TD ‧ 2020-09-14 ‧團隊Outcome First

1 Like 0 留言 503 瀏覽

技術【Deno Taiwan 社群】草創時期，歡迎有志之士一同營造！！

Deno Taiwan臉書社團：https://bit.ly/2XXyoQ0 圖解Deno教學 — 介紹x安裝x使用三合一：圖解Deno教...

用圖片高效學程式 ‧ 2020-06-08

4 Like 0 留言 2068 瀏覽

鐵人賽 Modern Web

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

技術 Day 48. 通用武裝・非同步概念 X 脫離巢狀地獄 - TypeScript Generics with Asynchronous Programming I. Promise Chain

閱讀本篇文章前，仔細想想看 ES6 Map 與 Set 在 TypeScript 裡使用時需要注意的事項。 ES6 Promise 的基本運作機制為何？...

Maxwell Alexius ‧ 2020-01-09

1 Like 0 留言 1905 瀏覽

鐵人賽 Modern Web

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

技術 Day 47. 通用武裝・泛型應用 X 結合 ES2015+ - TypeScript Generics with ES2015+ Features

閱讀本篇文章前，仔細想想看迭代器（Iterator）與聚合物（Collection）的差別在哪？迭代器模式要如何實踐？實踐的目的為何？什麼是多型巡訪...

Maxwell Alexius ‧ 2020-01-09

1 Like 0 留言 1806 瀏覽

鐵人賽 Modern Web

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

技術 Day 44. 通用武裝・介面與類別 X 泛型註記機制 - TypeScript Generic Class & Interface

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

Maxwell Alexius ‧ 2019-10-25

1 Like 0 留言 1109 瀏覽

鐵人賽 Modern Web

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

技術 Day 43. 通用武裝・泛型註記 X 推論未來 - TypeScript Generic Declaration & Annotation

閱讀本篇文章前，仔細想想看泛用型別的意義是什麼？泛用型別大致上有哪些種類或形式？如果還不清楚可以看一下前一篇文章喔～以下就直接正文開始～泛用...

Maxwell Alexius ‧ 2019-10-23

2 Like 1 留言 739 瀏覽

鐵人賽 Modern Web DAY 30

React + D3 的正確姿勢系列第 30 篇

技術 Day30-結語

前言不知不覺就到最後一天了，沒想到這次竟然也可以完賽，果然每天屁話個幾句就可以順利產出文章了(X 為了呼應上面所說，所以今天就來當個文章小偷來分類一下這次系列...

AndyChen ‧ 2019-10-16

3 Like 1 留言 1057 瀏覽

鐵人賽 Modern Web DAY 30

JavaScript 原力覺醒 - 成為絕地武士之路系列第 30 篇

技術 JS 原力覺醒 Day30 - 我是怎麼活過這三十天的？

總算來到最後一天了，最後一天不會有技術內容，只會有很純的純 Mur Mur，想聽的再請留下。最後我打算記錄一下這三十天的感受，給其他沒參加過鐵人但是正在猶豫要不...

Mooji ‧ 2019-10-15 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 436 瀏覽

鐵人賽 Modern Web DAY 29

React + D3 的正確姿勢系列第 29 篇

技術 Day29-React + D3（二）

前言昨天的文章利用 componentDidMount 結合 D3 ，但相信讀者一定會覺得這樣的寫法又臭又長，而且這個 class 裡面也才寫了一個 comp...

AndyChen ‧ 2019-10-15

0 Like 0 留言 443 瀏覽

鐵人賽 Modern Web DAY 28

React + D3 的正確姿勢系列第 28 篇

技術 Day28-React + D3（一）

前言前面的文章都介紹完圖表的繪製後，今天終於要回歸主題，把 D3 跟 React 結合在一起了，今天跟明天的文章都會把以前所講的內容做一個統整，假如對 Rea...

AndyChen ‧ 2019-10-14

1 Like 0 留言 652 瀏覽

鐵人賽 Modern Web DAY 29

JavaScript 原力覺醒 - 成為絕地武士之路系列第 29 篇

技術 JS 原力覺醒 Day29 - Set / Map

ES6 之後加入兩種新的資料結構：Map 跟 Set 。 Map 與 Set 都是像字串跟陣列這樣可以被尋訪的類型，也就是說可以使用 for 迴圈去一個一個查...

Mooji ‧ 2019-10-14 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 754 瀏覽

鐵人賽 Modern Web DAY 28

JavaScript 原力覺醒 - 成為絕地武士之路系列第 28 篇

技術 JS 原力覺醒 Day28 - JS 裡的資料結構

隨著硬體規格條件的提升，網站商業邏輯的運作也慢慢從以往的後端伺服器轉移到客戶端，因此前端領域的專業知識就變得越來越重要，隨著前端技術被重視，也開始慢慢出現 R...

Mooji ‧ 2019-10-13 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 610 瀏覽

鐵人賽 Modern Web DAY 27

React + D3 的正確姿勢系列第 27 篇

技術 Day27-bubble chart(using D3.js)

前言今天要來介紹本系列文最後一個圖表了，由於鐵人賽時間真的很有限沒辦法介紹全部的圖表，但筆者已經盡量把最常用的幾種圖表都介紹給大家了，相信大家學會這幾種圖表一...

AndyChen ‧ 2019-10-13

1 Like 0 留言 962 瀏覽

鐵人賽 Modern Web DAY 27

JavaScript 原力覺醒 - 成為絕地武士之路系列第 27 篇

技術 JS 原力覺醒 Day27 - JS 常用 API - Object.assign && Object.defineProperty

今天要講的是是兩個在操作物件時常用到的 JS API ，有時候我們會需要做一些比較進階的操作，例如對物件屬性做一些比較細節的微調；還有複製物件，但是複製物件的話...

Mooji ‧ 2019-10-12 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

0 Like 0 留言 924 瀏覽

鐵人賽 Modern Web DAY 26

React + D3 的正確姿勢系列第 26 篇

技術 Day26-donut chart(using D3.js)

前言昨天的文章介紹了圓餅圖，今天要來介紹圓餅圖的變形版：環圈圖，其實筆者自己比較少用圓餅圖，只要是這種要計算數據比例的統計圖現在都改用環圈圖了，至於為什麼會有...

AndyChen ‧ 2019-10-12

1 Like 0 留言 655 瀏覽

鐵人賽 Modern Web DAY 26

JavaScript 原力覺醒 - 成為絕地武士之路系列第 26 篇

技術 JS 原力覺醒 Day26 - 常用 API： setTimeout / setTimeInterval

來講一下常用到的瀏覽器 API ，其實前面在講 Event Queue 的時候就已經提過 setTimeout 了，不過這邊就讓我們從更具實用性的層面來看這些方...

Mooji ‧ 2019-10-11 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 1059 瀏覽

鐵人賽 Modern Web DAY 25

React + D3 的正確姿勢系列第 25 篇

技術 Day25-pie chart(using D3.js)

前言今天要來介紹一個比較特別的圖表，在前天的文章提到長條圖，用來反映事物分布、集中情況，昨天的文章提到折線圖，用來顯示數據的變化趨勢，但是這些都無法得知單一數...

AndyChen ‧ 2019-10-11

0 Like 0 留言 921 瀏覽

鐵人賽 Modern Web DAY 24

React + D3 的正確姿勢系列第 24 篇

技術 Day24-line chart(using D3.js)

前言在講完長條圖之後接下來要介紹的是折線圖，折線圖也是視覺化中非常重要且基礎的一種圖表，廢話不多說馬上開始今天的文章吧！折線圖折線圖是用直線段將各數據點連...

AndyChen ‧ 2019-10-10

1 Like 0 留言 884 瀏覽

鐵人賽 Modern Web DAY 25

JavaScript 原力覺醒 - 成為絕地武士之路系列第 25 篇

技術 JS 原力覺醒 Day25 - CRP : 關鍵渲染路徑

當使用者進入頁面、瀏覽器收到請求並回傳前端相關檔案後，到最後使用者看到的畫面呈現之前，還有很多步驟會被執行，這一連串步驟的總和就稱為 Critical Rend...

Mooji ‧ 2019-10-10 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

0 Like 0 留言 1441 瀏覽

鐵人賽 Modern Web DAY 24

一步步帶你了解 AWS & LINE API 並使用 Serverless 介接的各種應用系列第 24 篇

技術 Day 24 - 簡單使用 LINE LIFF API

前言以下就為大家帶來簡單的實作以及如何去使用它。實作在views/下新增一個liff_test.html並加入以下內容 <html> &l...

NiJia ‧ 2019-10-09 ‧團隊HSCA x CHATBOT x SERVERLESS

1 Like 0 留言 403 瀏覽

鐵人賽 Modern Web DAY 23

React + D3 的正確姿勢系列第 23 篇

技術 Day23-multi bar chart(using D3.js)

前言昨天的文章講完如何繪製長條圖後，今天要來講點進階版的長條圖了，其實說進階也沒到多進階就只是讓同一個 band 可以多畫一些 rect 出來形成多重長條圖而...

AndyChen ‧ 2019-10-09

徵才 【台北市中山】誠徵Javascript工程師- FE/FS (年薪百萬）

技術 [Day 29] Frontend ? Backend ? 如何做選擇？

技術 [Day 28] 菜鳥工程師的初次開發「偽」 Open Source Project

技術 [Day 25] 菜鳥工程師的初次 Open Source Contribution - (1)

技術 [Day 24] 初探 Deno — 與 Node.js 的淺比較

技術 [Day 23] 淺淺認識 Database Sharding

技術 [Day 08] Web Server & Nginx — (2)

技術 What is metadata?

技術 關於 <link> 的兩三事

技術 What is DOCTYPE?

技術 【Deno Taiwan 社群】草創時期，歡迎有志之士一同營造！！

技術 Day 48. 通用武裝・非同步概念 X 脫離巢狀地獄 - TypeScript Generics with Asynchronous Programming I. Promise Chain

技術 Day 47. 通用武裝・泛型應用 X 結合 ES2015+ - TypeScript Generics with ES2015+ Features

技術 Day 44. 通用武裝・介面與類別 X 泛型註記機制 - TypeScript Generic Class & Interface

技術 Day 43. 通用武裝・泛型註記 X 推論未來 - TypeScript Generic Declaration & Annotation

技術 Day30-結語

技術 JS 原力覺醒 Day30 - 我是怎麼活過這三十天的？

技術 Day29-React + D3（二）

技術 Day28-React + D3（一）

技術 JS 原力覺醒 Day29 - Set / Map

技術 JS 原力覺醒 Day28 - JS 裡的資料結構

技術 Day27-bubble chart(using D3.js)

技術 JS 原力覺醒 Day27 - JS 常用 API - Object.assign && Object.defineProperty

技術 Day26-donut chart(using D3.js)

技術 JS 原力覺醒 Day26 - 常用 API： setTimeout / setTimeInterval

技術 Day25-pie chart(using D3.js)

技術 Day24-line chart(using D3.js)

技術 JS 原力覺醒 Day25 - CRP : 關鍵渲染路徑

技術 Day 24 - 簡單使用 LINE LIFF API

技術 Day23-multi bar chart(using D3.js)

At

徵才【台北市中山】誠徵Javascript工程師- FE/FS (年薪百萬）

技術關於 <link> 的兩三事

技術【Deno Taiwan 社群】草創時期，歡迎有志之士一同營造！！

技術 Day 48. 通用武裝・非同步概念 X 脫離巢狀地獄 - TypeScript Generics with Asynchronous Programming I. Promise Chain