ข้ามไปที่เนื้อหาหลัก

เทคโนโลยีการพัฒนาเว็บ



เทคโนโลยีการพัฒนาเว็บ

Basic


   Hypertext Transfer Protocol ( HTTP ) : โปรโตคอลหรือคือมาตราฐานการติดต่อสื่อสารหนึ่งของคอมพิวเตอร์ ทำหน้าที่เป็นโปรโตคอลในการแลกเปลี่ยนข้อมูลระหว่างผู้ให้บริการและผู้ใช้บริการในเครือข่ายใยแมงมุม ที่เรารู้จักกันในชื่อ World Wide Web นั้นเอง นอกจากนี้ยังมีอีกหนึ่งโปรโตคอล คือ Hypertext Transfer Protocol over Secure Socket Layer 
( HTTPS )  ต่างจาก HTTP ตรงที่การส่งข้อมูลของ HTTPS จะส่งข้อมูลแบบ Cipher Text คือ ส่งข้อมูลที่มีการเข้ารหัส แต่ HTTP จะส่งข้อมูลแบบ Clear Text ทำให้ HTTPS นั้นมีึความปลอดภัยกว่า  HTTP นั้นเอง
   HyperText Markup Language ( HTML ) : ภาษาที่ใช้สำหรับอธิบายและกำหนดเนื้อหาต่างๆ บนหน้าเว็บ หรือเป็นภาษาประเภท Markup Language จะพบในรูปแบบ Tag  โดยสิ่งที่เขียนจากภาษา HTMLจะกลายเป็น Element Object ที่ถูกอ้างอิงโดย DOM ( Document Object Model เกริ่นๆ ไว้ก่อน) นอกจาก HTML ยังมีภาษาอื่นที่เป็น Markup Language อีกเช่น XML, GML, SGML เป็นต้น


รูปแบบไฟล์ .html

   Cascading Style Sheets ( CSS ) : มีข้อความเพียงอย่างเดียวคงจะอ่านกันน่าเบื่อน่าดู ปัญหาดังกล่าวจะหายไปหากมี CSS เป็นภาษาที่ช่วยในการจัดการ การกำหนดค่ารูปแบบการแสดงผลของ Element ต่างๆ ไม่ว่าจะเป็นขนาด สี รูปแบบตัวอักษร หรือลูกเล่นการแสดงผลเล็กๆ น้อยๆ ทำให้เว็บของเราดูดีมีออร่าขึ้นมาทันที 
Framework or Library: Boostrap, Buma, Materialize, W3.css เป็นต้น


ปุ่มที่ไม่ใช้CSS  และ ปุ่มที่ใช้CSS


Scripting

   JavaScript ( JS ) : เป็นภาษาสคริปเชิงวัตถุ ( Object Oriented Programming ) โดยในส่วนของเว็บนั้นเราใช้จาวาสคริปแบ่งเป็น 2 ส่วน ส่วนแรกคือส่วนที่มองเห็นได้ชัดเจน หรือ การจัดการการแสดงผลบนหน้าเว็บเช่น การที่ทำให้ตัวอักษรค่อยๆ ปรากฏขึ้นทีละนิดเมื่อเราเลื่อนเมาส์ไปที่ข้อความนั้นๆ หรือ การขยับของวัตถุบนหน้าเว็บของเราทำให้มีความน่าสนใจยิ่งขึ้น อีกส่วนหนึ่งคือส่วนที่เรามองไม่เห็น ไม่ว่าจะเป็นการประมวลผลข้อมูลเช่น การคิดคำนวณค่าทางคณิตศาสตร์ การสร้าง Function การทำงานต่างๆ เป็นต้น หรือจะเป็น การจัดการการเชื่อมต่อ เช่น การเชื่อมต่อกับฐานข้อมูล การติดต่อกับผู้ให้บริการ หรือ การแลกเปลี่ยนข้อมูลต่างๆ ของ DOM 

Framework or Library: Node.js, React.js, Angular.js, Jquery เป็นต้น
   Application Programming Interfaces ( API ) : ชุดคำสั่งที่องค์กร บริษัท หรือนักพัฒนาได้สร้างขึ้นมาทำงานอย่างใดอย่างหนึ่ง ซึ่งได้เปิดให้บริการแก่นักพัฒนาให้สามารถเข้ามาใช้งานได้ ทำให้การพัฒนาเทคโนโลยีในปัจจุบันนั้นเป็นไปได้อย่างรวดเร็ว ถือว่าเป็นเครื่องมือสำคัญชิ้นหนึ่งของนักพัฒนาเลยทีเดียว

*หากข้อมูลดังกล่าวมีความผิดพลาดกระผมขออภัยไว้ ณ ที่นี้ด้วยขอรับ
แหล่งอ้างอิง : 
เนื้อหา
ลิ้งประกอบที่น่าสนใจ : HTTP&HTTP
                                  ความหมายของAPI
