DAY:1 開發工具 Visual Studio Code VS Code: 是一個輕量級的開發環境,主要用於前端開發、輕量級後端開發等。適合那些希望輕鬆編寫程...
DAY2:手刻的能力 首先,先創一個資料夾,然後把資料夾拖曳到VSCODE圖案上,就可以開啟了。 然後新增一個index.html (index這個名子什麼都可...
DAY3:開始製作自我介紹頁面 我認為直接給上程式碼是最直觀的方式,不多說直接附上可以用的程式碼 <body> <div class=&q...
DAY4:加入少許JS讓他看起來生動一點點 我們先創建一個js的檔案就給他取叫app吧然後引入 引入方式如下圖 以下是js內的程式碼 const salute...
DAY5:推上GitHub 首先呢~先註冊個會員附上連結https://github.com/然後點選自己的頭像應該會在右上角~然後選取repositories...
DAY6:github部屬 先按setting然後按page然後None的地方選分支就main接下來按save接下來如圖把自己帳號輸入進去之後save網頁往上一...
DAY7: 探索 React 與 Next.js 大家好!在這個 DAY7,我們將深入探討兩個在前端開發中非常重要的工具:React 和 Next.js。這兩...
DAY8:開始React React官網:https://create-react-app.dev/ 要用下面這些指令記得先下載Node.js 附上官網:ht...
DAY9:深入了解 React 狀態管理 在React開發中,狀態(State)管理是一個至關重要的議題。透過狀態管理,我們可以在應用程序中保持數據的同步,並根...
Day10: 使用本地存儲在 React 中保持狀態 在React開發中,我們經常需要保持應用程序的狀態,以便在刷新頁面或重新載入應用程序時不丟失數據。本篇文章...