iT邦幫忙

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

技術 用React刻自己的投資Dashboard Day20 - 首頁功能切板

tags: 2021鐵人賽 React 先從mobile版型的頁面來看,可以分為幾個部份,如下圖: 分為最上面Title、TaiwanStock、USStock...

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

技術 Day 18 - 房間列表

今日目標,房間列表的頁面、建立和加入房間功能。 Room List 頁面 我們首先建立房間列表的頁面以及對應的 Controller 做請求分配,HTML 的部...

鐵人賽 Modern Web DAY 21

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

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

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

技術 Day 19 - 即時顯示房間列表的資料

今日目標,使用 WebSocket 傳遞房間列表資料,並即時的將其顯示在頁面上。 Controller 我們依舊需要在 Controller 負責對定義的 en...

鐵人賽 Modern Web DAY 2

技術 [Day 02] 航海地圖! Django之架構!

嗨大家好,我是Sean!今天是鐵人賽的第二天! 我們從Django的架構開始聊起! 學習框架的初期,理解框架的架構為首要重點。學習核心架構的互動關係,以及後端的...

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 16

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

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

技術 使用Swiper輪播插件做一個跑馬燈(marquee)

使用Swiper這個輪播插件可以使我們用少少的程式碼實踐輪播效果,它不只可以用來做照片輪播、Banner輪播,還可以做跑馬燈效果。今天我們來做個跑馬燈吧! 首先...

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

技術 [Day. 01] 網頁,往前還是往後?

旺旺先備知識:網頁篇 今天將要來介紹基礎網頁概念~歡迎各路高手給予指教(・ω´・ )!! What is Web Development 所有的網站,都是由一...

鐵人賽 Modern Web DAY 7

技術 [Day 07] 不僅Django,可能是後端最重要的資料庫設計

嗨大家好,我是菜鳥齁~端工程師,Sean!昨天聊完了關聯關係,包含了多對一,一對一以及多對多的關係。今天我們來講一點資料庫的基本設計概念!在學習框架的時候,學了...

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 24

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

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

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

技術 [Day. 11] 網頁表單實作--POST

昨天向大家介紹了網頁表單的形式之一GET今天要向大家介紹網頁表單的另一種形式POST那我們開始吧~ 首先,將昨天的index.php中表單<form&gt...

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

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

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 17

技術 用React刻自己的投資Dashboard Day17 - Dashboard 2.0版路由功能

tags: 2021鐵人賽 React 如Day15的wireframe,為了要加上更多的功能,因此要在頂端列新增幾個按鈕,每個按鈕代表不同的路由,而不同的路由...

鐵人賽 Modern Web DAY 11

技術 用React刻自己的投資Dashboard Day11 - 分離UI元件與抓取數據元件

tags: 2021鐵人賽 React 本篇要將call api的功能獨立成一個元件,在架構上會更清楚的分工不同檔案的功能,之後也有可能是其他元件會呼叫api的...

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 11

技術 類型別名 (Type)

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 13

技術 Utility 型別 Ⅰ

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

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

技術 [Day. 26] Codeigniter 頁面

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

鐵人賽 Modern Web DAY 4

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

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

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

技術 Day 30 - 結算

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

鐵人賽 Modern Web DAY 18

技術 [Day 18] 實戰篇: 你一定得會的CRUD(中集)

嗨大家好,我是Sean!昨天下午跟朋友去玩了LARP劇本殺,真的蠻好玩的哈哈!推薦六個人以上的朋友團去玩,玩完以後大概還有兩個小時都在討論內容吧! 回到我們的文...

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 26

技術 高級型別

在一開始我們就介紹了 聯合類型和交叉類型 這兩種常用到的高級型別,威爾豬自己也是比較常使用它們。這次我們來看看還有哪些高級型別可以使用: 映射類型 ( Mapp...

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

技術 [Day. 00] 前言 & 作者序

參賽動機 猶豫了許久,終於還是決定參加今年的鐵人賽!雖然剛開學真的好多事QQ但還是希望我能趕上進度礙於自己才疏學淺,很多主題想做卻琢磨不夠XDD最後決定把在暑假...

鐵人賽 Modern Web DAY 10

技術 斷言(Assertion)

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

鐵人賽 Modern Web DAY 9

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

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