Roadmap.sh-projects

🚀 Frontend Skill Mastery: Roadmap.sh Project Solutions

🌟 ภาพรวม (Overview)

ที่เก็บโค้ด (Repository) นี้รวบรวมโซลูชันและผลงานการปฏิบัติจริงสำหรับโปรเจ็กต์ Frontend Development ที่คัดเลือกมาจากเส้นทางการเรียนรู้ของ Roadmap.sh วัตถุประสงค์หลักของ Repository นี้คือการแสดงให้เห็นถึงความสามารถในการประยุกต์ใช้ทักษะด้าน HTML, CSS, และ JavaScript ตั้งแต่ระดับพื้นฐาน (Basic) ไปจนถึงระดับกลาง (Intermediate) ในการสร้างเว็บแอปพลิเคชันที่ใช้งานได้จริง

แต่ละโปรเจ็กต์จะถูกจัดเก็บในโฟลเดอร์ย่อยที่แยกออกจากกันโดยสมบูรณ์ (Self-contained) เพื่อให้ง่ายต่อการตรวจสอบโค้ดและการรัน

---

🎯 สารบัญโปรเจ็กต์ (Project Index & Requirements Compliance)

ตารางด้านล่างแสดงรายการโปรเจ็กต์ที่ทำเสร็จสมบูรณ์ พร้อมลิงก์สำคัญที่จำเป็นสำหรับการตรวจสอบและส่งผลงาน:

| # | ชื่อโปรเจ็กต์ (Project Name) | Roadmap.sh Project URL (Required) | สถานะ (Status) | Live Preview (Hosted URL) | |—|—————————–|—————————————|—————-|—————————–| | 01 | Single-Page-CV | Project Link | ✅ Completed | Live Demo | | 02 | Basic-HTML-Website | Project Link | ✅ Completed | Live Demo | | 03 | Personal-Portfolio | Project Link | ✅ Completed | Live Demo | | 04 | Changelog-Component | Project Link | ✅ Completed | Live Demo |

หมายเหตุสำคัญ: คอลัมน์ “Roadmap.sh Project URL” ได้ถูกเพิ่มตามข้อกำหนดที่ระบุว่า “README file must contain the project URL” เพื่อให้ผู้ประเมินสามารถอ้างอิงถึงโจทย์ต้นฉบับได้โดยตรง

---

⚙️ วิธีการติดตั้งและรันโปรเจ็กต์ (Setup & Local Execution)

โปรเจ็กต์เหล่านี้ไม่จำเป็นต้องมี build tools หรือ package manager (เช่น Node.js) คุณสามารถเปิดไฟล์ index.html ของแต่ละโฟลเดอร์ในเบราว์เซอร์ได้โดยตรง อย่างไรก็ตาม วิธีการที่แนะนำสำหรับการพัฒนาคือการใช้ Local Server เพื่อหลีกเลี่ยงปัญหา CORS หรือการโหลด Path

Prerequisites

• Web Browser (เช่น Chrome, Firefox)
• (Optional but Recommended): Visual Studio Code with the Live Server extension.

1. โคลน Repository

เปิด Terminal/Command Prompt แล้วโคลน Repository นี้:

git clone https://github.com/ChuthamatDev/Roadmap.sh-projects.git
cd Roadmap.sh-projects