Скачать или смотреть คอร์สเรียน 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 #การพัฒนาเว็บ #เรียนเขียนโปรแกรม #สร้างหน้าเว็บ #คอร์สพื้นฐาน