iT邦幫忙

modern web相關文章
共有 529 則文章
鐵人賽 Modern Web DAY 3

技術 30天React練功坊-攻克常見實務/面試問題 Day3: Uncaught TypeError: Cannot set properties of undefined

tags: ItIron2023 react 前言 昨天我們再次探討了一些基本的useState觀念以及react的一些render邏輯,基本上你只要知道第一天...

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 4

技術 Day 4: Pinia 的基本用法:在 Vue 中管理應用狀態

介紹 在現代 Vue 應用中,狀態管理是一個非常重要的部分,尤其是當應用變得越來越複雜時,如何有效地管理全局狀態變得至關重要。Pinia 作為 Vue 的新一...

鐵人賽 Modern Web DAY 16

技術 [Day 16] 實戰篇 : 新手必打的怪 使用者登入與登出

嗨大家好!我是Sean!昨天正式的進入實戰篇後,我們先討論了關於使用者註冊的部分。那麼,今天就是要一起把登入與登出的部分補完啦!就如同昨天開頭所介紹的,網頁與使...

鐵人賽 Modern Web DAY 9

技術 Day 9: 高階組件設計:使用 Zod 和 Vee-Validate 進行動態表單驗證

介紹 在 Vue 應用開發中,表單驗證是一項至關重要的功能,尤其是當表單數據變得複雜且需要高度自定義時。Zod 作為一個強大的 JavaScript 驗證庫,...

鐵人賽 Modern Web DAY 16

技術 用React刻自己的投資Dashboard Day16 - react-router-dom讓SPA也有路由

tags: 2021鐵人賽 React 前一篇提到的導覽列的各個按鈕,點擊之後會跳到不同的頁面,每個頁面都會是不同的路徑,這個功能可以使用react-route...

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 14

技術 Day 14— To Do List (1) 專案前置

我們今天要來正式開一個新的專案啦! 不同於以往我們都用 Google Form 來當作載體,這次我們要來製作 Google Apps Script 中的 Web...

鐵人賽 Modern Web DAY 6

技術 六日目:JavaScript 運算子 演算子 二ノ章

日安٩(ˊᗜˋ*)و SONYKO だよ〜♫DAY 6 繼續介紹運算子 。我發現運算子的點閱率很低  # ゚Д゚) En Zan Shi !!!!   邏...

鐵人賽 Modern Web DAY 24

技術 Day24 Vue.js 動效分類實戰 (15) SVG特輯 - 實現旋轉華麗的台灣國旗動效,簡單又帥氣

用 Vue.js 創造華麗的國旗動態效果 這次我們來玩點有趣的東西!我們的 SVG 特輯靈感來自台灣國旗,設計比例可是參考了維基百科上的資料哦。而且,我們不...

鐵人賽 Modern Web DAY 20

技術 [Day-20] plotly與flask(2) 畫出台積電日K

前言 在昨天我們已經了解如何使用plotly畫圖,而今天的範例會搭配yfinance畫出台積電上半年的股價做一個範例。 完整code 介紹 yfinance是一...

鐵人賽 Modern Web DAY 1

技術 Day02: 如何創建 solidjs 的專案

關於此系列文,這回正式開始,首先我們要先建立一個 solidjs 專案,基本上 typescript 是非常香的我會頃向於使用 typescript 建立專案,...

鐵人賽 Modern Web
Spring Boot... 深不可測 系列 第 31

技術 Day 30 - 結算

今日目標,結算結果。 結算 這邊就只差最後一步了~~ 修改 GameStatus,加入 getAllPlayersHands(): public HashM...

鐵人賽 Modern Web DAY 25
ML X 友廷等公車 系列 第 25

技術 Day 25 Turn On All Routes in Taichung

Prototype 開發過程 (站上一篇文 站下三天刻) day 1 : 研究相關 search bar關鍵字 Leaflet search bar網路上的範...

鐵人賽 Modern Web DAY 15

技術 [Day 15] 實戰篇: 新手必打的怪 使用者註冊

嗨大家好,我是Sean!寫到今天,整個鐵人賽的系列也到了一半的地方了,大部分關於Django的架構以及Django rest framework大致上的概念以及...

鐵人賽 Modern Web DAY 27

技術 [Day 27] 激戰篇: 新世界人人都要會的Docker?

嗨大家好,我是Sean!在昨天我們的實務經驗分享大概到了一個段落了!讓我們來邁向新世界! 從今天到結束,我們每天接觸一項應該得熟悉的後端技能/工具,算是送給鐵人...

