鐵人檔案
本系列將紀錄我如何從零開始學習 HTML / CSS / JavaScript，並逐步打造一個糖尿病患者可用的健康監測網站。功能將包含血糖數值紀錄、是否異常的即時提示、以及簡單的生活建議提醒。希望透過這 30 天的學習與實作，不僅掌握 React + TypeScript + Tailwind CSS 等技術，也實際開發一個對糖尿病病患與家屬有幫助的小工具。
前言 我是個資訊科系的大學生，但是沒什麼電腦基礎，在大學的課程裡都是無腦跟著老師上課，要coding時就請GPT幫忙，但我覺得以後這樣不行，所以想藉由這次鐵人賽...
昨天學習了HTML網頁架構基礎的標籤意思，今天來學習：表格（table） 。在糖尿病的網站中，我們可能會需要用到表格來呈現資料，所以來學習這個基礎。 表格 Ta...
昨天接觸到了表格 ( table )，既然有表格呈現資料，那也會需要表單 ( form ) 來呈現資料囉，所以今天的主題是表單 ( form )。 表單 For...
嗨~，今天打算來把主頁、表單跟結果表格來做初步的CSS美化。下面會先寫出通常基礎會用到的CSS程式碼，後面再實做看看！ 首先要創建一個style.css的檔案。...
感覺差不多要進入到JavaScript了，所以今天先把靜態網頁CSS 排版 + class/id 概念的基礎補好，等版面能排得漂亮一點，隔天實作上去，之後進入...
今天就來實作昨天做的東西，自己打過一次還是會比較有印象的！ HTML補全 index.html 程式碼 <!DOCTYPE html> <ht...
非常基礎的靜態網頁完成了，接下來打算進入到入門的JavaScript，今天先來了解最基礎的JavaScript！ JavaScript先備知識 主要分成三個大觀...
仔細看了一下現在的表單，決定做一些JavaScript的加入以及更改。 超基礎JS 和HTML連接 const button = document.getEle...
今天打算了解表單驗證(JS)的功能，這是表單的必備功能，明天來實作。 目前目標是： 體重要大於 0 血糖要填數字 日期不能空白 送出前檢查，不符合就提醒 體...
繼昨天的部分，來實作表單的一些驗證功能。 HTML的補全 表單加上id 為餐前、餐後血糖加上範圍限制 在 <input type="dat...
