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

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

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

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

(x)Html

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

CSS

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

PHP

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

Javascript

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

Jquery

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

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

Mysql

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

Ajax

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

Nodejs

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

React

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

Wordpress

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

Prestashop

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

Angular

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

Python

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

Vue.JS

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

Symfony

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

Laravel

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

Ruby

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

Zend

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

Cakephp

Framework web libre écrit en PHP. Suit la structure MVC et imite le fonctionnement de Ruby on Rails. Il facilite l'utilisation de Bases de données avec Active record.

Apache cordova

Plus anciennement Apache Callback ou PhoneGap, il s'agit d'un framework open-source développé par la Fondation Apache. Il permet de créer des applications pour différentes plateformes (Android, Firefox OS, iOS, Ubuntu, Windows 8...) en HTML, CSS et JavaScript.

Ionic

Framework open-source permettant de construire des applications natives multiplateformes en utilisant les technologies web comme HTML, CSS, Javascript. Ionic est basé initialement sur AngularJS et Apache Cordova.

Joomla

CMS libre et open-source utilisé pour la création de site web (pages, blog, news, flux RSS, sondages, recherches). Joomla est écrit en PHP et utilise une base de données Mysql. Créé à partir du CMS Mambo à la suite de désaccords.

CodeIgniter

Framework libre écrit en PHP suivant le motif MVC. Considéré comme léger et performant, il a été conçu « pour les développeurs qui ont besoin d’une boîte à outils simple et élégante pour créer des applications web complètes ».

Woocommerce

Extension wordpress open-source spécialisée dans la mise en place de boutique e-commerce. À l'heure actuelle, woocomerce est la solution de vente en ligne la plus populaire sur le marché.

Bootstrap

Framework utilisé dans le cadre de création du design des sites et des applications web. Contient un ensemble de codes HTML et propriétés CSS avec des extensions Javascript en option. Un des projets les plus populaires sur la plateforme GitHub

Haml

Le HAML est un langage de balise utilisé pour générer des documents Xhtml sans utiliser la syntaxe Html. Il offre entre autres avantages, un plus grand confort d'écriture du HTML.

Sass

Un des préprocesseur les plus utilisés pour pouvoir gérer facilement les feuilles de style CSS complexes avec des propriétés qui s'adaptent à tous les navigateurs et des facilités d'écriture.

แหล่งที่มา

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

คำศัพท์

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

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

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

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

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

การคำนวณต้นทุนการพัฒนา

ทำความเข้าใจต้นทุนการพัฒนาและปัจจัยที่ส่งผลต่อ งบประมาณของโครงการ ...

อินเทอร์เน็ต

143

วิธีการแบบ Agile

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

ประสิทธิภาพ

169