Autoplay
Autocomplete
Previous Lesson
Complete and Continue
สอนสร้างเว็บไซต์ด้วย HTML และ CSS เบื้องต้น
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
Teach online with
Lecture 23 - รู้จักกับการจัดหน้าแบบ Flexbox เบื้องต้น
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock