• Plain Vanilla Web คือบทเรียนที่รวบรวมวิธีสร้างเว็บไซต์และเว็บแอปพลิเคชันด้วยเพียงเอดิเตอร์ เบราว์เซอร์ และมาตรฐานเว็บ
  • แบ่งเนื้อหาเป็นองค์ประกอบ การจัดสไตล์ เว็บไซต์ และแอปพลิเคชัน โดยครอบคลุม Web Components, CSS สมัยใหม่, การทำ routing ฝั่งไคลเอนต์ และการจัดการ state ในแนวทางแบบ vanilla
  • มุ่งเน้นทางเลือกที่ลด ความซับซ้อนของเฟรมเวิร์กและเครื่องมือ มากกว่าความสะดวกของเว็บเฟรมเวิร์กสมัยใหม่
  • เหมาะสำหรับผู้อ่านที่คุ้นเคยกับ HTML, CSS, JavaScript อยู่แล้ว และยังไม่เหมาะกับผู้ที่เพิ่งเริ่มต้นพัฒนาเว็บ
  • แนวทางนี้ยอมแลกความสะดวกระยะสั้นบางส่วน เพื่อให้ได้ความเรียบง่ายและข้อดีระยะยาวที่แทบจะเป็น การบำรุงรักษาเป็นศูนย์

สร้างเว็บไซต์และแอปพลิเคชันด้วยมาตรฐานเว็บเท่านั้น

  • Plain Vanilla Web แนะนำวิธีสร้างเว็บไซต์และเว็บแอปพลิเคชันโดยมี HTML, JavaScript, CSS เป็นศูนย์กลาง
    • สิ่งที่ต้องมีคือเอดิเตอร์ เบราว์เซอร์ และมาตรฐานเว็บ
    • ครอบคลุมวิธีที่ไม่พึ่งพา build tools, เฟรมเวิร์ก หรือ logic ฝั่งเซิร์ฟเวอร์
  • ลำดับการเรียนรู้ประกอบด้วย 4 ส่วน
    • Components: ใช้ Web Components สร้าง primitives ระดับสูงขึ้นบน plain HTML, JavaScript, CSS
    • Styling: ใช้ CSS สมัยใหม่แทนฟีเจอร์อำนวยความสะดวกของ CSS Modules, PostCSS, SASS
    • Sites: สร้างเว็บไซต์แบบ vanilla และนำขึ้นออนไลน์โดยไม่ใช้ build tools, เฟรมเวิร์ก หรือ logic ฝั่งเซิร์ฟเวอร์
    • Applications: สร้าง single-page application ด้วยกลยุทธ์แบบ vanilla สำหรับ routing ฝั่งไคลเอนต์และการจัดการ state

ผู้อ่านที่เหมาะสมและเส้นทางเริ่มต้น

  • แนวทางนี้ให้ความสำคัญกับ การลดความซับซ้อน มากกว่าฟีเจอร์มากมายที่เว็บเฟรมเวิร์กสมัยใหม่มอบให้
    • ลดภาระจากเฟรมเวิร์กและเครื่องมือ แลกกับการสละความสะดวกระยะสั้นบางส่วน
    • ในระยะยาว มุ่งสู่ความเรียบง่ายและสภาพที่แทบไม่ต้องบำรุงรักษา
  • เหมาะกับผู้ที่ใช้ HTML, CSS, JavaScript ได้อยู่แล้ว และต้องการหลุดพ้นจาก ความซับซ้อนของเครื่องมือ
    • ยังไม่เหมาะกับผู้ที่เพิ่งเริ่มเรียนรู้การพัฒนาเว็บ
    • ผู้เริ่มต้นสามารถเริ่มได้จาก HTML for People หรือ The Odin Project Foundations Course
  • ขั้นถัดไปคือการเรียนรู้วิธีใช้ Web Components เพื่อประกอบเนื้อหา สไตล์ และพฤติกรรมเข้าด้วยกัน
    • ลิงก์เริ่มต้นคือ Get Started

ยังไม่มีความคิดเห็น

ยังไม่มีความคิดเห็น