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

3 Like 2 留言 4945 瀏覽

鐵人賽自我挑戰組

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

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

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

Alec ‧ 2019-11-22

2 Like 0 留言 4793 瀏覽

鐵人賽 Modern Web DAY 5

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 5 篇

技術 [Day05] Service Worker の基礎介紹(Part2)

來看看Service Worker怎麼監聽事件我們可以在sw.js file裡，開始監聽一些比較基本的事件。 // 當service worker在「安裝階段...

rehome ‧ 2019-09-19

1 Like 0 留言 4724 瀏覽

鐵人賽 Modern Web DAY 2

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 2 篇

技術 [Day02] 初探Web App Manifest

什麼是Web App Manifest？ Web App Manifest就是一個json文件，當browser載入文件後，可以幫助我們安裝Web到手機的螢幕上...

rehome ‧ 2019-09-16

0 Like 0 留言 4682 瀏覽

鐵人賽 Modern Web DAY 16

Follow me! 來一場前端技能樹之旅系列第 16 篇

技術 [Day 16 - 小試身手] 用HTML、CSS、JS打造個人網站 (3)

在上一篇：用HTML、CSS、JS打造個人網站 (2)，完成了網頁的所有內容，接下來的工作就是讓網頁能夠適應各種螢幕大小，讓使用者在每個裝置都能有最基本的使用...

May ‧ 2021-09-29

4 Like 5 留言 4678 瀏覽

鐵人賽自我挑戰組 DAY 1

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

技術 Hello My World

距離上一次寫文章大概距今已是8年前了，當時也只是想作為一個旅遊紀錄，這8年經歷了很多事，我在29歲時去了澳洲一年Working Holiday沉澱自我，在31...

Alec ‧ 2019-09-09

0 Like 0 留言 4652 瀏覽

鐵人賽 Modern Web DAY 26

Follow me! 來一場前端技能樹之旅系列第 26 篇

技術 [Day 26 - 小試身手] Todolist with React (1)

終於差不多進入30天前端技能樹之旅的尾聲，最後就來利用系列後半部所學的 React，搭配 Redux、Styled-components 來個小試身手，實作一個...

May ‧ 2021-10-09

3 Like 0 留言 4503 瀏覽

鐵人賽 Modern Web DAY 23

今晚，我想來點 Web 前端效能優化大補帖！系列第 23 篇

技術 Day23 X WebAssembly

也許你早就聽過 WebAssembly 這個詞，傳說中它可以讓 C, C++, Rust 等系統語言的程式碼在瀏覽器上執行，解決 JS 的效能已經快要逼近極限...

莫力全 Kyle Mo ‧ 2021-10-08 ‧團隊StarBugs 星巴哥技術週刊

3 Like 0 留言 4324 瀏覽

鐵人賽自我挑戰組 DAY 7

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

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

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

Alec ‧ 2019-09-15

0 Like 0 留言 4230 瀏覽

鐵人賽 Modern Web DAY 3

Spring Boot... 深不可測系列第 3 篇

技術 Day 02 - 開發神器 IntelliJ

今天目標，安裝開發環境並建立專案。小弟平常都用 vscode 來做程式開發，但開發 Java 專案就是覺得不方便，後來受老師推薦用 IntelliJ 就被深深...

mark0613 ‧ 2022-09-18 ‧團隊那團名要叫什麼？

3 Like 2 留言 4194 瀏覽

鐵人賽自我挑戰組

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

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

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

Alec ‧ 2019-11-15

1 Like 1 留言 4074 瀏覽

鐵人賽自我挑戰組 DAY 17

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

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

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

Alec ‧ 2019-09-25

10 Like 4 留言 4017 瀏覽

達標好文技術 [整理向]2022 iThome 鐵人賽網頁開發小小地圖.fin

　以下整理大多主題為Modern Web，歡迎留言debug 2022 iThome 鐵人賽網頁開發小小地圖前端三本柱從0開始系列【每天5分鐘...

前端小小咖 ‧ 2022-08-08

