This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
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
Lecture 02 - มาเริ่มลงมือโค๊ดกัน + รู้จักกับ HTML Tag & Element เบื้องต้น
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock