EP 1: Intro to HTML
-
Lecture 01 - HTML & CSS คืออะไร? + แนะนำ VSCode [FREE] (6:36)
-
Lecture 02 - มาเริ่มลงมือโค๊ดกัน + รู้จักกับ HTML Tag & Element เบื้องต้น (8:03)
-
Lecture 03 - HTML Attributes (6:09)
-
Lecture 04 - แนะนำปลั๊กอิน Live Server สำหรับ VS Code [FREE] (3:33)
-
Lecture 05 - การใช้ ul, ol, li และ HTML tag เพิ่มเติม (7:44)
-
Lecture 06 - Recap สรุปเนื้อหา HTML อีกรอบ (7:11)
EP 2: Intro to CSS
-
Lecture 07 - รู้จักกับ CSS เบื้องต้น [FREE] (2:21)
-
Lecture 08 - CSS Selectors (5:11)
-
Lecture 09 - Class & IDs (7:23)
-
Lecture 10 - Inline, Internal และ External css (3:28)
-
Lecture 11 - แนะนำ Codepen.io (5:38)
-
Lecture 12 - ชนิดของ color (6:15)
-
Lecture 13 - CSS Borders (6:01)
-
Lecture 14 - CSS Paddings และ Margins (6:16)
-
Lecture 15 - รู้จักกับ Box Model (5:28)
-
Lecture 16 - CSS Position (9:08)
-
Lecture 17 - Recap สรุปเนื้อหา CSS อีกรอบ (14:23)
EP 3 : CSS เพิ่มเติม
-
Lecture 18 - การจัด position ให้ Text (3:23)
-
Lecture 19 - pseudo-class selectors (9:44)
-
Lecture 20 - CSS Float (8:38)
-
Lecture 21 - Responsive Design ด้วย Media Query (11:24)
-
Lecture 22 - แนะนำเครื่องมือ Inspect บน Chrome (13:02)
-
Lecture 23 - รู้จักกับการจัดหน้าแบบ Flexbox เบื้องต้น (17:48)
-
Lecture 24 - แนะนำ Dash General Assembly (11:09)
-
Lecture 25 - พาตะลุยทำแบบฝึกจาก CSS Dinner (8:51)
-
Lecture 26 - พาลองเล่น Flexbox Floggy (11:02)
EP 4: Workshop : ทำเว็บ Landing Page ง่ายๆ
-
ไฟล์ Starter
-
Lecture 27 - เริ่มต้น Setup Project Portfolio (1:57)
-
Lecture 28 - วางโครงสร้างหน้าเว็บ HTML และทำส่วน Header (9:17)
-
Lecture 29 - ทำส่วน Content โชว์รูปและเนื้อหา (13:09)
-
Lecture 30 - การใส่ลูกเล่นให้เว็บไซต์ง่ายๆ และปรับ Font (10:43)
-
Lecture 31 - Deploy เว็บให้ online อวดเพื่อนๆ (8:04)
-
Lecture 32 - อัพเดทเว็บ และ deploy ใหม่ [FREE] (2:38)
-
ไฟล์ Workshop ที่เสร็จแล้ว
EP.5 - Basic JavaScript
-
Slide Basic JavaScript
-
Lecture 33 - JavaScript - เริ่มต้น JavaScript (7:44)
-
Lecture 34 - JavaScript - Variables และ Data Type (13:29)
-
Lecture 35 - JavaScript - If Condition และ Functions (12:50)
-
Lecture 36 - JavaScript - Arrays และ Object (15:35)
-
Lecture 37 - รู้จักกับ DOM การแก้ไข HTML และปรับ CSS ผ่าน JavaScript (11:25)
-
Lecture 38 - Handle DOM Event (8:35)
-
Lecture 39 - ตัวอย่าง Example การใช้ JavaScript และ DOM (7:17)
EP 6: Bootstrap
-
Lecture 40 - Bootstrap Overview (4:24)
-
Lecture 41 : Bootstrap Layout (6:02)
-
Lecture 42 : Grid System / Responsive Helper (4:38)
-
Lecture 43 : ทดลองปรับเว็บเป็น Bootstrap (11:50)
-
Lecture 44 : เพิ่ม Navigation bar (4:23)
-
Lecture 45 : รู้จักกับ jQuery เบื้องต้น
-
Lecture 46 : ใช้งาน JavaScript ร่วมกับ Bootstrap
