Category: Web Development
-
เรียนรู้พื้นฐาน CSS: ตกแต่งเว็บไซต์ให้สวยงาม | Web development 101
เรียนรู้พื้นฐานของ CSS | Web development 101 – EP. 3 สวัสดีครับท่านผู้ที่สนใจในการพัฒนาเว็บไซต์ทุกท่าน ในบทเรียน Web development 101 EP.3 นี้ เราจะมาทำความรู้จักกับ CSS หรือ Cascading Style Sheets ซึ่งเป็นภาษาที่ใช้ในการตกแต่งเว็บไซต์ให้สวยงามและน่าสนใจยิ่งขึ้น หลังจากที่เราได้สร้างโครงสร้างเว็บไซต์ด้วย HTML ในบทเรียนก่อนหน้านี้ CSS จะเข้ามามีบทบาทในการกำหนดรูปแบบ สีสัน ขนาดตัวอักษร และการจัดวางองค์ประกอบต่างๆ บนหน้าเว็บเพจของเรา CSS คืออะไร CSS คือภาษาที่ใช้ในการกำหนดรูปแบบการแสดงผลของ HTML โดย CSS จะทำงานร่วมกับ HTML เพื่อควบคุมลักษณะต่างๆ ของเว็บไซต์ เช่น สี ขนาดตัวอักษร ระยะห่างระหว่างองค์ประกอบ และการจัดวางเลย์เอาต์ CSS ช่วยให้เราสามารถแยกส่วนของการออกแบบออกจากเนื้อหา ทำให้การจัดการและปรับปรุงเว็บไซต์ทำได้ง่ายขึ้น ความสำคัญของ CSS ในการตกแต่งเว็บไซต์ CSS…
-
Rest API (ผ่าน Express และ Node.js) | Web development 101 – EP. 9
Rest API (ผ่าน Express และ Node.js) | Web development 101 – EP. 9 ในยุคที่การพัฒนาเว็บไซต์และแอปพลิเคชันมีความซับซ้อนมากขึ้น การสื่อสารระหว่างส่วนหน้าบ้าน (Frontend) และหลังบ้าน (Backend) กลายเป็นสิ่งสำคัญอย่างยิ่ง Rest API คือหนึ่งในโปรโตคอลที่ได้รับความนิยมในการเชื่อมต่อทั้งสองส่วนนี้เข้าด้วยกัน ในบทความนี้ เราจะมาเจาะลึกเรื่อง Rest API พร้อมทั้งเรียนรู้การใช้งาน Express และ Node.js เพื่อสร้าง API ของคุณเอง API คืออะไร? API หรือ Application Programming Interface คือชุดของคำสั่ง กฎเกณฑ์ และรูปแบบที่ช่วยให้โปรแกรมต่างๆ สามารถสื่อสารและแลกเปลี่ยนข้อมูลกันได้ API เปรียบเสมือนตัวกลางที่ช่วยให้ Frontend สามารถร้องขอข้อมูลจาก Backend และแสดงผลบนหน้าจอได้อย่างราบรื่น JSON คืออะไร? JSON หรือ JavaScript…
-
ลอง Next.js 14 แบบ Quick overview กัน: React Framework สำหรับ Full Stack
ลอง Next.js 14 แบบ Quick overview กัน สวัสดีครับทุกคน วันนี้เราจะมาเจาะลึก Next.js กันครับ Next.js คืออะไร มีความสัมพันธ์กับ React อย่างไร และทำไมถึงเป็น React Framework ที่ได้รับความนิยมในการพัฒนา Full Stack Web App ในปัจจุบัน เราจะมาดูภาพรวมของ Next.js 14 พร้อมทั้งสำรวจฟีเจอร์เด่น ๆ ที่ทำให้ Next.js แตกต่างจาก React ทั่วไป รวมถึงการใช้งาน Server Components, App Router, การจัดการ Routing และการสร้าง API Next.js คืออะไร และความสัมพันธ์กับ React Next.js คือ React Framework ที่ถูกสร้างขึ้นมาเพื่อช่วยให้การพัฒนาเว็บแอปพลิเคชันด้วย React เป็นเรื่องง่ายและมีประสิทธิภาพมากยิ่งขึ้น…