iT邦幫忙

modern web相關文章
共有 526 則文章
0 Like 0 留言 1534 瀏覽
鐵人賽 Modern Web DAY 30
製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～ 系列 第 30 篇

技術 #30 No-code 之旅 — 恭喜完賽！

最後一天！禮拜五快樂！恭喜大家完賽！恭喜自己ＸＤ 今天來回頭看看我們這三十天學了哪些事，還有講一下未來規劃～ 回顧 來回顧一下這 30 天的文章： 系列文...

Jade ‧ 2021-10-15
0 Like 0 留言 2592 瀏覽
鐵人賽 Modern Web DAY 30
用React刻自己的投資Dashboard 系列 第 30 篇

技術 用React刻自己的投資Dashboard Day30 - 股票代號輸入防呆機制

tags: 2021鐵人賽 React 股票代號輸入錯誤當機問題 Day28的文章有提到，當使用者想要輸入股票代號看K線圖時，如果輸入的股票代號是錯誤的，也就是...

Sean Liu ‧ 2021-10-15
4 Like 9 留言 2926 瀏覽
鐵人賽 Modern Web DAY 30
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 30 篇

技術 Day30 X 系列文總結

這是我第三年參加鐵人賽，每一次來到第 30 天，都有種如釋重負的感覺，不過同時也會感到一些遺憾，因為總是沒能把自己在開賽前預期的內容好好呈現出來。不論是主題內...

莫力全 Kyle Mo ‧ 2021-10-15 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 1590 瀏覽
鐵人賽 Modern Web DAY 29
用React刻自己的投資Dashboard 系列 第 29 篇

技術 用React刻自己的投資Dashboard Day29 - 替股票加上名稱

tags: 2021鐵人賽 React 上一篇提到台股技術面的最新收盤資訊只有股票代號，似乎少了名稱，本篇就來把它補上吧。 資料來源 Finmind API裡面...

Sean Liu ‧ 2021-10-14
7 Like 0 留言 3460 瀏覽
鐵人賽 Modern Web
從零開始打造網頁遊戲－造輪子你也辦的到！ 系列 第 31 篇

技術 鐵人賽後感言 - 趣聞分享、30天回顧、四大收穫、Canvas遊戲後續發展

本次鐵人賽的作品，你玩過了嗎? 先分享一件趣聞 在我上禮拜完成這個音樂遊戲後，我將它分享給了一些人看，包括我的印度室友，沒想到他深有感觸，在凌晨5點的時候...

jerrythepotato ‧ 2021-10-17
2 Like 0 留言 5558 瀏覽
鐵人賽 Modern Web DAY 29
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 29 篇

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

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

莫力全 Kyle Mo ‧ 2021-10-14 ‧團隊StarBugs 星巴哥技術週刊
0 Like 1 留言 2867 瀏覽
鐵人賽 Modern Web DAY 28
用React刻自己的投資Dashboard 系列 第 28 篇

技術 用React刻自己的投資Dashboard Day28 - 串接台股技術面API

tags: 2021鐵人賽 React 上一篇刻好版型後，這篇就可以來串接API拉，目標當然就是讓使用者輸入股票代號後，能夠跑出最新收盤價格、漲跌幅度、漲跌幅度...

Sean Liu ‧ 2021-10-13
3 Like 0 留言 4906 瀏覽
鐵人賽 Modern Web DAY 28
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 28 篇

技術 Day28 X Runtime Performance Debugging

提到 Web 前端的效能優化，有許多的技巧是聚焦在如何減少頁面的「載入時間 Loading Time」，例如 Code Splitting 透過減少需要載入的...

莫力全 Kyle Mo ‧ 2021-10-13 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 1766 瀏覽
鐵人賽 Modern Web DAY 27
用React刻自己的投資Dashboard 系列 第 27 篇

技術 用React刻自己的投資Dashboard Day27 - 台股技術面刻板

tags: 2021鐵人賽 React 一般來說刻板前應該會需要畫個wireframe會比較清楚一些，不過時間有限，就在紙上畫一畫就先開始寫code吧，先達成功...

Sean Liu ‧ 2021-10-12
3 Like 0 留言 5855 瀏覽
鐵人賽 Modern Web DAY 27
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 27 篇

