Timestamps: 00:00 Intro 00:09 Course Intro 00:59 ติดตั้ง VScode & Extensions 05:30 แนะนำ Web Browser & DevTools 08:50 HTML คืออะไร? 15:25 รู้จักกับ HTML Headings 17:25 รู้จักกับ HTML Elements 19:48 รู้จักกับ HTML Paragraphs 21:18 รู้จักกับ HTML Links 25:44 รู้จักกับ HTML Images 31:37 รู้จักกับ HTML Page Title 33:16 รู้จักกับ HTML Table 36:48 รู้จักกับ HTML List 39:15 รู้จักกับ HTML Comments 42:16 รู้จักกับ HTML Text Formatting 44:38 รู้จักกับ HTML Forms 59:09 รู้จักกับ HTML Block Elements 01:02:14 รู้จักกับ HTML Inline Elements 01:05:56 รู้จักกับ HTML Div 01:09:23 รู้จักกับ HTML Class 01:13:33 รู้จักกับ HTML Id 01:18:32 รู้จักกับ HTML Semantic Elements 01:22:26 CSS คืออะไร? 01:24:25 รู้จักกับ CSS Syntax 01:28:08 วิธีใช้งาน CSS 3 รูปแบบ 01:32:43 รู้จักกับ CSS Selectors 01:38:11 รู้จักกับ CSS Comments 01:40:33 รู้จักกับ CSS Colors 01:42:27 รู้จักกับ CSS Backgrounds 01:56:35 รู้จักกับ CSS Borders 02:08:53 รู้จักกับ CSS Width & Height 02:11:36 รู้จักกับ CSS Box Model 02:17:16 รู้จักกับ CSS Margin 02:21:13 รู้จักกับ CSS Padding 02:24:50 รู้จักกับ CSS Text 02:41:13 รู้จักกับ CSS Font 02:49:28 รู้จักกับ CSS Table 02:57:05 รู้จักกับ CSS Display 03:04:03 รู้จักกับ CSS Max Width 03:07:44 รู้จักกับ CSS Position 03:19:41 รู้จักกับ CSS Z Index 03:25:40 รู้จักกับ CSS Overflow 03:29:58 รู้จักกับ CSS Pseudo Class & Pseudo Element 03:35:34 รู้จักกับ CSS Box Sizing 03:41:05 รู้จักกับ CSS Variables 03:47:50 รู้จักกับ CSS Nesting 03:50:22 HTML CSS Mini Workshop 04:02:56 Outro
🎉 มาแล้ว!! คอร์ส HTML CSS Masterful คอร์สเรียนที่จะพาทุกคนมาเป็น “เซียน” เขียนโค้ด HTML CSS พื้นฐานที่สำคัญที่สุดสำหรับการพัฒนาเว็บ เนื้อหาในคอร์สแบบจัดเต็มเน้นๆ 90 บทเรียน บอกได้เลยว่า “สอนจนเป็นเซียน”
.
📋สิ่งที่ทุกคนจะได้เรียนรู้ในคอร์สนี้ ทุกคนจะได้เรียนรู้ :
✅พื้นฐานการเขียน HTML และหลักการวางโครงสร้างที่ถูกต้อง
✅เรียนรู้การใช้ CSS ในการทำเว็บให้สวยงาม
✅เรียนรู้การทำ Responsive ให้กับเว็บไซต์
✅เรียนรู้การจัด Layout ให้กับเว็บด้วย Flexbox และ Grid
✅เรียนรู้เน้นๆ กับ Workshop เขียนหน้าเว็บจาก Design ( Figma ) 🤩
✅รวมไปถึงเทคนิควิธีแก้ไขปัญหาต่างๆ
✅จัดเต็ม 90 บทเรียน ในราคาสุดคุ้ม ฿2,500 เท่านั้น!!
.
📄 รายละเอียดเนื้อหาทั้งหมด
🔗 www.milerdevpro.com/courses/html-css-masterful/
.
ติดต่อลงทะเบียนเรียนได้ที่ Inbox Fanpage
หรือ สั่งซื้อคอร์สเรียนได้ทางเว็บไซต์
🔗 www.milerdevpro.com/product/html-css-masterful/
.
#HTMLCSSMasterful #NeverStopLearning #สอนจนเป็นเซียน
Timestamps:
00:00 Intro
00:09 Course Intro
00:59 ติดตั้ง VScode & Extensions
05:30 แนะนำ Web Browser & DevTools
08:50 HTML คืออะไร?
15:25 รู้จักกับ HTML Headings
17:25 รู้จักกับ HTML Elements
19:48 รู้จักกับ HTML Paragraphs
21:18 รู้จักกับ HTML Links
25:44 รู้จักกับ HTML Images
31:37 รู้จักกับ HTML Page Title
33:16 รู้จักกับ HTML Table
36:48 รู้จักกับ HTML List
39:15 รู้จักกับ HTML Comments
42:16 รู้จักกับ HTML Text Formatting
44:38 รู้จักกับ HTML Forms
59:09 รู้จักกับ HTML Block Elements
01:02:14 รู้จักกับ HTML Inline Elements
01:05:56 รู้จักกับ HTML Div
01:09:23 รู้จักกับ HTML Class
01:13:33 รู้จักกับ HTML Id
01:18:32 รู้จักกับ HTML Semantic Elements
01:22:26 CSS คืออะไร?
01:24:25 รู้จักกับ CSS Syntax
01:28:08 วิธีใช้งาน CSS 3 รูปแบบ
01:32:43 รู้จักกับ CSS Selectors
01:38:11 รู้จักกับ CSS Comments
01:40:33 รู้จักกับ CSS Colors
01:42:27 รู้จักกับ CSS Backgrounds
01:56:35 รู้จักกับ CSS Borders
02:08:53 รู้จักกับ CSS Width & Height
02:11:36 รู้จักกับ CSS Box Model
02:17:16 รู้จักกับ CSS Margin
02:21:13 รู้จักกับ CSS Padding
02:24:50 รู้จักกับ CSS Text
02:41:13 รู้จักกับ CSS Font
02:49:28 รู้จักกับ CSS Table
02:57:05 รู้จักกับ CSS Display
03:04:03 รู้จักกับ CSS Max Width
03:07:44 รู้จักกับ CSS Position
03:19:41 รู้จักกับ CSS Z Index
03:25:40 รู้จักกับ CSS Overflow
03:29:58 รู้จักกับ CSS Pseudo Class & Pseudo Element
03:35:34 รู้จักกับ CSS Box Sizing
03:41:05 รู้จักกับ CSS Variables
03:47:50 รู้จักกับ CSS Nesting
03:50:22 HTML CSS Mini Workshop
04:02:56 Outro
ผมไม่เข้าใจตรงที่ เราจะรู้ได้ยังไงครับว่า เราควรจะต้องใส่ ซ้อน กี่ชั้น ตัดสินจากอะไรหรอครับ คือผมงงตรงนี้ ลองไปดูพวกเว็ปสำเร็จรูปเห็นทำกันหมดเลย แตกต่างจากการใช้ คนละบรรทัดยังไงหรอครับ
่-การใช้ div ซ้อน div เพื่อให้ทั้งหมดอยู่ในบล็อกเดียวกัน
-ถ้าใช้ div ทีละบรรทัด มันจะอยู่คนละบล็อกกันครับ
@@Reyxero ขอบคุณทั้งคนถามและคนตอบนะคะ งงเหมือนกัน ดีใจที่มีคนถามพอดีและมีคนตอบด้วย
ขอบคุณมากเลยครับ ในการสนับสนุน นักพัฒนาเว็บ มือใหม่ มีประโยชน์มากเลยครับ
ขอบคุณสำหรับควาามรู้ครับอาจารย์ ละเอียดมากๆครับ
สุดยอดมาก course ฟรี ชอบคลิปยาวๆ มากครับ
คลิปนี้ จัดหนัก จัดเต็ม จริงๆ เลยยย ครับบบ
01:02:20 แปะไว้ เดี๋ยวมาต่อ ขอบคุณมากครับ
มีข้อสงสัยครับ
SUBMIT
result คือ ปุ่มเหมือนกัน หน้าตาเหมือนกัน การทำงานต่างกันไหมครับ ใช้งานต่างกันยังไงครับ ขอบคุณล่วงหน้าครับ
SUBMIT
สามารถใส่รูปภาพได้
ใส่ได้เฉพาะข้อความ
@@Reyxero เข้าใจแล้วครับ ขอบุณมากครับ
ขอบคุณมากครับ สอนเข้าใจง่ายมากครับ
Flexbox, Grid มีคลิปสอนต่อไหมครับ
อยากเรียนด้านนี้ควบคู่ไปกับการทำกราฟิกด้วย มหาลัยควรเรียนสายไหนดี ใครก็ได้รบกวนแนะนำทีค่ะ
Data engineer กับ Computer science ครับ แต่ถ้าเน้นพวกธุรกิจด้วยก็ Data science ลองหาดูในยูทูปเลยครับมีอธิบายละเอียดยิบๆ
วิทยาการคอมพิวเตอร์ ครับ ของราชภัฏวิชาเอกของผมจะเป็นการเขียนโปรแกรมกับทำกราฟฟิค
@@berin1817 โห่ยยขอบคุณค่าา❤️
ตอนนี้สถาบันการจัดการปัญญาภิวัฒน์ก็มีสาขา DIT ในคณะ Engineering นะครับจะได้เรียนทั้งการเขียนโค้ดสร้างเว็ปทำโปรแกรมและยับได้เรียนในส่วนของการสร้างโมเดล3D การส้รางแอนิเมชั้น การทำเกมส์ และยังได้เรียนไปด้วยฝึกงานไปด้วยในระหว่างที่ฝึกงานตามสายงานก็ได้ค่าเหนื่อยด้วยนะคร้บ
ดูจบแล้วโว๊ยยยย
แค่เดโม ก็มีพื้นฐาน แล้ว ขอบคุณมากๆงับ
คอร์สเรียนเป็นแบบออนไลน์จากวิดีโอ หรือสอนสดคะ
เรียนแล้วชอบมากเลยครับ
คลิปยาวจุใจเลย
1:09:10 เดี๋ยวมาดูใหม่นะครับบบบ
Special thank teacher
แจ่มแมวเลยครับ
ขอบคุณนะคะ
ขอบคุณครับ
25:00 ของผมหาไฟล์ไม่เจอตลอด เพราะอะไรครับ
1:18:45
🙏
59:09
เดะมาเรียนต่อ
2.12.38
48:24 ทำให้ไงมันเป็นภาษาไทยครับ
น่าจะอยู่ที่การตั้งค่า google chrome ครับ
ชอบครับไม่หวงวิชาเลย
ขอบคุณครับ
1:32:52
3:48:07