鐵人賽 Modern Web DAY 22
Spring Boot... 深不可測 系列 第 22

技術 Day 21 - 即時更新房間資訊

今日目標,將房間頁面的資訊透過 WebSocket 串接並即時顯示。 Multicast 當某個房間內的相關資訊改變的時候,比如:房主換人、有人進出造成人數改變...

鐵人賽 Modern Web DAY 5
後端的鉗形攻勢 系列 第 5

技術 [Day. 04] PHP,Program Health Points

Hi,大家,週六過的好嗎? 首先來分享一下昨天問的問題~ 為什麼我們需要有PHP或者其他後端語言呢?我們用瀏覽器的時候看到的不是都是由HTML/CSS/JS...

鐵人賽 Modern Web DAY 10
後端的鉗形攻勢 系列 第 10

技術 [Day. 09] 網頁的自我介紹

Okay,今天來帶大家認識網頁傳遞資料的原理與過程~ 認識HTTP 我們幾乎每天都在使用網際網路,google查資料、查餐廳、查攻略...那麼對於HTTP這個...

鐵人賽 Modern Web DAY 10

技術 斷言(Assertion)

在昨天的範例中,應該有看到斷言的用法。斷言是一種告訴編譯器更多資訊的方式,用於 強制指定型別。有時候,編譯器可能 無法確定變數的精確型別,或者 當我們需要將某個...

鐵人賽 Modern Web

技術 CI/CD 流水線設計:從本地開發到生產部署的自動化之路

系列文章: 前端工程師的 Modern Web 實踐之道 - Day 22預計閱讀時間: 12 分鐘難度等級: ⭐⭐⭐⭐☆ 🎯 今日目標 在前面的三週中,我...

鐵人賽 Modern Web DAY 20

技術 Day 20- To Do List (7) 了解 HTML Template

我們今天來研究另一個 HTML Service: HTML Template。 其實你可以把它想成是 Server Side Render 的一種 (註一),他...

鐵人賽 Modern Web DAY 1

技術 Day 1: 使用 Vite 和 UnoCSS 快速搭建 Vue 3 + TypeScript 開發環境

前言 在現代前端開發中,效率與性能變得越來越重要。Vue 3 的 Composition API、TypeScript 的強型別系統,以及 Vite 的超快打...

鐵人賽 Modern Web DAY 25

技術 [Day 25] 激戰篇: 如何將選項(Choices)欄位變更為外來鍵(FK)

嗨大家好,我是Sean! 不知道大家連假,過得怎樣啊?昨天我們講完Migration error的部分,我們來講解一下另外一種會造成migration erro...

鐵人賽 Modern Web DAY 17

技術 void VS. never

在上一個章節中,我們知道如果函式沒有返回值的話,可以使用 void 型別,今天我們來比較 void 和 never 的不同的情境和用途,雖然它們看起來相似,但它...

鐵人賽 Modern Web DAY 26
Spring Boot... 深不可測 系列 第 26

技術 Day 25 - Let's play a game

今日目標,開始遊戲。 對,今天只有「開始」還不包含遊戲的過程,但在開始之前,我們要先定義一些之後遊戲過程方便操作的類別或實例。先建立一個 package,名稱為...

鐵人賽 Modern Web DAY 27
後端的鉗形攻勢 系列 第 27

技術 [Day. 26] Codeigniter 頁面

昨天我們對更新資料庫的資料進行了簡單的操作,我們對資料庫已經可以新增、更新了 我們現在的情境是if(註冊了)->登入else 沒有註冊->註冊 登入...

鐵人賽 Modern Web DAY 21
Spring Boot... 深不可測 系列 第 21

技術 Day 20 - 房間頁面

今日目標,網址 room 的請求分發、房間頁面。 頁面 我們依然先搞定頁面的部份,再來處理 Controller。 在 templates 底下建立一個 HT...

鐵人賽 Modern Web DAY 30
後端的鉗形攻勢 系列 第 30

技術 [Day. 29] Codeigniter 底底底底底霸個

現在來測試一下我們寫出來的網頁~ Bug1 發現註冊之後只會看到"success"的訊息於是我們要修改程式碼讓使用者在註冊之後可以被引導到w...

鐵人賽 Modern Web DAY 13

技術 Utility 型別 Ⅰ

TypeScript 提供了多種內建的 Utility 型別,它是一組 內建的型別操作工具,可以幫助我們更輕鬆、更有效率地進行型別操作,今天威爾豬先介紹基本且常...