0 Like 0 留言 4012 瀏覽

鐵人賽 Modern Web DAY 27

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 27 篇

技術【D27 主委加碼】Git講完了那GitFlow又是甚麼啦?

之前我們在很一開始的地方加碼了一個git的實戰教學~ 後來有一位朋友問我能不能講講gitflow，其實gitflow很簡單，可以說是的一套完整開發流程規定，那...

ryanyen2 ‧ 2020-09-27

3 Like 0 留言 3923 瀏覽

鐵人賽 Modern Web DAY 18

今晚，我想來點 Web 前端效能優化大補帖！系列第 18 篇

技術 Day18 X Service Workers Cache

如果你聽過 PWA，那麼對今天的主題ㄧ定不陌生，因為今天要講的 Service Worker 就是 PWA 的一個重要元件。不過 PWA 這個主題本身就已經足...

莫力全 Kyle Mo ‧ 2021-10-03 ‧團隊StarBugs 星巴哥技術週刊

2 Like 0 留言 3847 瀏覽

鐵人賽 Modern Web DAY 29

今晚，我想來點 Web 前端效能優化大補帖！系列第 29 篇

技術 Day29 X 面對高流量，前端可以做些什麼？

在現今的 Web 應用中，要建構一個穩定的大型系統，能夠處理 High Concurrency 的流量是一個不可或缺的條件，尤其是在服務的熱門時段，例如優惠活...

莫力全 Kyle Mo ‧ 2021-10-14 ‧團隊StarBugs 星巴哥技術週刊

0 Like 0 留言 3782 瀏覽

鐵人賽 Modern Web DAY 2

Spring Boot... 深不可測系列第 2 篇

技術 Day 01 - Spring Boot 是什麼，能吃嗎

今天日標，簡單介紹一下 Spring Boot、為什麼要用框架、MVC 架構，有個初步概念就好，明天開始建立專案 ! Spring Boot 簡介 Spring...

mark0613 ‧ 2022-09-17 ‧團隊那團名要叫什麼？

0 Like 0 留言 3761 瀏覽

鐵人賽 Modern Web DAY 26

ML X 友廷等公車系列第 26 篇

技術 Day 26 FB Login/Logout

前言想做個加入我的最愛路線，首先需要辨別身份(唯一key,id)，對照資料庫有無紀錄(是否為會員/有無最愛清單...)，這時候，就需要登入來幫忙，而登入登...

阿瑜 ‧ 2019-09-27

0 Like 1 留言 3711 瀏覽

鐵人賽 Modern Web DAY 5

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 5 篇

技術 Day 5— 自動化回信機(2) 讀取試算表內容

昨天我們把試算表的前置作業完成，今天我們來看看將別人填表單後送到試算表中的內容怎麼被讀取。首先先來看看昨天的問題： onEdit() 能在 Google 表單...

鳳黃酥 ‧ 2021-09-20

0 Like 0 留言 3694 瀏覽

鐵人賽 Modern Web DAY 19

Follow me! 來一場前端技能樹之旅系列第 19 篇

技術 [Day 19 - React] 現在開始用框架寫網頁 — React

為什麼要使用框架？前端最重要的工作，就是讓網頁的資料與狀態視覺化，有資料狀態改變時，就要更動網頁內容的顯示。但當網頁內容複雜化，網頁元件、元件操作功能和資料狀...

May ‧ 2021-10-02

2 Like 0 留言 3597 瀏覽

鐵人賽 Modern Web DAY 20

今晚，我想來點 Web 前端效能優化大補帖！系列第 20 篇

技術 Day20 X CDN

CDN 這個名詞在前面的篇章應該出現過蠻多次的，一直感到困惑的朋友們不用擔心，今天終於要來好好介紹它了！什麼是 CDN ? CDN 的全名為 Conten...

莫力全 Kyle Mo ‧ 2021-10-05 ‧團隊StarBugs 星巴哥技術週刊

1 Like 0 留言 3588 瀏覽

鐵人賽 Modern Web DAY 1

