สอนเขียน CSS ด้วย Sass และ Compass
คอร์สเรียนการเขียน CSS และ CSS3 ด้วย Sass และ Compass
โดย ทัพพ์วริศ ชิณศิริรัตน์กุล
สวัสดีครับในคอร์สนี้จะเป็น คอร์สที่ต่อเนื่องมาจาก คอร์สสอนเขียน CSS ด้วย Sass นะครับเป็นคอร์ส สอนเขียน CSS ด้วย Sass และ Compass ถ้าใครยังไม่มีพื้นฐานก็กดเข้าไปเรียนได้เลยนะครับ ภายในคอร์สนี้เราจะได้เรียนอะไรกันบ้าง ? เนื้อหาโดยรวมจะเป็นการใช้งานเจ้าตัว Sass ร่วมกับ Compass ที่เป็น Sass Library ที่เป็นชุดคำสั่งสำหรับ Sass นั่นเอง
Compass คืออะไร ?
Compass เป็นชุดคำสั่ง Mixins ของภาษา Sass ซึ่งรวบรวมคำสั่งสำหรับเรียกใช้งาน CSS3 อย่างง่ายๆนั่นเองครับ โดยเจ้า Compass เนี่ยเค้าก็จะบอกว่า
Why Designer love compass ?
ทำไมเว็บดีไซน์เนอร์ถึงหลงรักคอมพาส ? เดี๋ยวเราจะมาดูกันทำไมถึงกล้าพูดแบบนี้นะครับ ฮ่าๆ
- รูปแบบของคำสั่งที่ดูสะอาดและใช้งานง่ายไม่ต้องเรียนรู้การใช้มากมาย
- มีเอกสารที่เข้าใจง่ายๆให้ดูจากเว็บไซต์โดยตรง
- สามารถสร้าง Sprite เพียงแค่ชั่วอึดใจ
- Compass Mixins ทำให้เขียน CSS3 ได้อย่างง่ายดาย
- รูปแบบ 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 นาที |
ไม่มีเอกสารประกอบการเรียน
คลิกที่ปุ่ม "สมัครเรียน" เพื่อลงทะเบียนเรียนและเข้าสู่ขั้นตอนการชำระเงิน
(กรุณาอ่านรายละเอียดก่อนเลือกช่องทางการชำระเงิน)
(กรุณาตรวจสอบยอดก่อนดำเนินการชำระเงิน)
ระบบจะนำคุณไปยังเว็บ Internet Banking ของธนาคาร เมื่อชำระเสร็จเรียบร้อยจะสามารถเข้าเรียนได้ทันที
เมื่อโอนเงินแล้ว คุณสามารถแจ้งการโอนเงินที่หน้า แจ้งโอนเงิน หรือแจ้งผ่าน Line: @coursesquare
ขั้นตอน 1
กรุณาเข้าสู่ระบบ เพื่อความสะดวกแนะนำให้ Login ด้วย Facebook หรือหากยังไม่เป็นสมาชิกกรุณาสมัครสมาชิกก่อนสั่งซื้อคอร์สเรียน ขั้นตอน 2
เลือกช่องทางในการชำระเงิน โดยคุณสามารถชำระค่าคอร์สออนไลน์ผ่านบัตรเครดิต/เดบิต, Internet Banking, หรือโอนเงินเข้าบัญชีธนาคาร(กรุณาอ่านรายละเอียดก่อนเลือกช่องทางการชำระเงิน)
ขั้นตอน 3
3.1 ชำระผ่านบัตรเครดิต/เดบิต
กรอกเลขบัตรเครดิต/เดบิต และข้อมูลต่างๆ แล้วคลิกปุ่ม "ชำระเงิน" เมื่อชำระเสร็จเรียบร้อยจะสามารถเข้าเรียนได้ทันที(กรุณาตรวจสอบยอดก่อนดำเนินการชำระเงิน)
3.2 ชำระผ่าน Internet Banking
เลือกธนาคารที่คุณเป็นสมาชิก Internet Banking แล้วคลิกปุ่ม "ชำระเงินผ่าน Internet Banking"ระบบจะนำคุณไปยังเว็บ Internet Banking ของธนาคาร เมื่อชำระเสร็จเรียบร้อยจะสามารถเข้าเรียนได้ทันที
3.3 ชำระผ่านการโอนเงินเข้าบัญชีธนาคาร
คุณสามารถโอนเงินเข้าบัญชีธนาคารบริษัทคอร์สสแควร์จำกัดด้วยเลขที่บัญชีที่ปรากฏบนหน้าจอ หรือโอนเงินผ่านระบบพร้อมเพย์ (PromptPay)เมื่อโอนเงินแล้ว คุณสามารถแจ้งการโอนเงินที่หน้า แจ้งโอนเงิน หรือแจ้งผ่าน Line: @coursesquare
รีวิวคอร์สจากผู้เรียน
/5.0
วริ********************กษม
Jac*****sin
Kan*********lon
Fgh****hhh
วริ********************กษม
Fgh****hhh
ยังไม่มีรีวิวค่ะ
ยังไม่มีรีวิวค่ะ
ยังไม่มีรีวิวค่ะ
Jac*****sin
Kan*********lon
| เกี่ยวกับคอร์สนี้ |
|---|
| เนื้อหาคอร์สทั้งหมด 1 ชั่วโมง 36 นาที |
| 10 วิดีโอ |
| เรียนคอร์สนี้ได้ 365 วัน |
เกี่ยวกับผู้สอน
ทัพพ์วริศ ชิณศิริรัตน์กุล
Cloud Tutorial
Cloud Tutorial
ผู้ก่อตั้ง เว็บไซต์ cloud-tutorial.com เพื่อเป็นแหล่งสอนน้องๆนักเรียน นักศึกษา หรือผู้ที่สนใจในการออกแบบพัฒนาเว็บไซต์ โดยการสอนผ่านรูปแบบ วิดีโอ ฟรี โดยเนื้อหาส่วนมากจะเป็นการสอนด้วยเครื่องมือใหม่ๆ ซึ่งนิยมในต่างประเทศแต่ในไทยยังไม่แพร่หลาย เพื่อให้คนไทยได้รู้จักคุ้นเคยและใช้ในการทำงานจริง
