เข้าสู่ระบบ

เทคโนโลยีเว็บ

technos web

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

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

ภาษาโปรแกรมมิ่ง

(x)Html

HTML

เป็นภาษามาร์กอัปที่ใช้ในการจัดโครงสร้างและให้ความหมายกับเนื้อหาเว็บ มาจากคำว่า “HyperText Markup Language” หรือย่อว่า HTML สามารถสร้างแบบฟอร์ม เพิ่มลิงก์ รูปภาพ และวิดีโอได้

CSS

CSS

ใช้สำหรับจัดรูปแบบเอกสารเว็บ เช่น หน้า HTML มาจาก “Cascading Style Sheets” หรือ « สไตล์ชีตแบบเรียงลำดับ ». เป็นรายการคุณสมบัติของลักษณะและการจัดตำแหน่ง (สี ฟอนต์ เส้นขอบ ฯลฯ) โดยมีจุดประสงค์เพื่อแยกเนื้อหาออกจากการแสดงผล

PHP

PHP

PHP เป็นภาษาการเขียนโปรแกรมที่ใช้สร้างหน้าเว็บแบบไดนามิก โดยประมาณ 3 ใน 4 ของเว็บไซต์ใช้ PHP ไม่ทางใดก็ทางหนึ่ง

Javascript

Javascript

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

Jquery

Jquery

ไลบรารี JavaScript แบบโอเพนซอร์สที่ช่วยให้การเขียน JavaScript บนหน้าเว็บง่ายขึ้น สามารถจัดการ HTML จัดการเหตุการณ์ และทำให้การโต้ตอบกับหน้าเว็บง่ายขึ้น

เทคโนโลยีอื่น ๆ

Mysql

Mysql

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

Ajax

Ajax

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

Nodejs

Nodejs

เป็นสภาพแวดล้อมรันไทม์ที่ช่วยให้สามารถใช้ JavaScript ฝั่งเซิร์ฟเวอร์ได้ ช่วยให้สร้างแอปพลิเคชันเว็บที่รวดเร็ว โดยเฉพาะแบบเรียลไทม์

React

React

ไลบรารี JavaScript แบบโอเพนซอร์สที่พัฒนาโดย Facebook ใช้สำหรับสร้างส่วนติดต่อผู้ใช้ โดยเฉพาะในแอปพลิเคชันเว็บแบบหน้าเดียว

Wordpress

Wordpress

ระบบจัดการเนื้อหา (CMS) แบบฟรีและโอเพนซอร์ส เขียนด้วย PHP และใช้ฐานข้อมูล MySQL ช่วยให้สร้างเว็บไซต์ได้ง่ายด้วยปลั๊กอินจำนวนมาก มากกว่า 40% ของเว็บไซต์ใช้ระบบนี้

Prestashop

Prestashop

ระบบ CMS แบบโอเพนซอร์สสำหรับอีคอมเมิร์ซ ช่วยให้สร้างและจัดการร้านค้าออนไลน์ได้อย่างง่ายดาย

Angular

Angular

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

Python

Python

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

Vue.JS

Vuejs

เฟรมเวิร์ก JavaScript แบบโอเพนซอร์ส (เรียกสั้น ๆ ว่า Vue) ใช้สำหรับสร้างส่วนติดต่อผู้ใช้และแอปพลิเคชันเว็บ

Symfony

Symfony

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

Laravel

Laravel

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

Ruby

Ruby

เป็นภาษาโปรแกรมแบบโอเพนซอร์สเชิงวัตถุ ออกแบบมาให้ใช้งานง่ายและสะดวก ใช้สำหรับสร้างแอปพลิเคชันเว็บและซอฟต์แวร์

Zend

Zend

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

Cakephp

Cakephp

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

Apache cordova

Cordova

เฟรมเวิร์กโอเพนซอร์สจาก Apache Foundation ที่ช่วยให้สร้างแอปมือถือข้ามแพลตฟอร์มด้วยเทคโนโลยีเว็บอย่าง HTML, CSS และ JavaScript

Ionic

Ionic

เฟรมเวิร์กโอเพนซอร์สที่ช่วยให้สร้างแอปพลิเคชันมือถือและเว็บแบบข้ามแพลตฟอร์มด้วยเทคโนโลยีอย่าง HTML, CSS และ JavaScript

Joomla

Joomla

CMS ฟรีและโอเพนซอร์สที่ใช้สร้างเว็บไซต์ได้หลากหลายประเภท เช่น เว็บไซต์องค์กร บล็อก หรือพอร์ทัลเนื้อหา Joomla เขียนด้วย PHP และโดยทั่วไปใช้ฐานข้อมูล MySQL

CodeIgniter

CodeIgniter

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

Woocommerce

woocommerce

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

Bootstrap

bootstrap

เฟรมเวิร์กฝั่งหน้าเว็บที่ใช้สร้างดีไซน์และเลย์เอาต์ของเว็บไซต์และแอปพลิเคชัน โดยมีคอมโพเนนต์ HTML, CSS และ JavaScript พร้อมใช้งาน

Haml

Haml

เป็นภาษามาร์กอัปที่ใช้สร้าง HTML ด้วยไวยากรณ์ที่กระชับกว่า มีเป้าหมายเพื่อให้การเขียนเทมเพลตรวดเร็วและอ่านง่ายขึ้น

Sass

Sass

พรีโปรเซสเซอร์ CSS ที่ใช้งานอย่างแพร่หลาย ซึ่งเพิ่มความสามารถอย่างตัวแปร การซ้อน และมิกซ์อิน เพื่อให้การเขียนและดูแลสไตล์ชีตง่ายขึ้น

แหล่งที่มา

สถิติการใช้งาน PHP สำหรับเว็บไซต์ (ภาษาอังกฤษ)
สถิติ WordPress ปี 2020

คำศัพท์

Framework: ชุดขององค์ประกอบที่ใช้สร้างพื้นฐานและโครงสร้างของซอฟต์แวร์หรือแอปพลิเคชันเว็บ

CMS: มาจากคำย่อ “Content Management System”

Open-Source: ใบอนุญาตที่อนุญาตให้แจกจ่ายใหม่ได้อย่างอิสระ เข้าถึงซอร์สโค้ด และสร้างผลงานต่อยอด

MVC: เรียกอีกอย่างว่า “Model View Controller” เป็นรูปแบบสถาปัตยกรรมที่นิยมในแอปพลิเคชันเว็บ

Préprocesseur: ในทางคอมพิวเตอร์ พรีโปรเซสเซอร์คือโปรแกรมที่ปรับเปลี่ยนโค้ดก่อนการคอมไพล์

วิธีการแบบ Agile

agile method.png

ทำความรู้จักกับวิธีการ Agile และเข้าใจว่ามันช่วยให้พัฒนาโครงการที่ยืดหยุ่น รวดเร็ว และมุ่งเน้นความต้องการของลูกค้าได้อย่างไร ...

mail icon1.pngรับบทความที่ดีที่สุดของเรารับบทความที่ดีที่สุดของเรา