Front-End กับ Back-End กับการพัฒนาเว็บแบบเต็มสแต็ค

การพัฒนาเว็บไม่ได้เป็นเพียงเรื่องเดียว มันครอบคลุม skillsets หลายและมีหลายประเภทอาชีพในพื้นที่การพัฒนาเว็บ คำสามคำที่ใช้บ่อยคือ“ ส่วนหน้า”“ ด้านหลังสุด” และ“ เต็มกอง” นี่คือความแตกต่างที่สำคัญระหว่างสามคำนี้

การพัฒนาเว็บส่วนหน้า

การพัฒนา Front-end ในขณะที่องค์ประกอบของมันมีการเปลี่ยนแปลงอยู่ตลอดเวลาเป็นหลักเกี่ยวข้องกับส่วนนอกของเว็บไซต์หรือโปรแกรมประยุกต์บนเว็บ หัวใจหลักของการพัฒนา front-end นั้นเกี่ยวข้องกับ HTML, CSS และ JavaScript:

• HTML: HyperText Markup Language หรือ HTML เป็นองค์ประกอบโครงสร้างที่สำคัญของเว็บไซต์ทั้งหมดบนอินเทอร์เน็ต ถ้าไม่มีมันหน้าเว็บจะไม่สามารถอยู่ได้
• CSS: CSS เพิ่มสไตล์ให้กับ HTML ฉันชอบที่จะใช้การเปรียบเทียบว่า HTML เป็นเหมือนใบหน้าและ CSS ก็เหมือนกับการแต่งหน้า
• JavaScript: JavaScript หรือ JS ได้รับการพัฒนาในช่วงหลายปีที่ผ่านมา ในส่วนที่เกี่ยวกับการพัฒนา Front-end นั้น JS มีความสำคัญเนื่องจากช่วยให้หน้าเว็บโต้ตอบได้

ส่วนหน้าเกี่ยวข้องกับเค้าโครงและหลักการออกแบบ แต่ผู้พัฒนาส่วนหน้าไม่จำเป็นต้องเป็นนักออกแบบ โดยทั่วไปนักพัฒนาส่วนหน้าสร้างรูปลักษณ์ภายนอก - หน้าเว็บไซต์ที่ผู้ใช้เห็น ซึ่งหมายความว่าผู้พัฒนาส่วนหน้าจะต้องคำนึงถึงความสามารถในการอ่านและการใช้งานของเว็บไซต์และ / หรือแอปพลิเคชัน นอกจากนี้ส่วนหน้าทำงานบนไคลเอนต์ - หมายถึงคอมพิวเตอร์ท้องถิ่นของผู้ใช้ - ในกรณีส่วนใหญ่เว็บเบราว์เซอร์ และข้อมูลจะไม่ถูกเก็บไว้ในฝั่งไคลเอ็นต์

การพัฒนาเว็บแบ็คเอนด์

การพัฒนาเว็บแบ็คเอนด์เป็นสิ่งที่เกิดขึ้นเบื้องหลัง ส่วนหลังช่วยให้สามารถใช้งาน Front-End ได้

เพื่อทำให้สิ่งต่าง ๆ ง่ายขึ้นให้คิดถึงส่วนหน้าเป็นส่วนหนึ่งของภูเขาน้ำแข็งเหนือน้ำ เป็นสิ่งที่ผู้ใช้เห็น - เว็บไซต์ที่ดูทันสมัย ปลายด้านหลังเป็นส่วนที่เหลือของน้ำแข็ง ผู้ใช้ปลายทางไม่สามารถมองเห็นได้ แต่เป็นองค์ประกอบพื้นฐานที่สุดของเว็บแอปพลิเคชัน ปลายด้านหลังทำงานบนเซิร์ฟเวอร์หรือที่มักเรียกว่า“ ฝั่งเซิร์ฟเวอร์”

แตกต่างจากการพัฒนา front-end (ซึ่งส่วนใหญ่ใช้ HTML, CSS และ JavaScript) การพัฒนาเว็บ back-end สามารถพึ่งพาภาษาและกรอบต่าง ๆ

ภาษายอดนิยมบางส่วนที่ใช้ในส่วนท้ายประกอบด้วย:

