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

0 Like 0 留言 2829 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 [Day 18 - webpack] 模組化開發好幫手 — 打包工具 webpack

為什麼要使用 webpack？在前一篇文章提到，有愈來愈多開源套件，可以幫助我們加速開發。當功能愈來愈多，將所有程式碼都寫在同一個 JS 檔案中會難以管理。...

May ‧ 2021-10-01

1 Like 1 留言 2829 瀏覽

鐵人賽 Modern Web DAY 1

30天React練功坊-攻克常見實務/面試問題系列第 1 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day1: setState isn't working with push method

tags: ItIron2023 react 前言總算又到了今年的鐵人賽了，今年的主題其實讓我掙扎很久，原先我是打算寫一些前端AI工具使用或是一些框架的深度技...

windate3411 ‧ 2023-09-16

0 Like 0 留言 2824 瀏覽

鐵人賽 Modern Web DAY 24

後端的鉗形攻勢系列第 24 篇

技術 [Day. 23] Codeigniter 註冊/登入實作(4)

昨天，我們結束在利用MVC框架將資料新增進資料庫。能將資料新增進資料庫也就表示註冊的功能已經完成囉！(當然，關於註冊還有很多眉角等著我們去細細補足) 我們接著...

Dullszy ‧ 2020-10-08

2 Like 1 留言 2808 瀏覽

鐵人賽 Modern Web DAY 2

用不到 30 天學會基本 TypeScript 系列第 2 篇

技術 TypeScript 的優缺點

優點： JavaScript 存在，TypeScript 就存在還記得昨天的圖嗎？因為 TypeScript 是建立在 JavaScript 之上的程...

威爾豬 ‧ 2023-09-02

0 Like 0 留言 2806 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 Day 05 - Package By Feature

今日目標，解釋 MVC 架構的詳細分層，並解釋我們之後開發架構。分層在前幾天，小弟僅介紹了 MVC 的基本架構以及其大致功用，今天要來解釋其內部更細的分層，...

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

2 Like 0 留言 2803 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術 Sass 的變數功能 Variable

今天要來介紹的是 Sass 的變數功能，只要利用變數的功能，我們會比較好的去管理一個網站的其他設定值，而不用欲修改時要一行一行的檢視原生 CSS 碼。 $tit...

Alec ‧ 2019-10-01

0 Like 0 留言 2795 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day 07 - 懶到極致的配置

今日目標，讓一些事自動化吧，Maven auto-reload、Hot reload server、使用 Lombok 簡化 Getter & Sett...

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

0 Like 0 留言 2788 瀏覽

鐵人賽 Modern Web DAY 29

傳承D的意志~ 邁向Django的偉大航道系列第 29 篇

技術 [Day 29] 激戰篇: 新世界的夥伴: Celery & Redis(下)

嗨大家好，我是Sean!今天我們來完成Celery&Redis的搭檔合作! Celery 首先，我們先來介紹Celery是甚麼!celery是djan...

sean85120 ‧ 2022-10-14

0 Like 0 留言 2781 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 Day 6— 自動化回信機(3) 寄出信件功能

昨天我們終於把取得試算表內資訊的任務搞定了！接下來就是打勾之後，我們把信件寄出這個任務了！首先，按照慣例我們來看一下 Docs 的部分，了解一下怎麼把信寄出：...

鳳黃酥 ‧ 2021-09-21

3 Like 1 留言 2750 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術 RWD 不可顯示 X 軸法則

使用行動設備上網時不管是手機或是平板，不同於使用電腦會有滑鼠，而是使用我們的手指滑動銀幕，以使用習慣來說，通常是以上下滑動的方式來進行內容瀏覽，而不像是使用電腦...

Alec ‧ 2019-09-24

2 Like 2 留言 2740 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 RWD 的三欄流體式網頁設計

在前面的章節我們已經介紹過了max-width or min-width以及百分比(%)單位對於 RWD 網站的重要性，現在我們要來設計一個三欄式的流體式網頁，...

Alec ‧ 2019-09-26

0 Like 0 留言 2735 瀏覽

鐵人賽 Modern Web DAY 12

Backend Developer的學習Roadmap 系列第 12 篇

技術 Day 12 Authentication - Cookie-Based Authentication

今天我們要來了解Cookie-Based Authentication~ cookie cookie是網站儲存在user設備上的小文件，例如使用者設定，保持登錄...

linitachi ‧ 2024-09-26 ‧團隊震驚 2.0

0 Like 0 留言 2726 瀏覽

鐵人賽 Modern Web DAY 11

後端的鉗形攻勢系列第 11 篇

技術 [Day. 10] 網頁表單實作--GET

今天帶大家實寫網頁表單GET的資料傳遞。 HTML Form 以下html表單的形式，一些html的基本標籤就不多說明，可以參考w3school由於只是了解表...

Dullszy ‧ 2020-09-25

0 Like 0 留言 2702 瀏覽

鐵人賽 Modern Web DAY 30

用React刻自己的投資Dashboard 系列第 30 篇

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

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

Sean Liu ‧ 2021-10-15

