CSS และ Sass สมัยใหม่สำหรับผู้เริ่มต้น

เรียนรู้พื้นฐานของการออกแบบเว็บไซต์ รูปแบบการตอบสนอง และ Sass เพื่อสร้างเว็บไซต์ที่สวยงามจากจุดเริ่มต้น

4.8 (1,526) ⏱ 1 ชม. 42 นาที 📚 5 บทเรียน 🎧 เวอร์ชันเสียง

เกี่ยวกับคอร์สนี้

คุณพร้อมที่จะเปลี่ยน HTML ธรรมดา ๆ ให้กลายเป็นหน้าเว็บแบบตอบสนองได้แล้วหรือยัง? การนำทางไปยังโลกของการออกแบบเว็บอาจจะรู้สึกเหมือนกับการเดินผ่านโลกแห่งความมหัศจรรย์ แต่การเรียนรู้การใช้เครื่องมือออกแบบสมัยใหม่จะเป็นกุญแจสำคัญในการสร้างเว็บไซต์แบบมืออาชีพได้ หลักสูตรนี้จะช่วยให้คุณเปลี่ยนจากมือใหม่ที่ไม่มีความรู้มาเป็นนักออกแบบเว็บที่มีความมั่นใจและมีความสามารถในการสร้างแบบแผนการแสดงผลที่ตอบสนองได้, แอนิเมชันที่เรียบเนียน, และโค้ดที่สะอาดและสามารถดูแลได้ คุณจะเรียนรู้อะไร • เข้าใจหลักการของ CSS, ไวยากรณ์ และวิธีการสร้างสไตล์ • เรียนรู้เทคนิคการจัดวางแบบสมัยใหม่ ด้วยการใช้ Flexbox และ CSS Grid • สร้างการออกแบบที่ตอบสนองได้ซึ่งดูดีบน เดสก์ท็อป, แท็บเล็ต และอุปกรณ์เคลื่อนที่ • ปรับใช้แอนิเมชั่นและภาพเคลื่อนไหวที่น่าสนใจเพื่อทำให้หน้าเว็บของคุณมีชีวิตชีวา • เรียนรู้พื้นฐานของ Sass เพื่อเขียนสไตล์ชีตที่สะอาด ใช้ได้หลายครั้ง และเรียบร้อย คุณจะเริ่มจากการสำรวจแนวคิดหลักของการออกแบบและคำจำกัดความพื้นฐานก่อนที่จะเริ่มฝึกฝนด้วยตนเอง ผ่านการฝึกฝนขั้นตอน คุณจะสามารถใช้คุณสมบัติและเทคนิคสถาปัตยกรรมสมัยใหม่เพื่อสร้างโครงสร้างของโปรเจคเว็บจริง ๆ ออกแบบมาสำหรับผู้เริ่มต้นอย่างสมบูรณ์ หลักสูตรนี้ไม่จำเป็นต้องมีประสบการณ์หรือความรู้ก่อนหน้าในการเขียนโค้ด เริ่มการเดินทางในการออกแบบเว็บของคุณวันนี้และนำความคิดสร้างสรรค์ของคุณไปสู่ชีวิต

สิ่งที่คุณจะได้รับ

  • 📜 ใบประกาศนียบัตร
    เพิ่มในโปรไฟล์ LinkedIn ของคุณ
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • 🎧 รวมเวอร์ชันเสียง
    เรียนได้ทุกที่ ไม่ต้องดูจอ
  • ♾️ เข้าถึงตลอดชีพ
    กลับมาเรียนได้ตลอด ไม่มีหมดอายุ
  • 📱 โทรศัพท์หรือคอมพิวเตอร์
    ใช้งานได้ทุกที่ ทุกอุปกรณ์
  • 💸 คืนเงิน 30 วัน
    ไม่ต้องอธิบาย
  • กระชับและตรงประเด็น
    1 ชม. 42 นาที เนื้อหาเชิงปฏิบัติ

รีวิว (4)

Marianne Jensen DK ผู้เรียนที่ยืนยันแล้ว
★ 2 · 2026-01-23T13:00:51+00:00

อืม ไม่แน่ใจว่าเหมาะกับมือใหม่รึเปล่า บางแนวคิดอธิบายผ่านๆ ไปหน่อย แล้วตัวอย่างก็ไม่ค่อยชัดเจนเท่าไหร่