技術 Day27 X Stale While Revalidate Cache Policy

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

莫力全 Kyle Mo ‧ 2021-10-12 ‧團隊StarBugs 星巴哥技術週刊
2 Like 1 留言 1937 瀏覽
鐵人賽 Modern Web DAY 30
Follow me! 來一場前端技能樹之旅 系列 第 30 篇

技術 [Day 30] 完賽心得：你的前端之旅還尚未結束

未完待續的前端之旅 在這30天我們帶到了前端技能樹上各種類型的技能，包括基本的 HTML、CSS、JS 到各種套件框架的運用，透過入門的方式讓大家了解如何使用各...

May ‧ 2021-10-13
0 Like 0 留言 2281 瀏覽
鐵人賽 Modern Web DAY 26
用React刻自己的投資Dashboard 系列 第 26 篇

技術 用React刻自己的投資Dashboard Day26 - 台股技術面功能規劃

這篇終於要來開始做台股技術面的功能了，對於善於技術分析的投資人來說，看K線是非常基本的事情，因為從技術分析的角度來看，K線可以分析出很多其他面向看不到的學問喔~...

Sean Liu ‧ 2021-10-11
0 Like 0 留言 1826 瀏覽
鐵人賽 Modern Web DAY 25
用React刻自己的投資Dashboard 系列 第 25 篇

技術 用React刻自己的投資Dashboard Day25 - 製作漢堡選單

tags: 2021鐵人賽 React 安裝styled-components套件 在專案資料夾內一行安裝就完成了。 npm install --save st...

Sean Liu ‧ 2021-10-10
2 Like 0 留言 3800 瀏覽
鐵人賽 Modern Web DAY 25
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 25 篇

技術 Day25 X ESR: Rendering On The Edge

基本上 CDN 是現在的 Web 應用不可或缺的技術，當對被 CDN 加速過的域名發出請求時，CDN 會自動將 request 導到地理位置離使用者較近或是流...

莫力全 Kyle Mo ‧ 2021-10-10 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 1447 瀏覽
鐵人賽 Modern Web DAY 24
用React刻自己的投資Dashboard 系列 第 24 篇

技術 用React刻自己的投資Dashboard Day24 - styled components

tags: 2021鐵人賽 React 因為下一篇要讓導覽列在手機版網頁呈現漢堡選單的樣式，在參考其他工程師寫的網頁的時候，發現有一位是用styled-comp...

Sean Liu ‧ 2021-10-09
3 Like 0 留言 5217 瀏覽
鐵人賽 Modern Web DAY 24
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 24 篇

技術 Day24 X Web Rendering Architectures

今天開始正式進入系列文的最後一個章節 - Framework, Architecture and Memory Management，探索前端架構與底層實作對...

莫力全 Kyle Mo ‧ 2021-10-09 ‧團隊StarBugs 星巴哥技術週刊
0 Like 1 留言 2910 瀏覽
鐵人賽 Modern Web DAY 29
Follow me! 來一場前端技能樹之旅 系列 第 29 篇

技術 [Day 29 - 小試身手] Todolist with React (4)

在上一章Todolist with React (3)，使用 React-redux 完成了渲染任務清單、和任務新增刪除的動作，就讓我們繼續完成最後一個部分...

May ‧ 2021-10-12
0 Like 0 留言 2269 瀏覽
鐵人賽 Modern Web DAY 28
Follow me! 來一場前端技能樹之旅 系列 第 28 篇

技術 [Day 28 - 小試身手] Todolist with React (3)

在上一章Todolist with React (2)，完成所有樣式設定後，現在就讓我們在 React 中加入 Redux，使用 React-redux 動態...

May ‧ 2021-10-11
0 Like 0 留言 2229 瀏覽
鐵人賽 Modern Web DAY 27
Follow me! 來一場前端技能樹之旅 系列 第 27 篇

技術 [Day 27 - 小試身手] Todolist with React (2)

在上一章Todolist with React (1)，建立了專案環境、並且拆離 UI 設定好所有 Component 後，現在就讓我們使用套件 Styled...

May ‧ 2021-10-10
0 Like 0 留言 5464 瀏覽
鐵人賽 Modern Web DAY 26
Follow me! 來一場前端技能樹之旅 系列 第 26 篇

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

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