4 Like 2 留言 2690 瀏覽

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

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

yaling_0616 ‧ 2020-02-04

0 Like 0 留言 2683 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day 14 - 簡介 WebSocket 和遊戲機制

今日目標，介紹 WebSocket 技術、解釋之後如何使用 WebSocket 實作遊戲機制。 WebSocket WebSocket 是一種基於 TCP 的全...

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

0 Like 0 留言 2677 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day 10 - Entity Constraints

今日目標，加入各種限制來完善註冊功能。 Validation 我們定義註冊必須滿足一些條件：Email、Username 必須唯一，而且 Password 長度...

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

0 Like 0 留言 2646 瀏覽

鐵人賽 Modern Web DAY 13

後端的鉗形攻勢系列第 13 篇

技術 [Day. 12] Framework和MVC

美好的時間總是過得特別快ㄚ，又快要禮拜一了。抓緊這周末最後的空閒，利用短短的5 min，跟著筆者一起學習吧。 FrameWork 首先，要提到的是Framewo...

Dullszy ‧ 2020-09-27

0 Like 0 留言 2624 瀏覽

鐵人賽 Modern Web DAY 28

後端的鉗形攻勢系列第 28 篇

技術 [Day. 27] Codeigniter Session

現在我們的網頁已經具有相當基本的功能了但是，有一個很容易發現的問題，就是瀏覽器並沒有記住使用者的資訊，而造成每一次都要重新登入帶來我們的新產品--Sessi...

Dullszy ‧ 2020-10-12

1 Like 0 留言 2624 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 [Day29] 自動化管理Service Worker(Part2)

繼續昨天「針對不同的URL來路由(Routing)到對應的cache策略」，這裡我要將兩種不同的URL分別存入獨立的sub-cache中。第一個為materia...

rehome ‧ 2019-10-14

1 Like 0 留言 2589 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 [Day09] 在Service Worker中實作Caching(Part2)

接續昨天的進度，我們已經pre-cache app.js這個檔案了，但是我們監聽fetch event時還時直接回應從網路fetch回來的結果，沒有從cache...

rehome ‧ 2019-09-23

1 Like 0 留言 2581 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day16 X Polyfill-less Bundling Script & File Compression

今天是 Build Optimizations 主題的最後一篇了，到目前為止我們已經認識了 Code Splitting, Dynamic Import 還有...

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

0 Like 0 留言 2548 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 [Day 07 - RWD] 跨平台生存之道 — RWD響應式網頁設計

現在越來越多種類的裝置出現，包括電腦、平板、手機，我們會在不同大小的螢幕上瀏覽網頁，究竟網頁要如何在所有設備上，都能顯示適合該裝置的排版模式？在過去會根據裝置來...

May ‧ 2021-09-20

0 Like 0 留言 2530 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 Day 12 - 註冊完就要登入

今日目標，實現自定義登入功能。驗證功能在實現自定義功能時，我們會需要有個實例負責儲存使用者的資訊，這個實例就是 UserDetails，並且會有相關 Ser...

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

1 Like 1 留言 2524 瀏覽

技術領進前端門，修行在個人：掌握 Git 與 Github 程式時光機(1) - Git前置篇

安裝首先，我們要先安裝Git！點擊圖片中紅色框框的的Download按鈕來下載Git安裝包，如下圖：下載完成後，開啟Git安裝包安裝Git於電腦中如果沒有要修...

yaling_0616 ‧ 2020-03-12

1 Like 0 留言 2513 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 [Day19] 了解PWA中的背景同步(Part1)

什麼是背景同步(Background Sync) 簡單來說，就是當用戶沒有網路連線時，背景同步就會將數據發送到server。這裡有一點非常重要，在servi...

rehome ‧ 2019-10-03

0 Like 0 留言 2507 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Day19 X Application Shell Architecture

昨天介紹 Service Workers 後我們知道它是 PWA 的要素之一，且也是讓 Web App 實現離線瀏覽的關鍵技術。今天我們將延伸昨天的知識，介紹...

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

0 Like 0 留言 2480 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 [Day 17 - npm] 哆啦A夢有百寶袋，我有套件管理工具npm

前端的社群發展愈來愈蓬勃，延伸出各式各樣基於 HTML、CSS、JS 的開源套件，像是 Bootstrap、React、Vue、Styled-component...

May ‧ 2021-09-30

0 Like 0 留言 2448 瀏覽

鐵人賽 Modern Web DAY 18

用React刻自己的投資Dashboard 系列第 18 篇

技術用React刻自己的投資Dashboard Day18 - 選單列active style功能

tags: 2021鐵人賽 React 上一篇將選單列做出來，並且完成點擊上方按鈕會跳轉至對應頁面的功能，不過總覺得好像少了些什麼？原來是點擊按鈕之後，按鈕的樣...

Sean Liu ‧ 2021-10-03

0 Like 0 留言 2441 瀏覽

鐵人賽 Modern Web DAY 26

用React刻自己的投資Dashboard 系列第 26 篇

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

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

Sean Liu ‧ 2021-10-11