Basic HTML5 and CSS3 (คอร์ส html 5 และ css 3 พื้นฐาน)
ในการเรียน html5 และ css3 นับเป็นเทคโนโลยีการพัฒนาเว็บไซต์สมัยใหม่ เรามีการสอน html5 ที่มีการใช้งานเว็บไซต์ผ่านอุปกรณ์ (...
การออกแบบเว็บไซต์หรือเว็บแอพจำเป็นต้องมีพื้นฐานทั้งภาษา HTML และ CSS โดยทั่วไปแล้วนักออกแบบส่วนใหญ่พอจะมีพื้นฐาน CSS ในการออกแบบอยู่บ้างแล้ว แต่เมื่อต้องทำงานขนาดใหญ่ หรือต้องออกแบบที่มีความซับซ้อน ต้องคำนึงถึงหลายปัจจัย ไม่ว่าจะความสวยงาม การรองรับอุปกรณ์พกพา (mobile) รวมไปถึงความเร็วในการโหลดหน้าเว็บ และยังต้องคำนึงถึงการทำงานร่วมกับคนอื่น และการนำไปต่อยอดในอนาคตด้วย ดังนั้นทางเลือกที่เหมาะสมในการออกแบบจึงมักเลือกใช้งาน CSS Framework มาช่วยงานในส่วนนี้ ทำให้นักพัฒนาบรรลุวัตถุประสงค์ที่ต้องการได้ง่าย ตอบโจทย์ในประเด็นต่างๆ ที่กล่าวมาข้างต้น
เมื่อกล่าวถึง CSS Framework หลายคนน่าจะคุ้นชื่อ Bootstrap เป็นอย่างดี เนื่องด้วยมีพัฒนาการมายาวนานพอสมควร แต่ตัว Bootstrap เองก็มักมีปัญหาเรื่องของความเร็ว (performance) อยู่บ่อยครั้ง รวมทั้งการรองรับเทคโนโลยีใหม่ๆ ในการออกแบบที่อาจจะยังมีข้อจำกัดพอสมควร จึงมี CSS Framework ตัวเลือกอื่นๆ มาทดแทนส่วนที่ขาดหายไป โดยในหลักสูตรนี้ผู้สอนจะขอแนะนำ CSS Framework น้องใหม่ จริงๆ ก็ไม่ถึงกับใหม่มาก เพราะพัฒนามา 2-3 ปีได้แล้ว ปัจจุบันมาถึง Version 3 แล้ว นั่นคือ "Tailwind CSS" ซึ่งเป็น CSS Framework ที่น่าสนใจเป็นอย่างมาก ในแง่ของการลดการเขียน custom CSS เอง เรียกได้ว่าเราสามารถออกแบบหน้าเว็บใหญ่ๆ ทั้งเว็บได้โดย ไม่ต้องเขียน CSS เองเลยแม้แต่ตัวเดียว
Day 1
Module 1: Introduction to Tailwind CSS 3.0
Module 2: Transition and Animation in Tailwind CSS
Module 3: Workshop Landing page with Tailwind CSS 3.0
Day 2
Module 4: Responsive Design in Tailwind CSS
Module 5: Explore JIT Compiler for Tailwind CSS
Module 6: Workshop Admin Template with Tailwind CSS 3.0
Module 7: การ Deployed โปรเจ็กต์ Tailwind CSS
ในการเรียน html5 และ css3 นับเป็นเทคโนโลยีการพัฒนาเว็บไซต์สมัยใหม่ เรามีการสอน html5 ที่มีการใช้งานเว็บไซต์ผ่านอุปกรณ์ (...
สอนการออกแบบเว็บไซต์ด้วยภาษา HTML และ CSS สำหรับผู้เริ่มต้น ที่ยังไม่มีความรู้มาก่อนเลย สามารถเริ่มต้นเรียนรู้ได้จากคอร์สนี้ โดยลักษณะการสอนจะเป็นการเรียนรู้ทฤษฎี ควบคู่ไป...
หลักสูตร Understand Bootstrap Framework จะอธิบายเนื้อหาในเว็บไซต์ https://getbootstrap.com/ โดยจะอธิบายเนื้อหาของทุกเมนูเริ่มต้น ซึ่งประกอบด้วย Getting Started, CSS, Compo...