โลกเราทุกวันนี้หลาย ๆ เทคโนโลยีเริ่มไปอยู่บน Cloud กันหมด นั้นหมายความว่าการพัฒนาเว็บไซต์จะมีปริมาณมากขึ้นเรื่อย ๆ และการพัฒนาเว็บไซต์นั้นจะมีส่วนที่เป็น UI(User Interface) นั้นหมายความว่าจะต้องมีการเขียน CSS แต่การเขียน CSS ในงานที่มีปริมาณมาก ๆ นั้นทำได้ยาก ทั้งด้วยจำนวนไฟล์ จำนวนหน้าที่ต้องการแสดงผล ทั้งการแสดงผลที่หลากหลายอุปกรณ์ ทำให้การเขียน CSS นั้นเป็นเรื่องที่ยากขึ้น แต่ตอนนี้ไม่ต้องห่วงแล้วครับเรามีพระเอกมาช่วยแล้ว นั้นก็คือ SASS นั้นเองครับ
ผมได้ทำการเขียนวิธีการเขียน SASS เอาไว้ให้เพื่อน ๆ แล้วครับ โดยเนื้อหาที่ผมเขียนนั้นจะเน้นไปที่มือใหม่ ดังนั้นใครที่เก่งแล้วแนะนำให้ข้ามไปได้เลยครับ ส่วนมือใหม่ที่กำลังอ่านอยู่ผมยินดีด้วยครับ เมื่อคุณอ่านบทความผมจบคุณจะสามารถเขียน CSS ด้วย SASS ได้อย่างแน่นอน และผมได้แบ่งเนื้อหาออกเป็น 3 ส่วนดังนี้ครับ
- สอนเขียน SASS แบบมือใหม่ ตอนที่ 1 – ติดตั้ง เตรียมตัวเขียน SASS จะเป็นการแนะนำการใช้เครื่องไม้เครื่องมือนั้นก็คือ Visual Studio Code พร้อมทั้งสอนการติดตั้ง โดยเราจะสอนการติดตั้ง SASS ที่ทำงานบน Node.js ซึ่งเป็นวิธีที่ได้รับความนิยมในปัจจุบัน
- สอนเขียน SASS แบบมือใหม่ ตอนที่ 2 – Complie .sass และ .scss เป็น .css หลังจากที่ทำการติดตั้งพร้อมเตรียมเครื่องไม้เครื่องมือแล้วก็เป็นขั้นตอนของการ Compile ไฟล์ SASS ให้เป็น CSS โดยผมจะสอนทั้งวิธีการ Compile ผ่านทาง Terminal และขยับไปใช้ Hot key ในการ Build ของ Visual Studio Code เท่านั้นยังไม่พอผมยังสอนการใช้ Gulp watcher อีกด้วย เพื่อที่เมื่อเราเขียน SASS แล้วเราไม่ต้องสั่ง Build บ่อย ๆ ปล่อยให้เป็นหน้าที่ของ Gulp ไปเล๊ยยย
- สอนเขียน SASS แบบมือใหม่ ตอนที่ 3 – หัดเขียน SASS กับความสามารถต่าง ๆ บทความสุดท้ายเกี่ยวกับการเขียน SASS ผมจะสอนว่ามี Feature อะไรที่น่าสนใจบ้าง และแต่ละ Feature นั้นควรใช้ในสถานการณ์ไหนอีกด้วย รับรองได้เลยครับว่าการพัฒนา CSS ของเพื่อน ๆ จะง่ายขึ้นครับ
แม้ว่าบทความที่ผมเขียนจะมีแค่ 3 บทความเท่านั้น แต่ผมบอกได้เลยครับว่า สำหรับมือใหม่เมื่ออ่านจบแล้วคุณจะเขียน SASS ได้อย่างแน่นอน และผมกล้ายืนยันได้เลยครับว่าถ้าเพื่อน ๆ นำ SASS ไปใช้จะทำให้งานของเพื่อน ๆ นั้นเป็นระบบระเบียน ทำให้งานเราดูเป็นมืออาชีพและการพัฒนาจะทำให้เป็นไปได้อย่างรวดเร็วอีกด้วย
สำหรับเพื่อน ๆ ที่มีข้อสงสัยต่าง ๆ สามารถแสดงความคิดเห็นเอาไว้ได้นะครับ แล้วผมจะมาตอบคำถามของเพื่อน ๆ ครับ หวังว่าชีวิตนักพัฒนาเว็บไซต์อย่างเรา ๆ จะดีขึ้นนะครับ