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