ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

Front-end และ Back-end คืออะไร

   Front-end และ Back-end เป็นส่วนหนึ่งของระบบ CMS ซีเอ็มเอส โปรแกรมที่ใช้สำหรับบริหารจัดการเว็บไซต์ หรือ ระบบจัดการเนื้อหาของเว็บไซต์

   ทำความรู้จักประกอบต่าง ๆ ของ Front End  หมายถึง โปรแกรมหนึ่งโปรแกรมใด หรือคอมพิวเตอร์เครื่องหนึ่งเครื่องใดที่ซ่อนรายละเอียดของการเข้าถึงข้อมูลเอาไว้ สรุปง่าย ๆ ได้ว่า ตัวโปรแกรมนั้นเองที่มีตัวเสริมหน้า เป็นตัวกันมิให้ใครเข้าถึงข้อมูลได้ นอกจากจะรู้จักคำสั่งต่าง ๆ จะเรียกกันสั้นๆว่า หน้าบ้าน หรือเป็นส่วนติดต่อผู้ใช้ (User interface) ไม่ว่าจะเป็น หน้าโฮม หน้าเว็บเพจ เนื้อหาต่างๆ รูปภาพ ลิงก์ เป็นต้น เป็นส่วนที่ user ทั่วไปสามารถเห็นและเข้ามาใช้งานได้ของเว็บไซต์ ส่วนนี้จะแสดงหน้าตาของเว็บไซต์ให้ผู้เข้าชมเห็น การออกแบบก็เป็นส่วนที่ช่วยดึงดูดและทำให้ผู้อื่นสนใจเว็บไซต์ ทั้งความสวยงาม การใช้งานเว็บไซต์ที่เข้าใจง่าย สะดวก และทำให้ผู้เข้าชมเห็นว่าเว็บไซต์มีการพัฒนาอยู่ตลอด

   ทำความรู้จักส่วนประกอบของ Back End หมายถึง ระบบจัดการเว็บไซต์ เปรียบได้กับหลังบ้าน ถือเป็นส่วนการจัดการเนื้อหารวมถึงโครงสร้างของเว็บไซต์ สำหรับให้ผู้ดูแลเว็บไซต์เข้ามาบริหารจัดการเว็บไซต์ จะเรียกกันสั้นๆว่า หลังบ้าน เช่น จัดการฐานข้อมูล โครงสร้างเว็บไซต์ การเขียนโค้ดควบคุม XML, text file, JAVA, PHP, C#, C++ เป็นต้น จะมีไว้สำหรับ admin หรือผู้ที่ได้รับอนุญาต เพื่อทำการ เพิ่ม ลบ แก้ไข เปลี่ยนแปลงเว็บไซต์ ในส่วนของ back-end มีความสำคัญเป็นอย่างยิ่ง ไม่ว่าจะเป็นการรักษาความปลอดภัยของข้อมูล ทั้ง username password ข้อมูลเว็บไซต์ต่างๆ รวมไปถึงการทำงานของเว็บไซต์ ความเร็วในการแสดงผล