May ‧ 2021-10-09
0 Like 0 留言 1462 瀏覽
鐵人賽 Modern Web DAY 23
用React刻自己的投資Dashboard 系列 第 23 篇

技術 用React刻自己的投資Dashboard Day23 - 非同步呼叫API，完成首頁資料串接

tags: 2021鐵人賽 React 上一篇確認過API內容之後，剩下的部份就是串接API，並將資料呈現在畫面上了，雖然描述起來是短短兩句，不過還是寫了好多的...

Sean Liu ‧ 2021-10-08
0 Like 0 留言 2871 瀏覽
鐵人賽 Modern Web DAY 25
Follow me! 來一場前端技能樹之旅 系列 第 25 篇

技術 [Day 25 - Modern CSS] 指定CSS作用域，模組化開發 CSS Modules

要在 React 中撰寫 CSS，為元素添加樣式，除了 Styled-components，另外還有一種方式就是 CSS Modules。之前我們提過，在寫 C...

May ‧ 2021-10-08
4 Like 0 留言 6124 瀏覽
鐵人賽 Modern Web DAY 23
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 23 篇

技術 Day23 X WebAssembly

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

莫力全 Kyle Mo ‧ 2021-10-08 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 1333 瀏覽
鐵人賽 Modern Web DAY 22
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 22 篇

技術 Day 22- Google Apps Script 線上文件更新

咦？To-Do-List 怎麼突然結束了！？ 恩…主要是最近接到了不少新的任務，而我想，To Do List 這麼簡單的東西，就不用我一直做了吧？ （絕對不會承...

鳳黃酥 ‧ 2021-10-07
0 Like 0 留言 2120 瀏覽
鐵人賽 Modern Web DAY 22
用React刻自己的投資Dashboard 系列 第 22 篇

技術 用React刻自己的投資Dashboard Day22 - API與前端資料需求比對

tags: 2021鐵人賽 React 一般來說在開發階段，前端與後端會討論資料需求，讓API產出的內容能夠滿足前端畫面的需求，不過這次因為是串接外部的API，...

Sean Liu ‧ 2021-10-07
0 Like 0 留言 1339 瀏覽
鐵人賽 Modern Web DAY 21
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 21 篇

技術 Day 21- To Do List (8) 利用 HTML Template 呈現資料

今天我們一起來實作用 HTML Template 來顯示 To-Do-List 的資料吧！ 首先我們一樣先開一個 Google Apps Script 吧！...

鳳黃酥 ‧ 2021-10-06
2 Like 2 留言 3268 瀏覽
鐵人賽 Modern Web DAY 22
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 22 篇

技術 Day22 X Web Workers

身為前端開發者，整日與 JavaScript 這門程式語言打交道，應該都知道它是一個 single-threaded 的程式語言，剛開始會覺得有點詫異，現在的...

莫力全 Kyle Mo ‧ 2021-10-07 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 1941 瀏覽
鐵人賽 Modern Web DAY 24
Follow me! 來一場前端技能樹之旅 系列 第 24 篇

技術 [Day 24 - Modern CSS] 在JS中寫CSS，神套件Styled-components

要如何在 React 中撰寫 CSS，為元素添加樣式？目前的方法有 Inline-Style、CSS Modules...，其中一個方法就是很多人使用的 Sty...

May ‧ 2021-10-07
0 Like 0 留言 1781 瀏覽
鐵人賽 Modern Web DAY 23
Follow me! 來一場前端技能樹之旅 系列 第 23 篇

技術 [Day 23 - Redux] React + Redux = React-redux

前情提要：在前面的文章有了Redux，狀態管理沒煩惱，學到了如何在 Redux 透過 Action 管理更新所有的 State。接下來就讓我們學習如何在 Re...

May ‧ 2021-10-06
0 Like 0 留言 3833 瀏覽
鐵人賽 Modern Web DAY 21
用React刻自己的投資Dashboard 系列 第 21 篇

技術 用React刻自己的投資Dashboard Day21 - 介紹Finmind API

tags: 2021鐵人賽 React 接下來幾篇都會串接Finmind這個開源API，本篇就先來理解一下Finmind有哪些資料可以使用。看了一下官方網站的資...

Sean Liu ‧ 2021-10-06
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19816 篇
完賽人數
529 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