Zero to One: Frontend Web Dev
Hands-on HTML, CSS, and JavaScript for Beginners
สถานที่เรียน
ห้องปฏิบัติการ 9421
ชั้น 4 อาคารวิทยวิภาส มหาวิทยาลัยขอนแก่นกำหนดการ
เสาร์ - อาทิตย์
09:00 - 17:00 น. (รวม 20 คาบ)สถานะการดำเนินการ
90%
ตารางเรียน
| สัปดาห์ที่ | วันที่ | หัวข้อ | สถานะ |
|---|---|---|---|
| 01 | เสาร์ 24 ม.ค. | Tools & Environment Setup เตรียมเครื่องมือให้พร้อม ก่อนเริ่มเขียนโค้ด | Completed |
| Introduction to Web & HTML การทำงานของ Web, โครงสร้าง HTML5, Block vs Inline | Completed | ||
| Hyperlinks, Paths & Images การใส่รูปภาพ, ลิงก์ (Anchor), Absolute vs Relative Path | Completed | ||
| อาทิตย์ 25 ม.ค. | Lists, Tables & Iframe การจัดกลุ่มข้อมูลด้วยรายการ, การสร้างตารางซับซ้อน และการฝังเนื้อหาจากภายนอก | Completed | |
| Forms & Semantic HTML การสร้างฟอร์มเพื่อส่งข้อมูลไป Server และการเขียน HTML ให้มีความหมาย (SEO) | Completed | ||
| 02 | เสาร์ 31 ม.ค. | CSS Fundamentals Selectors, การใส่สี (Color), การจัดการ Fonts, Text Styles | Completed |
| The Box Model & Layout Margin, Padding, Border, การจัดระยะห่างของ Element | Completed | ||
| อาทิตย์ 1 ก.พ. | Introduction to Bootstrap 5 ระบบ Grid System, การทำเว็บเพื่อรองรับหน้าจอขนาดต่าง ๆ | Completed | |
| Bootstrap Components Components ต่าง ๆ ที่น่าสนใจของ Bootstrap | Completed | ||
| 03 | เสาร์ 7 ก.พ. | JavaScript Syntax & Variables ตัวแปร let/const, Data Types, Operators, Console.log | Completed |
| Logic & Control Flow การเขียนโปรแกรมแบบเงื่อนไข, ตรรกะการตัดสินใจ | Completed | ||
| อาทิตย์ 8 ก.พ. | Loops & String Methods การเขียนโปรแกรมแบบวนซ้ำ, การจัดการข้อความ, Template Literals | Completed | |
| Functions การเขียนฟังก์ชั่น, Arrow Function (ES6), ขอบเขตการทำงานของโปรแกรม | Completed | ||
| 04 | เสาร์ 14 ก.พ. | Array Mastery การจัดการข้อมูลชุด, Map, Filter, ForEach | Completed |
| Objects & JSON Key-Value Pairs, JSON Format, Destructuring, Spread Operator | Completed | ||
| อาทิตย์ 15 ก.พ. | DOM Manipulation การเลือก Elements (QuerySelector), แก้ไขหน้าเว็บแบบ Real-time | Completed | |
| Event Handling การจัดการเหตุการณ์ที่เกิดขึ้นในหน้าเว็บ | Completed | ||
| 05 | เสาร์ 21 ก.พ. | Asynchronous JS Sync vs Async, Promise, Async/Await, Error Handling | Completed |
| Fetch API & LocalStorage เชื่อมต่อ API ภายนอก และจัดการข้อมูลใน Browser | Completed | ||
| 05 | อาทิตย์ 22 ก.พ. | Final Workshop ทำ Workshop และสรุปเนื้อหา | In Progress |
| Git & Deployment การใช้งาน Git และ Deploy ผลงานบนเว็บ | In Progress |
© 2026 IT@KKU. All rights reserved.