หน้าตาการทำงานของFront-end และ Back-end
Front-end และ Back-end

 

   Front-end และ Back-end เกี่ยวข้องกันอย่างไร front-end กับ back-end จะมีความสำคัญต่อกันเป็นอย่างมาก หาก front-end แสดงผลช้าหรือเกิดข้อผิดพลาด ส่วนของ back-end ก็ต้องทำการแก้ไขปัญหา หรือถ้าหากว่า back-end ไม่ทำการปรับปรุงเว็บไซต์อย่างสม่ำเสมอ จะส่งผลต่อเว็บไซต์ไม่ว่าจะเป็น เว็บไซต์ล้าหลัง ขาดความน่าสนใจ ผู้เยี่ยมชมลดลง ก่อให้เกิดผลกระทบหลายๆด้าน

 

   Front-end และ Back-end อะไรสำคัญกว่ากัน? ถ้าการใช้งานเว็บไซต์เน้นการแสดงข้อมูลที่ไม่เยอะ front-end จะต้อง design ให้ออกมาสวยและถูกใจคนเข้าชมเว็บไซต์ แต่ถ้าหากเว็บไซต์ข้อมูลเยอะ ส่วน back-end จะต้องจัดการข้อมูลและจัดการเว็บไซต์อย่างไรเพื่อไม่ให้ระบบนั้นช้าลงในการแสดงผล

    สรุปแล้วในเรื่องของ Front end หรือหน้าตาของเว็บหน้าบ้านของเว็บไซต์เป็นสิ่งที่สำคัญมากๆเป็นอันดับแรกเพราะว่าจากผลสำรวจการทำวิจัยหรือการวิเคราะห์ที่ผ่านมาทั้งหมด ชี้ให้เห็นว่าผู้คนจะสนใจกับภาพ หน้าตา ส่วนประกอบ และที่สำคัญที่สุด Content (คอนเทนต์) หรือเนื้อหาเป็นสิ่งที่สำคัญมากๆที่สุดในส่วนของ Front end เพราะว่าหากทุกอย่างดีหมดแล้วดึงดูดความสนใจได้มากแล้ว แต่เนื้อหาไม่ได้เรื่องหรือห่วยแตกก็จะไม่สามารถรั้งผู้คนไว้ได้นั่นเองเปรียบเทียบให้เห็นภาพชัดๆกับเรื่องของการซื้อผลิตภัณฑ์ซักอย่างแล้วกัน สมมุติว่าเราเลือกซื้อขนมยี่ห้อหนึ่ง แพคเกจดูดีมากๆ การโฆษณาก็ทำออกมาได้ดีน่าดึงดูด แต่พอแกะห่อออกมาชิมแล้ว รสของขนมนั้นไม่ได้เรื่องไม่อร่อยอย่างคำคุย ก็จะทำให้ไม่สามารถรั้งลูกค้าไว้ได้อีก แถมยังทำให้เสียภาพลักษณ์ไปจนหมด ในส่วนของ Back end ก็สำคัญไม่แพ้กันเพราะหากทุกอย่างที่เราทำมันดีแล้วในด้านหน้า (Front end) เปรียบเทียบง่ายๆเหมือนขนมเมื่อซักครู่หากรสมันอร่อยเป็นที่ยอมรับแล้ว แต่ว่าไม่มีการปรับปรุงแก้ไขและพัฒนาต่อไปก็จะมีสิ่งที่ดีกว่ามาแทนและทำให้คนหันไปสนใจขนมรสอื่นแทนเรียกได้ว่าสองสิ่งนี้ต้องพัฒนาควบคู่กันไป ไม่ให้มีสิ่งใดสิ่งหนึ่งขาดหายไปนั่นเองและสุดท้ายเรามีบทความที่อยากจะฝากให้ทุกท่านไว้ศึกษาเพิ่มเติมเกี่ยวกับภาษาในส่วนของ Black end เรามาเริ่มกันที่ JavaScript คืออะไร จาวา สคริปต์ ภาษาที่กล่าวไปข้างต้นในการเขียนหน้า back end นอกจากนี้ยังมี C# คืออะไร ซีชาร์ป และ C++ คืออะไร ซีพลัสพลัส อีกด้วย ต่อไปจะเป็นความรู้เกี่ยวกับการตั้งค่า Front และ ฺBack end เรามาดูกันเลย ทำความรู้จักประกอบต่าง ๆ ของ Front End joomla เพื่อการความเข้าใจส่วนประกอบต่าง ๆ หน้าเว็บไซต์ และ ทำความรู้จักส่วนประกอบของ Back End เพื่อให้เข้าใจส่วนต่าง ๆ ของหน้าผู้ดูแลระบบ ทั้งหมดนี้คือสิ่งจำเป็นที่ต้องศึกษาเกี่ยวกับ Front และ Back end ที่เราสามารถให้ท่านไปศึกษาเพิ่มเติมได้ในท้ายบทความนี้ขอบคุณครับ

 

