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

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



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

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 :  ลิ้งค์

ความคิดเห็น

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

รวมชุดคำสั่ง Assembly ของ AVR

บทความนี้ได้รวบรวมชุดคำสั่งภาษา assembly ของไมโคคอนโทรลเลอร์ตระกูล AVR และสรุปการใช้งานเป็นภาษาไทยอย่างง่ายหากมีข้อผิดพลาด ขออภัยด้วยครับ ชุดคำสั่งทางคณิตศาสตร์และลอจิก add Rd, Rr   :   Rd + Rr เก็บผลลัพธ์ไว้ใน Rd adc Rd, Rr   :   Rd + Rr + Carry flag  เก็บผลลัพธ์ไว้ใน Rd mul Rd, Rr   :   Rd x Rr ได้ผลลัพธ์เป็น 16 bit เก็บไว้ใน R0, R1 sub Rd, Rr   :   Rd - Rr เก็บผลลัพธ์ไว้ใน Rd sbc Rd, Rr   :   Rd - Rr - Carry flag  เก็บผลลัพธ์ไว้ใน Rd and Rd, Rr   :   Rd and Rr แบบ bit ต่อ bit or Rd, Rr   :   Rd or Rr แบบ bit ต่อ bit eor Rd, Rr   :    Rd exclusive or Rr แบบ bit ต่อ bit com Rd   :   complement (กลับบิต) Rd neg Rd   :   2'complement (ติดลบ) Rd inc Rd   :   Rd++ dec Rd   :   Rd-- clr Rd   :   เคลียร์ bit Rd เป็น 0 ชุดคำสั่งเคลื่อนย้ายข้อมูล mov R...

รู้จักกับการออกแบบอินโฟกราฟิกส์ infographics design

      infographics คือการออกแบบโดยการใช้ภาพนิ่ง, ภาพเคลื่อนไหวหรือสัญลักษณ์แทนข้อความหรือข้อมูลต่างๆ ที่ต้องการจะสื่อความหมายถึงข้อความหรือข้อมูลนั้นโดยภาพนิ่ง, ภาพเคลื่อนไหวหรือสัญลักษณ์ที่ใช้แทนจะมีรูปแบบที่ผู้อ่านสามารถเข้าใจได้อย่างรวดเร็วและชัดเจน โดยไม่ต้องมีผู้นำเสนอมาช่วยขยายความอีก       infographics มาจากคำว่า information + graphics การนำเสนอข้อมูลแบบ infographics จะนำเสนอข้อมูลที่เข้าใจยาก ข้อมูลที่ตัวอักษรเยอะๆ ในรูปแบบสร้างสรรค์เข้าใจได้ง่าย เช่น ภาพ ลายเส้น แผนภูมิ แผนที่ ฯลฯ สามารถสื่อข้อมูลนั้นออกมาได้อย่างชัดเจน มีองค์ประกอบที่สำคัญ        ตัวอย่างการนำเสนอข้อมูลแบบ infographics http://www.alychidesigns.com/30-templates-and-vector-kits-to-design-your-own-infographic กระบวกการออกแบบดีไซน์ infographics โดย Hyperakt's Josh Smith  1. รวบรวมข้อมูล รวบรวมข้อมูลทุกอย่างเกี่ยวกับสิ่งที่จะนำเสนอโดยข้อมูลที่ดีควรเป็นข้อมูลดิบจากต้นฉบับและควรเก็บรวบรวมลิ้งค์ข้อมูลไว้ด้วย 2. การอ่านข้อมูลทั้งหมด การออกแบบอ...

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

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