Front-end เทียบกับ back-end เทียบกับ full-stack การพัฒนาเว็บ

การพัฒนาเว็บไม่ใช่สิ่งเดียวเท่านั้น จะครอบคลุม 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 ต้องคำนึงถึงความสามารถในการอ่านและใช้งานไซต์และ / หรือโปรแกรมประยุกต์

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

และข้อมูลจะไม่ถูกเก็บไว้ในฝั่งไคลเอ็นต์

Back-End Web Development คืออะไร?

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

เพื่อให้ง่ายขึ้นลองนึกถึงส่วนหน้าเหมือนเป็นส่วนหนึ่งของภูเขาน้ำแข็งเหนือน้ำ เป็นสิ่งที่ผู้ใช้เห็น - ไซต์ที่เพรียวบาง

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

ส่วนหลังจะทำงานบนเซิร์ฟเวอร์หรือเนื่องจากเซิร์ฟเวอร์มักเรียกว่า "ฝั่งเซิร์ฟเวอร์"

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

ภาษาที่นิยมใช้กันในด้านหลังมีดังนี้:

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

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

นี่คือที่มาของฐานข้อมูลนักพัฒนาแบ็คเอนด์จัดการเรื่องเหล่านี้ด้วย

( หมายเหตุ : คุณสามารถสร้างเว็บไซต์โดยไม่ใช้ฐานข้อมูลโดยใช้ HTML และ CSS เท่านั้นนี่เป็นเว็บไซต์แบบคงที่และมีความยืดหยุ่นน้อยกว่ามากอย่างไรก็ตามไซต์ที่อาศัยข้อมูลเป็น -

MySQL

• PostgreSQL
• MongoDB
• และอื่น ๆ
• โดยปกติแล้วจะมีบางอย่างกลับ -end ภาษา / กรอบต้องใช้ฐานข้อมูลบางอย่าง ตัวอย่างเช่นโครงร่าง MEAN full stack ต้องใช้ MongoDB

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

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

Full Stack คืออะไร?

ใช่คุณคาดเดาได้ว่า:

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

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

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

บทสรุป

การพัฒนาเว็บมีหลายใบหน้า, และมีการพัฒนามากขึ้นทุกวัน

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

เช่นเดียวกับบทความนี้? คลิกที่นี่เพื่อทวีต