คอร์สเรียน HTML & CSS: สร้างหน้าเว็บเพจสำหรับมือใหม่

คอร์สเรียนชุดแรก สำหรับสายงาน Frontend Web Developer และ Full-stack Web Developer จบในวิดีโอเดียว เพื่อการใช้งาน HTML และ CSS สำหรับการสร้างหน้าเว็บระดับเริ่มต้น Slides: https://nakorncode.com/slides/html-css เว็บไซต์หลัก: https://nakorncode.com/ ไฟล์ Workshop บทสุดท้าย: https://github.com/nakorncode/worksho... 00:00:00 - บทนำคอร์สเรียน HTML & CSS 00:00:41 - รวมเว็บไซต์และแหล่งข้อมูลที่น่าสนใจ 00:06:16 - Visual Studio Code และ Extensions 00:10:50 - HTML: โครงสร้างภาพรวมของภาษา 00:17:55 - HTML: ทดลองใช้งานจริงบน VSCode 00:20:39 - VSCode: คำแนะนำการใช้ Indent และ Format 00:23:56 - HTML: ส่วนของ Head และ Body 00:26:12 - HTML: ข้อแตกต่างการแสดงผลแบบ Inline และ Block 00:30:38 - HTML: การกำหนดไอคอนประจำเว็บ (Favicon) 00:32:36 - HTML: รูปแบบข้อความกับโครงสร้างบน HTML 00:43:54 - HTML: ลิงก์ของข้อความ (Anchor) และการทำหลายหน้าเพจ 00:55:06 - HTML: ลิงก์ภายในเอกสาร (Document Fragment) 00:57:45 - HTML: การแสดงสื่อ และ Embed จากภายนอก 01:03:42 - HTML: การกำหนดโครงสร้างของตาราง (Table) 01:09:35 - HTML: การกำหนดแบบฟอร์มพื้นฐาน 01:26:04 - CSS: โครงสร้างภาพรวมของภาษา 01:27:25 - CSS: การใช้งานบน HTML 01:30:24 - CSS: แนวทางการใช้ Selector 01:47:03 - CSS: คะแนนของ Specificity 01:50:05 - CSS: แนวทางการใช้ Pseudo-classes และ Pseudo-elements 01:59:43 - CSS: ประโยชน์การใช้งาน Normalize 02:03:13 - CSS: กำหนดรูปแบบของข้อความ 02:10:00 - CSS: กำหนดรูปร่างเนื้อหาแบบ Box Model 02:39:09 - CSS: เทคนิคพิเศษเกี่ยวกับพื้นหลังและรูปภาพ 02:47:50 - CSS: Layout แบบ Flexbox 03:01:23 - CSS: Layout แบบ Grid 03:14:41 - CSS: Layout แบบ Column 03:17:07 - CSS: เทคนิคการใช้งาน Position 03:26:24 - CSS: ปรับเปลี่ยนเนื้อหาแบบ Transition และการเปลี่ยนรูปร่าง Transform 03:30:42 - CSS: การใช้งาน Animation 03:38:13 - CSS: วิธีการออกแบบเว็บ Responsive Design 03:47:00 - การใช้ Astro Framework พื้นฐาน 04:16:09 - Workshop: สร้างหน้าเว็บตามแบบ 05:50:38 - ขอบคุณสำหรับการเรียนด้วยกัน #html #css #frontend #webdevelopment #beginnercourse #fullstack #frontenddeveloper #learnhtml #learncss #webdesign #พัฒนาเว็บไซต์ #สร้างเว็บเพจ #คอร์สเรียน #มือใหม่ #htmlcss #webdeveloper #การพัฒนาเว็บ #เรียนเขียนโปรแกรม #สร้างหน้าเว็บ #คอร์สพื้นฐาน