อ้างอิงจาก

Front-End และ Back-End คืออะไร.[ออนไลน์].เข้าถึงได้จาก https://blog.sogoodweb.com/Article/Detail/54053 [6.MAR.2020]

สรุปเทคโนโลยีทุกอย่างสำหรับคนอยากมีเว็บ / แอพในปี 2016 ฉบับเข้าใจง่าย ๆ.[ออนไลน์].เข้าถึงได้จาก https://www.designil.com/web-app-guide-2016.html [6.MAR.2020]

Frontend vs. Backend.[ออนไลน์].เข้าถึงได้จาก https://www.thaiprogrammer.org/2018/12/front-end-vs-back-end/  [6.MAR.2020]

ความแตกต่างระหว่าง FRONT-END, BACK-END และ MIDDLEWARE DEVELOPERS.[ออนไลน์].เข้าถึงได้จาก https://ismtech.net/th/your-career/%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B9%81%E0%B8%95%E0%B8%81%E0%B8%95%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%A3%E0%B8%B0%E0%B8%AB%E0%B8%A7%E0%B9%88%E0%B8%B2%E0%B8%87-front-end-back-end-%E0%B9%81%E0%B8%A5%E0%B8%B0-middleware-developers [6.MAR.2020]

What's the Difference Between the Front-End and Back-End?.[ออนไลน์].เข้าถึงได้จาก https://www.pluralsight.com/blog/film-games/whats-difference-front-end-back-end  [6.MAR.2020]

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ถ้าต้องการจะส่งเมล เเล้วแนบไฟล์ไปด้วยใน phpbb ทำยังไงคะ
โดย thatsawan ส 11 ก.ค. 2020 11:33 am บอร์ด Programming - PHP
2
62
ส 11 ก.ค. 2020 3:10 pm โดย mindphp
การเพิ่มกรอบจอโทรศัพท์มือถือบน Google Chrome
โดย natthanit.r2538 ส 11 ก.ค. 2020 10:41 am บอร์ด Share Knowledge
0
9
ส 11 ก.ค. 2020 10:41 am โดย natthanit.r2538
งานประจำวันที่ 11 กรกฏาคม 2563
โดย Phakakrong ส 11 ก.ค. 2020 9:22 am บอร์ด M105 - ผกากรอง กุสาวดี
3
19
ส 11 ก.ค. 2020 6:48 pm โดย Phakakrong
ถ้าต้องการเช็คค่าว่าง select ให้ alert ก่อนก่อนปุ่มอื่นๆ ทำยังไงได้บ้างคะ
โดย thatsawan ศ 10 ก.ค. 2020 4:18 pm บอร์ด JavaScript & Jquery Ajax
1
27
ศ 10 ก.ค. 2020 4:59 pm โดย tsukasaz
งานประจำวันที่ 10 กรกฏาคม 2563
โดย Phakakrong ศ 10 ก.ค. 2020 9:35 am บอร์ด M105 - ผกากรอง กุสาวดี
5
20
ศ 10 ก.ค. 2020 7:58 pm โดย Phakakrong
Google Sheet : วิธีการเปลี่ยนภาษา (ไทย เป็น อังกฤษ)
โดย Phakakrong พฤ 09 ก.ค. 2020 6:34 pm บอร์ด Share Knowledge
0
18
พฤ 09 ก.ค. 2020 6:34 pm โดย Phakakrong
มาลองใช้งาน Google Drive กันแบบฉบับง่ายๆ
โดย Phakakrong พฤ 09 ก.ค. 2020 4:08 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
19
พฤ 09 ก.ค. 2020 4:08 pm โดย Phakakrong
ข้อมูลไม่ขึ้นมาแสดง รบกวนช่วยดูโค้ดให้ทีคะ คือทำหน้าแบบฟอร์ม แล้วต้องการแก้ไขข้อมูลตามไอดี
โดย Jakkrit Saengngoenon พฤ 09 ก.ค. 2020 1:24 pm บอร์ด Programming - PHP
0
26
พฤ 09 ก.ค. 2020 1:24 pm โดย Jakkrit Saengngoenon
งานประจำวันที่ 9 กรกฏาคม 2563
โดย Phakakrong พฤ 09 ก.ค. 2020 9:40 am บอร์ด M105 - ผกากรอง กุสาวดี
1
28
พฤ 09 ก.ค. 2020 6:51 pm โดย Phakakrong
สรุปผลการเรียน Process help desk
โดย Phakakrong พ 08 ก.ค. 2020 7:05 pm บอร์ด M105 - ผกากรอง กุสาวดี
1
11
พฤ 09 ก.ค. 2020 10:29 am โดย Phakakrong
ISO 29110 คืออะไร มาตรฐานที่ให้การรับรองคุณภาพการบริหารงาน หรือผลิตภัณฑ์ซอร์ฟแวร์ มีขั้นตอนการขออย่างไหร่
โดย natthanit.r2538 พ 08 ก.ค. 2020 7:02 pm บอร์ด Microsoft Office Knowledge & line & Etc
1
34
พ 08 ก.ค. 2020 9:59 pm โดย UoIU112
การ Link ข้อมูลข้าม Sheet /ข้ามไฟล์ ใน Excel แบบง่ายๆ
โดย Phakakrong พ 08 ก.ค. 2020 6:55 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
22
พ 08 ก.ค. 2020 6:55 pm โดย Phakakrong
ข้อควรรู้เกี่ยวกับการลดหย่อนภาษีด้วยเงินบริจาคมูลนิธิ
โดย medalezga พ 08 ก.ค. 2020 1:55 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
19
พ 08 ก.ค. 2020 1:55 pm โดย medalezga
แนะนำ 10 โปรแกรมตัดต่อวิดีโอบน PC ทั้งฟรีและเสียเงิน
โดย Phakakrong พ 08 ก.ค. 2020 1:30 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
24
พ 08 ก.ค. 2020 1:30 pm โดย Phakakrong
งานประจำวันที่ 8 กรกฏาคม 2563
โดย Phakakrong พ 08 ก.ค. 2020 9:28 am บอร์ด M105 - ผกากรอง กุสาวดี
3
42
พ 08 ก.ค. 2020 7:16 pm โดย Phakakrong
SMS Gateway คืออะไร
โดย natthanit.r2538 อ 07 ก.ค. 2020 5:11 pm บอร์ด Microsoft Office Knowledge & line & Etc
1
45
พ 08 ก.ค. 2020 5:15 pm โดย natthanit.r2538
ใบเสนอราคา (Quotation) คืออะไร
โดย Phakakrong อ 07 ก.ค. 2020 4:55 pm บอร์ด Share Knowledge
0
49
อ 07 ก.ค. 2020 4:55 pm โดย Phakakrong
วิธีการเดินทางจากอำเภอเชียงคำ จ.พะเยา มา กรุงเทพมหานคร
โดย Phakakrong อ 07 ก.ค. 2020 12:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
54
อ 07 ก.ค. 2020 12:03 pm โดย Phakakrong
Note
โดย Phakakrong อ 07 ก.ค. 2020 11:16 am บอร์ด M105 - ผกากรอง กุสาวดี
1
7
พ 08 ก.ค. 2020 10:09 am โดย Phakakrong
list ความรู้ที่มี ว่าเคยเรียน หรือ เคยทำอะไรมาบ้าง
โดย Phakakrong อ 07 ก.ค. 2020 11:01 am บอร์ด M105 - ผกากรอง กุสาวดี
3
25
อ 07 ก.ค. 2020 3:27 pm โดย Phakakrong