ที่เก็บโค้ด (Repository) นี้รวบรวมโซลูชันและผลงานการปฏิบัติจริงสำหรับโปรเจ็กต์ Frontend Development ที่คัดเลือกมาจากเส้นทางการเรียนรู้ของ Roadmap.sh วัตถุประสงค์หลักของ Repository นี้คือการแสดงให้เห็นถึงความสามารถในการประยุกต์ใช้ทักษะด้าน HTML, CSS, และ JavaScript ตั้งแต่ระดับพื้นฐาน (Basic) ไปจนถึงระดับกลาง (Intermediate) ในการสร้างเว็บแอปพลิเคชันที่ใช้งานได้จริง
แต่ละโปรเจ็กต์จะถูกจัดเก็บในโฟลเดอร์ย่อยที่แยกออกจากกันโดยสมบูรณ์ (Self-contained) เพื่อให้ง่ายต่อการตรวจสอบโค้ดและการรัน
ตารางด้านล่างแสดงรายการโปรเจ็กต์ที่ทำเสร็จสมบูรณ์ พร้อมลิงก์สำคัญที่จำเป็นสำหรับการตรวจสอบและส่งผลงาน:
| # | ชื่อโปรเจ็กต์ (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 | Changelg-Component | Project Link | Completed | Live Deme |
หมายเหตุสำคัญ: คอลัมน์ "Roadmap.sh Project URL" ได้ถูกเพิ่มตามข้อกำหนดที่ระบุว่า "README file must contain the project URL" เพื่อให้ผู้ประเมินสามารถอ้างอิงถึงโจทย์ต้นฉบับได้โดยตรง
โปรเจ็กต์เหล่านี้ไม่จำเป็นต้องมี build tools หรือ package manager (เช่น Node.js) คุณสามารถเปิดไฟล์ index.html ของแต่ละโฟลเดอร์ในเบราว์เซอร์ได้โดยตรง อย่างไรก็ตาม วิธีการที่แนะนำสำหรับการพัฒนาคือการใช้ Local Server เพื่อหลีกเลี่ยงปัญหา CORS หรือการโหลด Path
- Web Browser (เช่น Chrome, Firefox)
- (Optional but Recommended): Visual Studio Code with the Live Server extension.
เปิด Terminal/Command Prompt แล้วโคลน Repository นี้:
git clone https://github.com/phraewchuthamat/Roadmap.sh-projects.gitcd Roadmap.sh-projects