สอนเขียน CSS ด้วย Sass และ Compass

คอร์สเรียนการเขียน CSS และ CSS3 ด้วย Sass และ Compass

โดย ทัพพ์วริศ ชิณศิริรัตน์กุล
แชร์คอร์สนี้บน Social:

ฟรี!



เข้าเรียนฟรี

สวัสดีครับในคอร์สนี้จะเป็น คอร์สที่ต่อเนื่องมาจาก คอร์สสอนเขียน CSS ด้วย Sass นะครับเป็นคอร์ส สอนเขียน CSS ด้วย Sass และ Compass ถ้าใครยังไม่มีพื้นฐานก็กดเข้าไปเรียนได้เลยนะครับ ภายในคอร์สนี้เราจะได้เรียนอะไรกันบ้าง ? เนื้อหาโดยรวมจะเป็นการใช้งานเจ้าตัว Sass ร่วมกับ Compass ที่เป็น Sass Library ที่เป็นชุดคำสั่งสำหรับ Sass นั่นเอง

Compass คืออะไร ?

Compass เป็นชุดคำสั่ง Mixins ของภาษา Sass ซึ่งรวบรวมคำสั่งสำหรับเรียกใช้งาน CSS3 อย่างง่ายๆนั่นเองครับ โดยเจ้า Compass เนี่ยเค้าก็จะบอกว่า

Why Designer love compass ?

ทำไมเว็บดีไซน์เนอร์ถึงหลงรักคอมพาส ? เดี๋ยวเราจะมาดูกันทำไมถึงกล้าพูดแบบนี้นะครับ ฮ่าๆ

  1. รูปแบบของคำสั่งที่ดูสะอาดและใช้งานง่ายไม่ต้องเรียนรู้การใช้มากมาย
  2. มีเอกสารที่เข้าใจง่ายๆให้ดูจากเว็บไซต์โดยตรง
  3. สามารถสร้าง Sprite เพียงแค่ชั่วอึดใจ
  4. Compass Mixins ทำให้เขียน CSS3 ได้อย่างง่ายดาย
  5. รูปแบบ Typography ที่สวยงาม

ความสามารถของ Compass

ความสามารถหลักของ Compass ได้แก่

  • CSS3
  • Helpers
  • Layout
  • Reset
  • Typography
  • Utilities

ตอนที่ 0 - การติดตั้งเครื่องมือ 8.07 นาที  
ตอนที่ 1 - การสร้าง Project Compass 14.18 นาที  
ตอนที่ 2 - การใช้งาน LiveReload การ Compile และ cssReset 12.42 นาที  
ตอนที่ 3 - สร้าง Flexbox 9.55 นาที  
ตอนที่ 4 - สร้าง Box Shadow 15.24 นาที  
ตอนที่ 5 - ใช้งาน Transition 6.54 นาที  
ตอนที่ 6 - ใช้งาน Background Size 5.14 นาที  
ตอนที่ 7 - สร้าง Border radius 7.42 นาที  
ตอนที่ 8 - Manipulate Color 10.50 นาที  
ตอนที่ 9 - สร้าง Sprite icons 5.28 นาที  
ไม่มีเอกสารประกอบการเรียน
คลิกที่ปุ่ม "สมัครเรียน" เพื่อลงทะเบียนเรียนและเข้าสู่ขั้นตอนการชำระเงิน

ขั้นตอน 1

กรุณาเข้าสู่ระบบ เพื่อความสะดวกแนะนำให้ Login ด้วย Facebook หรือหากยังไม่เป็นสมาชิกกรุณาสมัครสมาชิกก่อนสั่งซื้อคอร์สเรียน

ขั้นตอน 2

เลือกช่องทางในการชำระเงิน โดยคุณสามารถชำระค่าคอร์สออนไลน์ผ่านบัตรเครดิต/เดบิต, Internet Banking, หรือโอนเงินเข้าบัญชีธนาคาร
(กรุณาอ่านรายละเอียดก่อนเลือกช่องทางการชำระเงิน)

ขั้นตอน 3


3.1 ชำระผ่านบัตรเครดิต/เดบิต
กรอกเลขบัตรเครดิต/เดบิต และข้อมูลต่างๆ แล้วคลิกปุ่ม "ชำระเงิน" เมื่อชำระเสร็จเรียบร้อยจะสามารถเข้าเรียนได้ทันที
(กรุณาตรวจสอบยอดก่อนดำเนินการชำระเงิน)

3.2 ชำระผ่าน Internet Banking
เลือกธนาคารที่คุณเป็นสมาชิก Internet Banking แล้วคลิกปุ่ม "ชำระเงินผ่าน Internet Banking"
ระบบจะนำคุณไปยังเว็บ Internet Banking ของธนาคาร เมื่อชำระเสร็จเรียบร้อยจะสามารถเข้าเรียนได้ทันที

3.3 ชำระผ่านการโอนเงินเข้าบัญชีธนาคาร
คุณสามารถโอนเงินเข้าบัญชีธนาคารบริษัท คอร์สสแควร์ จำกัดด้วยเลขที่บัญชีที่ปรากฏบนหน้าจอ หรือโอนเงินผ่านระบบพร้อมเพย์ (PromptPay)
เมื่อโอนเงินแล้ว คุณสามารถแจ้งการโอนเงินที่หน้า แจ้งโอนเงิน หรือแจ้งผ่าน Line: @coursesquare

รีวิวคอร์สจากผู้เรียน


    ขอบคุณมากครับ
    ได้ความรู้เยอะเลยครับ
    สอนเข้าใจง่ายครับ
    วริ********************กษม

    vdo เปิดไม่ได้คับ
    Jac*****sin

    ดูไม่ได้ซะแล้ว
    Kan*********lon

    Fgh****hhh
    ขอบคุณมากครับ
    ได้ความรู้เยอะเลยครับ
    สอนเข้าใจง่ายครับ
    วริ********************กษม

    Fgh****hhh

ยังไม่มีรีวิวค่ะ

ยังไม่มีรีวิวค่ะ

ยังไม่มีรีวิวค่ะ
    vdo เปิดไม่ได้คับ
    Jac*****sin

    ดูไม่ได้ซะแล้ว
    Kan*********lon

เกี่ยวกับคอร์สนี้
เนื้อหาคอร์สทั้งหมด 1 ชั่วโมง 36 นาที
10 วิดีโอ
เรียนคอร์สนี้ได้ 365 วัน
เกี่ยวกับผู้สอน
ทัพพ์วริศ ชิณศิริรัตน์กุล
Cloud Tutorial

ผู้ก่อตั้ง เว็บไซต์ cloud-tutorial.com เพื่อเป็นแหล่งสอนน้องๆนักเรียน นักศึกษา หรือผู้ที่สนใจในการออกแบบพัฒนาเว็บไซต์ โดยการสอนผ่านรูปแบบ วิดีโอ ฟรี โดยเนื้อหาส่วนมากจะเป็นการสอนด้วยเครื่องมือใหม่ๆ ซึ่งนิยมในต่างประเทศแต่ในไทยยังไม่แพร่หลาย เพื่อให้คนไทยได้รู้จักคุ้นเคยและใช้ในการทำงานจริง