在「前端開發快速入門:從基礎到現代框架的實戰之旅」系列中,我們將會從前端三大核心技術:HTML、CSS 和 JavaScript 開始,一步步學習並實踐,並逐步過渡到使用現代框架 Vue.js 與 Tailwind Css。
歡迎來到「前端開發快速入門:從基礎到現代框架的實戰之旅」 在這個學習系列中,我們將一步步踏上前端開發的精彩旅程,分為兩個核心階段: 打造基礎:深入淺出的學習...
讓我們先來初步建構網頁的版面! <!DOCTYPE html> <html lang="zh-TW"> <!...
讓我們在原有的網頁結構上,開始添加網頁中最重要的內容。 <!DOCTYPE html> <html lang="zh-TW"...
今天要做的是關於Project項目的動態內容,也就是點擊某個Project的區塊後,會顯示更多詳細的內容。 <!DOCTYPE html> <...
今天則是在原有的基礎上,在 Project 詳細資訊中新增標籤與分類。 主要修改的部分為: <div id="projectModal"...
我們可以把 <style> 內的 CSS 程式碼提取放到 index.css 檔案中、<script> 裡的 JavaScript 程式...
今天讓我們來稍微把程式碼改為稍作優化和修改,修改的部分主要有以下兩點: 把 document.getElementById() 改為使用更彈性的 docume...