เผยแพร่: 8 กันยายน 2025
วันนี้เราขอประกาศเปิดตัวหลักสูตร Learn CSS ที่ปรับปรุงใหม่ ซึ่งมีโมดูลใหม่ 9 โมดูลและเนื้อหาที่มีอยู่ได้รับการอัปเดตมากมาย เพื่อแสดงให้เห็นว่า CSS มีการเปลี่ยนแปลงไปมากเพียงใดในช่วง 4 ปีที่ผ่านมา
ในปี 2021 เราได้เปิดตัว Learn CSS บน web.dev ซึ่งเป็นหลักสูตรแรกในคอลเล็กชันหลักสูตรการพัฒนาเว็บพื้นฐานที่เพิ่มขึ้นเรื่อยๆ ปัจจุบันคอลเล็กชันนี้มีหลักสูตรแยก 11 หลักสูตร ซึ่งเขียนโดยผู้เชี่ยวชาญในอุตสาหกรรมเพื่อช่วยยกระดับทักษะการพัฒนาเว็บของคุณ
CSS มีการเปลี่ยนแปลงไปมากตั้งแต่ปี 2021 เพื่อความเข้าใจที่ดียิ่งขึ้น เมื่อเปิดตัว Learn CSS เราไม่ได้รวมการค้นหาคอนเทนเนอร์ไว้เนื่องจากไม่มีในเบราว์เซอร์ที่เสถียร เมื่อเดือนที่แล้ว Container Queries ได้กลายเป็น Baseline Widely พร้อมให้บริการแล้ว
แม้ว่าหลักสูตรที่มีอายุ 4 ปีจะยังคงใช้ได้ แต่ก็ไม่มีฟีเจอร์ที่น่าสนใจหลายอย่างที่พร้อมให้บริการในปัจจุบัน เนื่องจากมีผู้เรียนรู้จากเนื้อหานี้หลายพันคนในแต่ละเดือน เราจึงเห็นว่าถึงเวลาแล้วที่จะต้องอัปเดตหลักสูตรด้วยโมดูลใหม่ๆ เพื่อช่วยให้คุณได้เรียนรู้เพิ่มเติมเกี่ยวกับฟีเจอร์ใหม่ๆ ที่เปิดตัวใน CSS ในช่วง 4 ปีที่ผ่านมา เรายินดีที่จะแจ้งให้ทราบว่าสื่อการเรียนรู้พร้อมใช้งานแล้ว โดยมีการอัปเดตตลอดทั้งโมดูลที่มีอยู่ รวมถึงเนื้อหาใหม่ต่อไปนี้
- การซ้อน CSS
- การค้นหาคอนเทนเนอร์
- พร็อพเพอร์ตี้ที่กำหนดเอง
- เคาน์เตอร์
- เคอร์เซอร์และพอยน์เตอร์
- การวางตำแหน่งของจุดยึด
- ป๊อปโอเวอร์และกล่องโต้ตอบ
- ดูการเปลี่ยนหน้าเว็บสำหรับ SPA
- เส้น รูปร่าง การตัด และการมาสก์
มุ่งเน้นที่ฟีเจอร์พื้นฐาน
เป้าหมายของเราในการจัดหลักสูตรเหล่านี้คือการสอนฟีเจอร์ที่คุณน่าจะรู้สึกสบายใจที่จะใช้ในโปรเจ็กต์ของคุณในวันนี้หรือในอนาคตอันใกล้นี้ ดังนั้นฟีเจอร์ที่เราได้รวมไว้จึงเป็นฟีเจอร์ที่พร้อมใช้งานใน Baseline Newly หรือคาดว่าจะพร้อมใช้งานในเร็วๆ นี้ เช่น เราได้รวมโมดูลเกี่ยวกับการวางตำแหน่ง Anchor และการเปลี่ยนมุมมองสำหรับแอปหน้าเดียว ทั้ง 2 รายการนี้รวมอยู่ใน Interop 2025 และเราคาดว่าจะไปถึง Baseline ได้ในเร็วๆ นี้ โมดูลทั้งหมดมีข้อมูลเบราว์เซอร์ที่ชัดเจน
ขอขอบคุณผู้เชี่ยวชาญที่ร่วมให้ข้อมูล
หลักสูตร "เรียนรู้ CSS" ต้นฉบับเขียนโดย Andy Bell โดยได้รับความช่วยเหลือจาก Una Kravets, Adam Argyle และ Rachel Andrew นอกจากนี้ Emma Twersky, Camden Bickel และ Kevin Lozandier ยังได้สร้างโมดูลเพิ่มเติมบางส่วน การอัปเดตและโมดูลใหม่ที่ประกาศในวันนี้เขียนโดยทีมงานที่ยอดเยี่ยมจาก Oddbird โดยมี Jeremy Wagner เป็นผู้แก้ไขและผลิต โมดูลเหล่านี้มีประสบการณ์ด้าน CSS มาหลายปี เราหวังว่าโมดูลเหล่านี้จะช่วยให้คุณได้เรียนรู้สิ่งใหม่ๆ ทั้งหมดใน CSS