iT邦幫忙

modern web相關文章
共有 399 則文章
鐵人賽 Modern Web DAY 14

技術 類型別名 VS. 接口 (type VS. interface)

在前面章節中,大家應該會很疑惑 type 和 interface 在很多方面都可以實現相似的功能,那我們應該要使用哪一種呢?下面來看看兩者存在了哪些區別: ty...

鐵人賽 Modern Web DAY 6

技術 [Day-6] flask上傳檔案(1)

前言 在昨天的範例中我們已經學會使用form、post來達成html與flask的溝通,而常見的上傳檔案也是透過此方法,接下兩天帶大家來操作。 範例 在 Fl...

鐵人賽 Modern Web DAY 13

技術 Utility 型別 Ⅰ

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

鐵人賽 Modern Web DAY 3

技術 D2 Git與GitHub與Get the Point

在開發經歷中,不知道有沒有人經歷過開發靠資料夾命名做疊代、版本更新靠覆蓋的神奇經歷。一旦命名出錯或是路徑放錯,可能就要花很長一段時間去還原與修復。為了避免以上這...

鐵人賽 Modern Web DAY 5

技術 [Day-5] HTTP method in flask

前言 做天講到Jinja2的相關語法,使讀者能夠將python傳遞給html,那麼今天如果要反過來使html的資料傳遞給python呢?那就要使用HTTP me...

鐵人賽 Modern Web DAY 12

技術 接口 / 介面 (Interface)

在 TypeScript 中,我們可以使用 interface 關鍵字來聲明自定義型別,用來描述物件的結構和形狀,以及物件應該具備的屬性和方法。我們可以使用 i...

鐵人賽 Modern Web DAY 2

技術 D1 什麼是Node.js與不同的專案環境如何管理

Node.js在當今的前端開發環境中有著自己不小的聲量,Node.js最早於2009年由Ryan Dahl創建,並於同年在Google的Chrome V8 Ja...

鐵人賽 Modern Web DAY 4

技術 [Day-4] Jinja2 將python語法套入html

前言 昨天學會了綁定html後,今天來教大家如何在html使用python語法以及將python變數傳到html,方法就是透過Jinja2來達成。 介紹 Jin...

鐵人賽 Modern Web DAY 11

技術 類型別名 (Type)

在 TypeScript 中,我們可以使用 type 關鍵字來創建自定義的類型別名。它可以用來定義各種複雜的類型,使我們能夠更好地描述程式碼中的資料結構和變數類...

鐵人賽 Modern Web DAY 1

技術 D0 從0開始的的Angular站台架設-Stnadalone

首先我必須開宗明義地說,本次的Angular@16-Standalone開發模式分享更加傾向於一種實戰心得分享舉個例子來說就是一個新兵幸運蛋子分享自己如何在戰場...

鐵人賽 Modern Web DAY 3

技術 [Day-3] Flask如何綁定html

前言 昨天提到如何配置環境和一個能print hello world的flask web,今天讓我們來談談如何綁定html和設定路由吧 綁定html pytho...

鐵人賽 Modern Web DAY 10

技術 斷言(Assertion)

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

鐵人賽 Modern Web DAY 2

技術 [Day-2] 如何建置flask web

如何建置flask web 前言 在上一天我們已經用範例與優缺解釋選擇為什麼選擇flask了,接下來讓我們著重在學習吧,有寫過程式的人可想而知都會從Hello...

鐵人賽 Modern Web DAY 9

技術 任意型別 VS. 未知型別 (any VS. unknown)

any 和 unknown 是兩個用於處理 型別不確定的情況。雖然它們在某些情境下都可以用來處理不確定的值,但它們的用法和限制有所不同,我們一一來介紹: any...

鐵人賽 Modern Web DAY 1

技術 [Day-1] why flask?

介紹 常見的python後端有flask、django那麼為什麼我選擇flask當作本次的IT賽呢? 在下方提供範例與比較供讀者參考 比較 django...

鐵人賽 Modern Web DAY 8

技術 枚舉 / 列舉 (Enum)

枚舉是 自定義一組具名常數值 的特殊型別,每個常數值都有一個名稱和一個關聯的數值,主要用於取值限定在一定的範圍內。在 TypeScript 中,我們使用 enu...

鐵人賽 Modern Web DAY 4

技術 TypeScript 配置文件 (tsconfig.json)

建立 tsconfig.json 為了更有效地管理 TypeScript 專案,我們會創建一個配置文件,這在各大打包工具裡安裝 TypeScript 後...

鐵人賽 Modern Web DAY 3

技術 建立 TypeScript 環境

在開始學習和開發 TypeScript 專案之前,我們需要先進行環境的安裝和設置。威爾豬將一步步完成 TypeScript 的環境安裝,創建我們的第一個 Typ...

鐵人賽 Modern Web DAY 2

技術 TypeScript 的優缺點

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

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

技術 Day 30 - 結算

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

鐵人賽 Modern Web DAY 30

技術 [Day 30] 鐵人賽結語: 航行在偉大航道

嗨大家好,我是Sean。結束了昨天的Celery & Redis,我們的系列也就進入了尾聲。今天是鐵人賽的最後一天,想要來回顧一下我們的鐵人賽系列,以及...

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

技術 Day 29 - 檢驗出牌

今日目標,顯示上一組牌、定義特殊牌型、檢驗出牌是合法的。 Debug 發現前幾天的 code 邏輯有點問題,所以稍微作一下修正,最近有點累... GameS...

鐵人賽 Modern Web DAY 29

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

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

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

技術 Day 28 - 出牌

今日目標,輪流出牌。 選擇 打出去之前要先選擇~~ 修改 game.js,我們要先取得使用者點擊的牌,並且在第二次點擊時取消選擇,這邊用 Set 來決定目前選...

鐵人賽 Modern Web DAY 28

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

嗨大家好,我是Sean!今天我們來繼續介紹新的主題: Celery以及Redis! 這個部分,剛開始在規劃的時候只有打算寫一篇,但發現在其實有很多細節,而下一個...

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

技術 Day 27 - 倒數計時

今日目標,倒數計時。 Timer 既然要讀秒,那我們先嘗試使用 Timer,不過這個方法是不可行的,待會會說明,然後這邊為了方便,我們寫測試程式來 Demo。...

鐵人賽 Modern Web DAY 27

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

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

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

技術 Day 26 - 手牌

今日目標,即時顯示自己的手牌、別人的手牌數。 WebSocket 前面有提過手牌會透過 WebSocket 的單播來發給各個玩家,其他人的手牌數則透過對該房間的...

鐵人賽 Modern Web DAY 26

技術 [DAY 26] 激戰篇: 如何序列化複數個model

嗨大家好,我是Sean!過完了連假,總是有'拜託再多一天'的感覺嗚嗚! 那麼,我們今天來講一個實務不可避免會需要使用到的技巧,序列化複數個model。 Seri...

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

技術 Day 25 - Let's play a game

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