รวมหลากหลาย API :  ลิ้งค์

ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

Python: Chat bot &Text to Speech ภาษาไทย ด้วย gTTS

วันนี้จะมาแนะนำทุกๆ คนเกี่ยวกับ การเขียนโปรแกรมง่าย ๆ เพื่อให้คอมพิวเตอร์อ่านออกเสียงตามที่เราได้พิมพ์ให้ โดย ใช้ library คือ gTTS และ play sound จะมีวิธีการเขียนอย่างไร มาดูกันเลย เริ่มจากติดตั้ง package gTTS และ play sound ก่อน                                                                          pip install gTTS                                                                                pip install playsound                                                    ...

การทำ Performance Testing ด้วย Postman

Performance Test คืออะไร? Performance Test คือการทดสอบซอฟต์แวร์หรือระบบ เพื่อประเมินความสามารถในการทำงานเมื่อมีภาระหรือโหลดต่างๆ เข้ามาในระบบ เช่น จำนวนผู้ใช้ที่เพิ่มขึ้น, ปริมาณข้อมูลที่ถูกประมวลผล หรือความซับซ้อนในการทำงานของระบบ เหตุผลที่ต้องทำ Performance Test วัดความเร็วของระบบ (Speed) ช่วยให้ทราบว่าระบบสามารถตอบสนองต่อการร้องขอ (request) ได้เร็วเพียงใดในสภาวะการใช้งานที่หลากหลาย ไม่ว่าจะเป็นเมื่อมีผู้ใช้จำนวนน้อยหรือมาก ประเมินความเสถียร (Stability) ตรวจสอบว่าระบบสามารถทำงานได้ต่อเนื่องภายใต้การทำงานหนักหรือโหลดที่สูง เช่นในช่วงที่มีจำนวนผู้ใช้เพิ่มขึ้นอย่างมาก หรือในสถานการณ์ที่ต้องประมวลผลข้อมูลจำนวนมาก ปรับปรุงประสิทธิภาพ (Optimization) ช่วยให้ระบุจุดอ่อนของระบบ เช่น API ที่ทำงานช้า หรือการใช้ทรัพยากรมากเกินไปในบางส่วน ซึ่งสามารถปรับปรุงได้เพื่อเพิ่มประสิทธิภาพ เตรียมพร้อมสำหรับการใช้งานจริง (Real-World Readiness) การทดสอบช่วยให้เราทราบถึงการตอบสนองของระบบในสภาวะที่ใกล้เคียงกับการใช้งานจริง เพื่อให้มั่นใจว่าเมื่อปล่อยระบบให้ผู้ใช้ใช้งาน จะไม่เกิดปัญหาการโหลด...

การทำ Vulnerability Scanning ด้วย ZAP ( Zed Attack Proxy )

Vulnerability Scanning (การสแกนหาช่องโหว่) Vulnerability Scanning คือกระบวนการตรวจสอบระบบโดยอัตโนมัติเพื่อค้นหาช่องโหว่ด้านความปลอดภัย เช่น การตั้งค่าที่ผิดพลาด, ซอฟต์แวร์ที่ล้าสมัย หรือโค้ดที่อาจมีปัญหา ลักษณะของ Vulnerability Scanning ใช้ เครื่องมืออัตโนมัติ เช่น OWASP ZAP, Nessus, OpenVAS มุ่งเน้นการ ระบุช่องโหว่ที่มีอยู่ แต่ไม่ทำการโจมตีเพื่อทดสอบ มีการจัดอันดับความร้ายแรงของช่องโหว่ เช่น Low, Medium, High, Critical สามารถใช้ ทำซ้ำได้ง่าย และเหมาะสำหรับการตรวจสอบ Compliance (มาตรฐานความปลอดภัย) ตัวอย่างช่องโหว่ที่ตรวจพบ การตั้งค่าที่ไม่ปลอดภัย (Security Misconfigurations) การเปิดใช้โปรโตคอลที่ล้าสมัย เช่น TLS 1.0 ซอฟต์แวร์ที่ไม่ได้รับการอัปเดต ช่องโหว่ในโค้ด เช่น SQL Injection, XSS OWASP ZAP (Zed Attack Proxy) เป็นเครื่องมือโอเพนซอร์สที่ถูกพัฒนาโดย OWASP (Open Web Application Security Project) สำหรับการทำ Security Testing โดยเฉพาะการตรวจสอบช่องโหว่ (Vulnerability Assessment) ใน เว็บแอปพลิเคชัน โดย ZAP ทำหน้าที่เป็น Proxy Server ที่ดักจับและวิเคราะ...