iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

桌球王 系列

從製作一張客製桌球出賽表開始...

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 : User Story

Day 1 : User Story 桌球王 開場白: 開始工作後,就錯過了幾次的鐵人賽,想找回那個腦中有很多想法並付諸行動去完成,從中獲得樂趣的自己。 Use...

2023-09-16 ‧ 由 阿瑜 分享
DAY 2

Day 2 : Frontend

Day 2 : Frontend 桌球王 Basic - need to know 網頁三兄弟: HTML + CSS + JavaScript(JS)...

2023-09-17 ‧ 由 阿瑜 分享
DAY 3

Day 3 : UI

Day 3 - UI Create React App create-react-app.dev npx create-react-app ttk cd ttk...

2023-09-18 ‧ 由 阿瑜 分享
DAY 4

Day 4 - 淺談 CSS

Day 4 - 淺談 CSS 以 Day 3 - UI 程式碼為例 建 React 時就有的 App.css <-- 在 App.js 中 --&gt...

2023-09-19 ‧ 由 阿瑜 分享
DAY 5

Day 5 - 排版

Day 5 - 排版 桌球王Layout 元件不黏在邊邊 元件: Button, Table As-is: Now: Header: 網頁標題 Content...

2023-09-20 ‧ 由 阿瑜 分享
DAY 6

Day 6 - UX

Day 6 - UX Editable Cells 新增/刪除 選手 (+1 Player) Code import './App.css'; import...

2023-09-21 ‧ 由 阿瑜 分享
DAY 7

Day 7 - UX - conti.

Day 7 - UX - conti. 新增選手 (+2 Player) 移除fake name(Goish ${count}),新增空白即可。 做法與 新增選...

2023-09-22 ‧ 由 阿瑜 分享
DAY 8

Day 8 - UX - Print

Day 8 - UX - Print 對網頁局部做列印 使用套件: react-to-print 套件連結 安裝套件: npm i react-to...

2023-09-23 ‧ 由 阿瑜 分享
DAY 9

Day9 - UI - Form, Input

Day9 - UI - Form, Input forminput 前言 Ant Design Form 我從來沒有駕馭過,但對於其排版備感認同。 key...

2023-09-24 ‧ 由 阿瑜 分享
DAY 10

Day 10 - Recap

前言 由於 每日文章皆會在 HackMD-team先寫一次,再貼過來,所以有些圖片就沒有顯示出來預計在今天或之後更新(補齊)圖片於Day1~9的文章中。 同步更...

2023-09-25 ‧ 由 阿瑜 分享