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

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



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

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 Rd, Rr   :   copy ข้อมูลขนาด 1 byte จาก Rr ไว้ใน Rd movw Rd, Rr   :   copy ข้อมูลขนาด 2 bytes จาก Rr, Rr+1 ไว้ใน Rd, Rd+1 ldi   Rd, k   :   โหลดค่าใส่ register , k มีค่า 0 - 255 ld Rd, X   :   อ่านค่าตำแหน่งที่ X ชี้อยู่เก

รู้จักกับการออกแบบอินโฟกราฟิกส์ 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                                                                                                                                                                               จากนั้น เรามาเริ่มเขียนโปรแกรมกันเลย โดยการทำงานของโปรแกรมนี้คือ โปรแกรมจะรับค่าข้อความจากผู้ใช้ จากนั้น เรียกใช้ library gTTS โดยส่งข้อมูลคือ ข้อความ และ ภาษา สำหรับการแปลงข้อความเป็นเสียงผ่าน google translate API แล้วจากนั้นจึงทำการ save ข้อมูลลงไปยัง file ชื่อ "sound.mp3" ต่อมาไฟล์จะถูกเล่นโดย playsound เป็นเสียงให้เราได้ยินกัน และในบรรทัดสุดท้ายเป็นการลบไฟล์ที่บัน