• ทับทิม (มักใช้ร่วมกับ Rails framework - AKA Ruby on Rails)
• หลาม (ซึ่งมักใช้กับกรอบ Django ที่ส่วนหลัง)
• PHP (WordPress CMS ที่เป็นที่นิยมใช้ PHP กับแบ็คเอนด์ - PHP มีเฟรมเวิร์กที่ได้รับความนิยมไม่กี่อันหนึ่งคือ Laravel)
• Node.js (ได้รับความนิยมมากขึ้น - นี่เป็นสภาพแวดล้อมส่วนหลังสำหรับเว็บแอปที่สร้างด้วย JavaScript)

เพื่อให้เว็บไซต์ขนาดใหญ่และเว็บแอปพลิเคชันทำงานได้มากกว่าภาษาและกรอบการทำงานส่วนหลัง ข้อมูลทั้งหมดในเว็บไซต์หรือแอปพลิเคชันจะต้องเก็บไว้ที่ใดที่หนึ่ง

นี่คือที่มาของฐานข้อมูลนักพัฒนา Back-end ก็จัดการสิ่งเหล่านี้เช่นกัน

ฐานข้อมูลยอดนิยม ได้แก่:

• MySQL
• PostgreSQL
• MongoDB
• และคนอื่น ๆ

โดยทั่วไปภาษา / กรอบการทำงานส่วนหลังจำเป็นต้องมีฐานข้อมูลที่แน่นอน ตัวอย่างเช่นเฟรมเวิร์กสแต็ก MEAN แบบเต็มต้องการ MongoDB

นอกเหนือจากการรู้ภาษา / โครงร่างส่วนหลังและฐานข้อมูลที่ใช้งานแล้วผู้พัฒนาส่วนหลังยังต้องมีความเข้าใจสถาปัตยกรรมเซิร์ฟเวอร์ด้วย

การตั้งค่าเซิร์ฟเวอร์ให้เว็บไซต์ทำงานได้อย่างรวดเร็วไม่ผิดพลาดและไม่ให้ข้อผิดพลาดแก่ผู้ใช้ สิ่งนี้อยู่ภายใต้โดเมนของนักพัฒนาซอฟต์แวร์ส่วนหลังเนื่องจากข้อผิดพลาดส่วนใหญ่เกิดขึ้นที่ส่วนท้ายไม่ใช่ส่วนหน้า

เต็มกอง

เต็มกองคือการรวมกันของทั้งด้านหน้าและปลายด้านหลัง นักพัฒนาเต็มสแต็คเป็นแจ็คของการซื้อขายทั้งหมด พวกเขารับผิดชอบการพัฒนาทุกระดับตั้งแต่การตั้งค่าเซิร์ฟเวอร์ไปจนถึง CSS ที่เกี่ยวข้องกับการออกแบบ

วันนี้มีอะไรมากมายที่เข้าสู่การพัฒนาเว็บไซต์ซึ่งแทบจะเป็นไปไม่ได้ที่จะจัดการกับทั้งสองฝ่าย ในขณะที่คนจำนวนมากสามารถอ้างว่าเป็นสแต็กเต็มหรือในความเป็นจริงพวกเขายังคงมักจะมุ่งเน้นที่ด้านหนึ่ง: ไคลเอนต์หรือเซิร์ฟเวอร์

ใน บริษัท เล็ก ๆ / บริษัท สตาร์ทอัพคน ๆ เดียวจะมีความรับผิดชอบในทุกด้านของการพัฒนาเว็บ อย่างไรก็ตามใน บริษัท ขนาดใหญ่คนทำงานเป็นทีมและมีบทบาทพิเศษ - คนหนึ่งมุ่งเน้นไปที่สถาปัตยกรรมเซิร์ฟเวอร์คนอื่น ๆ (หรือไม่กี่คน) ที่ส่วนหน้า ฯลฯ

ข้อสรุป

การพัฒนาเว็บมีหลายหน้าและมีการพัฒนามากขึ้นทุกวัน มีหลายสิ่งให้เรียนรู้ แต่ไม่รู้สึกกดดันที่จะเรียนรู้ทุกอย่างในครั้งเดียว โปรดจำไว้ว่าในสภาพแวดล้อมการทำงานคุณมักจะอยู่ร่วมทีมกับผู้อื่น มุ่งเน้นไปที่การเสริมสร้างทักษะของคุณในด้านการพัฒนาเว็บในแต่ละครั้ง อย่าจมและคุณจะเป็นมืออาชีพก่อนที่คุณจะรู้