#web technology stack

[hannahgerstaecker]

How To Choose a Technology Stack for Web Application Development

[glomgeek]

Full Stack Development Theories and How-To Guides

บทความกี๊คๆวันนี้ Modern Web Solution Stack ฉบับนู้บ

แบ่งเป็นชิ้นๆก่อนดังนี้ Model = ชิ้นข้อมูลและลอจิคบนข้อมูลนั้น View=รูปแบบการแสดงผล Control = ควบคุมรูปแบบการแสดงผล Data = ดาต้าเบส > เมื่อก่อนเซิร์ฟเวอร์ทำงานทุกอย่างแล้วสร้างเพจซึ่งเป็นผลลัพธ์ส่งมาให้ browser แสดงผล ทำให้งานเล็กๆเช่นกดไลค์ก็ต้องรอเพจมันโหลดใหม่

> ยุค 200x เลยมีการพยายามดึงงาน Model View Control ง่ายๆออกมาจากเซิร์ฟเวอร์โดยใช้เทคโนโลยี AJAX อย่าง jQuery ช่วย แต่ทำให้มีปัญหาการแบ่งส่วนประมวลลอจิคไม่ค่อยดีระหว่าง Client Server เช่น Validate Data ให้ลอจิคมันอยู่ส่วนไหน

> ปัจจุบันใช้สถาปัตยกรรม MVC กัน ดึงงานมาอยู่ฝั่ง client ให้หมด ฝั่ง server มีหน้าที่เก็บ data อย่างเดียว  เทคโนโลยีปัจจุบันจึงมี framework ฝั่ง client เกิดมากมายหลายเจ้าเช่น Angular, Ember, Ract, ASP MVC และฝั่ง server เกิดใหม่หลายเจ้า Node, Ruby on Rail

ซึ่งการทำเว็บอาจถึงขั้นทำแค่หน้าเดียวแล้วก็ยังได้ เพราะเซิร์ฟเวอร์ไม่ต้องส่งเพจมาใหม่แล้ว เพจเดียวโหลดลอจิคทุกอย่างเลย หรือเรียกว่า Single Page Application มีข้อเสียคือโหลดทีแรกโหลดนาน และ Search engine ก็จะงงงวย crawl content ไม่ถูกเนื่องจากเว็บเรา dynamic ไม่มีเพจให้ไปตาม ซึ่งก็พอแก้ได้ด้วย framework ฝั่งเซิร์ฟเวอร์เช่น Meteor

ดังนั้นในยุคนี้ใครจะทำ Modern Web แบบ full stack ต้องอ่านเยอะกว่าเดิมมากเลย HTML, CSS, JavaScript, jQuery แล้วก็ framework ฝั่ง client กับ server