Ethan Pelletier CA
★ 5 · 2025-12-03T08:15:51+00:00

นี่แหละคือสิ่งที่ตามหาเลย! คำอธิบายชัดเจนมาก และตัวอย่างช่วยให้เข้าใจคอนเซ็ปต์ได้ดีจริงๆ

Joke Adebisi NG ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-07-09T09:38:51+00:00

การออกแบบคอร์สยอดเยี่ยมมาก แนวคิดต่างๆ เชื่อมโยงกันได้อย่างลงตัว ใช้งานได้จริงและอธิบายได้ดีมาก

Emily Roy CA ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-02-11T07:00:51+00:00

อืม ไม่แน่ใจว่าเหมาะกับผู้เริ่มต้นหรือเปล่า บางส่วนข้ามแนวคิดพื้นฐานเร็วเกินไปสำหรับฉัน

เขียนรีวิว

หลังจากส่ง เราจะขอให้คุณเข้าสู่ระบบ — ฉบับร่างของคุณถูกบันทึก

ผู้เรียนคนอื่นเรียน

พื้นฐานการออกแบบเว็บ: สร้างเว็บไซต์สมัยใหม่ที่ตอบสนองได้Name

เรียนรู้หลักการของการออกแบบเว็บสมัยใหม่ เรียนรู้การออกแบบ ด้วย Figma และสร้างเว็บไซต์ที่ตอบสนองได้ดี ผ่านบทเรียนที่เขียนขึ้นมาอย่างละเอียด
★ 5.0 (7,121)
$4.99

พื้นฐาน Figma สำหรับการออกแบบเว็บไซต์สมัยใหม่

เรียนรู้การสร้างเลย์เอาต์เว็บไซต์ระดับมืออาชีพและต้นแบบเชิงโต้ตอบโดยใช้เครื่องมือหลักของ Figma และเวิร์กโฟลว์การออกแบบที่ทันสมัย
★ 5.0 (20)
$4.99

ออกแบบและสร้างเว็บพอร์ตโฟลิโอที่ตอบสนองด้วย Figma และ AI

เรียนรู้การออกแบบและพัฒนาเว็บพอร์ตโฟลิโอที่ตอบสนองของคุณเองตั้งแต่เริ่มต้น โดยใช้ Figma สำหรับ UI/UX และรวมเครื่องมือ AI เพื่อปรับปรุงขั้นตอนการทำงานของคุณ
★ 4.9 (19)
$4.99

การออกแบบ UI ที่ตอบสนองด้วย Figma

เรียนรู้วิธีสร้างอินเทอร์เฟซที่ยืดหยุ่นและใช้งานง่าย ซึ่งปรับให้เข้ากับขนาดหน้าจอได้อย่างราบรื่นโดยใช้ Figma
★ 4.9 (18)
$4.99

คำถามที่พบบ่อย

ฉันต้องใช้อะไรในการเรียนคอร์สนี้? +

แค่โทรศัพท์หรือคอมพิวเตอร์ที่มีอินเทอร์เน็ต ไม่ต้องติดตั้งหรือใช้อุปกรณ์พิเศษ

ฉันชำระเงินอย่างไร? +

ผ่านบัตรด้วย Stripe หรือคริปโต เราไม่เก็บข้อมูลบัตร — Stripe จัดการอย่างปลอดภัย

ฉันขอคืนเงินได้ไหม? +

ใช่ — คืนเงินเต็มจำนวนใน 30 วัน ไม่ต้องอธิบาย

ฉันมีสิทธิ์เข้าถึงนานเท่าไร? +

ตลอดไป เมื่อซื้อแล้วคอร์สเป็นของคุณ กลับมาเรียนได้ตลอด

ฉันจะได้ใบประกาศนียบัตรไหม? +

ได้ เมื่อเรียนจบจะได้รับใบประกาศนียบัตรที่เพิ่มในโปรไฟล์ LinkedIn ได้

ออกแบบสำหรับผู้เรียนใน
เทคโนโลยี ดีไซน์ การเงิน การตลาด สาธารณสุข การศึกษา ธุรกิจการบริการ อุตสาหกรรม