Go into Web！系列第 1 篇

技術 Day1 | 萬事起頭難

參賽動機 Hi 大家好！我是阿翔，本次是我第一次參賽，主要的目的是要逼自己整理好以往學習開發的一些好用的工具、開發方法與經驗，剛好最近工作有使用到 Golang...

阿翔 ‧ 2020-09-01

1 Like 0 留言 3563 瀏覽

鐵人賽 Modern Web DAY 6

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 6 篇

技術 [Day06] 複習一下Jacvascript中的 Promise 和 Fetch(Part1)

在Service Woker中會用到大量的promise和Fetch API，所以這邊先來好好複習一下 JavaScript程式語言在設計時，需考量非同步、單...

rehome ‧ 2019-09-20

1 Like 0 留言 3554 瀏覽

鐵人賽 Modern Web DAY 21

今晚，我想來點 Web 前端效能優化大補帖！系列第 21 篇

技術 Day21 X Upgrade Your HTTP Connection

其實很多的效能優化技巧都擁有「用了不一定會讓效能變得比較快，就算有可能也是使用者難以感知的微幅進步，甚至如果使用不當會讓網頁效能變的更差」的特性。不過對於...

莫力全 Kyle Mo ‧ 2021-10-06 ‧團隊StarBugs 星巴哥技術週刊

3 Like 0 留言 3524 瀏覽

鐵人賽 Modern Web DAY 27

今晚，我想來點 Web 前端效能優化大補帖！系列第 27 篇

技術 Day27 X Stale While Revalidate Cache Policy

在 Day24 介紹 Web 前端渲染架構時，有提到 Stale While Revalidate 這個快取的應用策略，今天將更詳細介紹這個策略，並看看怎麼運...

莫力全 Kyle Mo ‧ 2021-10-12 ‧團隊StarBugs 星巴哥技術週刊

1 Like 0 留言 3518 瀏覽

鐵人賽 Modern Web DAY 23

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 24 篇

技術 [Day24] 實作PWA推播通知(Part3)

VAPID Library是使用「非對稱式加密的方式」確保傳送推播訊息到瀏覽器供應商的push server是「來自我自己的server」。也就是說它會產生一...

rehome ‧ 2019-10-09

1 Like 0 留言 3493 瀏覽

鐵人賽 Modern Web DAY 13

30天從零撰寫 Kotlin 語言並應用於 Spring Boot 開發系列第 13 篇

技術 [Day 13] 遠征 Kotlin × 建置 Spring Boot 專案

編輯器環境說明接下來，這篇文章將帶大家建置 Spring Boot 專案，本系列文章使用的編輯器為 Intellij ，但因為使用的 intellij 為 u...

Devin ‧ 2020-09-22 ‧團隊Kotlin 鐵人陣

0 Like 0 留言 3481 瀏覽

鐵人賽 Modern Web DAY 15

Follow me! 來一場前端技能樹之旅系列第 15 篇

技術 [Day 15 - 小試身手] 用HTML、CSS、JS打造個人網站 (2)

在上一篇：用HTML、CSS、JS打造個人網站 (1)，講解了開發網頁的前置作業，以及 Header 跟 Section-Primary 的區塊，接下來就讓我...

May ‧ 2021-09-28

3 Like 0 留言 3404 瀏覽

鐵人賽自我挑戰組 DAY 8

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

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

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

Alec ‧ 2019-09-16

5 Like 0 留言 3375 瀏覽

鐵人賽自我挑戰組 DAY 5

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

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

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

Alec ‧ 2019-09-13

0 Like 0 留言 3346 瀏覽

鐵人賽 Modern Web DAY 11

Follow me! 來一場前端技能樹之旅系列第 11 篇

技術 [Day 11 - JS] 互動吧網頁 — Javascipt的DOM 操作 / 事件

在前一篇，我們介紹完 Javascript 的語法和基本功能，包括宣告變數、條件陳述式、函式、物件陣列 ... 等等，接下來就來了解如何透過 Javascipt...

May ‧ 2021-09-24