iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

「前端開發快速入門:從基礎到現代框架的實戰之旅」 系列

在「前端開發快速入門:從基礎到現代框架的實戰之旅」系列中,我們將會從前端三大核心技術:HTML、CSS 和 JavaScript 開始,一步步學習並實踐,並逐步過渡到使用現代框架 Vue.js 與 Tailwind Css。

參賽天數 8 天 | 共 7 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

【Day 1】前端開發之旅的開始!

歡迎來到「前端開發快速入門:從基礎到現代框架的實戰之旅」 在這個學習系列中,我們將一步步踏上前端開發的精彩旅程,分為兩個核心階段: 打造基礎:深入淺出的學習...

2024-09-15 ‧ 由 dcheng0915 分享
DAY 2

【Day 2】前端開發之旅-網頁結構

讓我們先來初步建構網頁的版面! <!DOCTYPE html> <html lang="zh-TW"> <!...

2024-09-16 ‧ 由 dcheng0915 分享
DAY 3

【Day 3】前端開發之旅-網頁內容

讓我們在原有的網頁結構上,開始添加網頁中最重要的內容。 <!DOCTYPE html> <html lang="zh-TW&quot...

2024-09-17 ‧ 由 dcheng0915 分享
DAY 4

【Day 4】前端開發之旅-動態內容

今天要做的是關於Project項目的動態內容,也就是點擊某個Project的區塊後,會顯示更多詳細的內容。 <!DOCTYPE html> <...

2024-09-18 ‧ 由 dcheng0915 分享
DAY 5

【Day 5】前端開發之旅-標籤與分類

今天則是在原有的基礎上,在 Project 詳細資訊中新增標籤與分類。 主要修改的部分為: <div id="projectModal&quot...

2024-09-19 ‧ 由 dcheng0915 分享
DAY 6

【Day 6】前端開發之旅-代碼分離

我們可以把 <style> 內的 CSS 程式碼提取放到 index.css 檔案中、<script> 裡的 JavaScript 程式...

2024-09-20 ‧ 由 dcheng0915 分享
DAY 7

【Day 7】前端開發之旅-代碼優化

今天讓我們來稍微把程式碼改為稍作優化和修改,修改的部分主要有以下兩點: 把 document.getElementById() 改為使用更彈性的 docume...

2024-09-21 ‧ 由 dcheng0915 分享