Day 1 : User Story 桌球王 開場白: 開始工作後,就錯過了幾次的鐵人賽,想找回那個腦中有很多想法並付諸行動去完成,從中獲得樂趣的自己。 Use...
Day 2 : Frontend 桌球王 Basic - need to know 網頁三兄弟: HTML + CSS + JavaScript(JS)...
Day 3 - UI Create React App create-react-app.dev npx create-react-app ttk cd ttk...
Day 4 - 淺談 CSS 以 Day 3 - UI 程式碼為例 建 React 時就有的 App.css <-- 在 App.js 中 -->...
Day 5 - 排版 桌球王Layout 元件不黏在邊邊 元件: Button, Table As-is: Now: Header: 網頁標題 Content...
Day 6 - UX Editable Cells 新增/刪除 選手 (+1 Player) Code import './App.css'; import...
Day 7 - UX - conti. 新增選手 (+2 Player) 移除fake name(Goish ${count}),新增空白即可。 做法與 新增選...
Day 8 - UX - Print 對網頁局部做列印 使用套件: react-to-print 套件連結 安裝套件: npm i react-to...
Day9 - UI - Form, Input forminput 前言 Ant Design Form 我從來沒有駕馭過,但對於其排版備感認同。 key...
前言 由於 每日文章皆會在 HackMD-team先寫一次,再貼過來,所以有些圖片就沒有顯示出來預計在今天或之後更新(補齊)圖片於Day1~9的文章中。 同步更...