How the web work. สำหรับคนไม่เคยเขียนเว็ปไซต์มาก่อน

ห่างหายจากการเขียนบทความไปนาน กลับมาเขียนบทความที่เป็นพื้นฐานที่สั้นและกระชับสักบทความหน่อย หลายคนหลังจาก covid ตกงานและหันมาเขียนโปรแกรมมาขึ้นเลยอยาก share ให้สำหรับคนที่เริ่มต้นอยากมีเว็ปสักเว็ปนึงต้องมีไรบ่างศึกษาไรบ่างแบบง่ายๆที่ขึ้นเองได้

Website 🌐

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

HTML + CSS + JS = Website

1 เว็ปไซต์จะประกอบไปด้วยภาษาที่ต้องทำความเข้าใจโดยพื้นฐานเลย 3 ภาษา คือ html css javascript ซึ่งภาษาพวกนี้จะเป็นภาษาที่ทำให้เว็บไซต์ของเราทำงานและสามารถใช้งานได้ตามความต้องการ ตามการออกแบบ

แต่ถ้าดูจากรูปแล้ว เราก็เขียน Content (Html) ไปแล้วไม่เห็นตัวเว็บไซต์ของเราจะใช้งานได้เลย ที่จริงเว็บไซต์จะใช้งานได้นั้นต้องเอาตัว Content ไปเปิดผ่านตัว Browser อีกที

Browser Content ✍️

ถ้าอยากให้ HTML ของเราสามารถแสดงเนื้อหาได้นั้นต้องเอาไปเปิดผ่าน Browser เพื่อที่ให้ Browser อ่านไฟล์ของเราและแสดงเนื้อหา แต่ถ้าให้แสดงแค่เนื้อหาอย่างเดียวก็น่าจะทำให้เนื้อหาอ่านยากใช้ไหมเลยต้องมีการตกแต่งเพิ่ม

Styling — CSS 🎨

ส่วนการทำ Style เราก็ต้องเลือกอีกภาษา CSS เพื่อที่จะทำการปรับแต่งเว็ปไซต์ของเราให้สวยงามไม่เหมือนใคร แต่ความสวยนี้แนะนำไม่ได้ ผมทุกวันนี้ยังไป search Google ตลอดเลยเวลาจะปรับแต่ง HAHA

Interaction — Javascript 💃

ตัวนี้จะทำให้เว็ปไซต์ของเราสามารถโต้ตอบกับผู้ใช้ได้ โดยเราแค่เขียน script สั่งมันเข้าไป ถ้าใครแตะ Javascript ไปสักช่วงจะเห็นว่า Framwork มีให้เล่นเยอะมาก เช่น React ตัวนี้อาจไม่ใช้ Framwork สะทีเดียวแต่ตัวนี้เป็นส่วนหนึ่งที่ Facebook เอามาสร้างเว็ปไซต์เลยนะ พูดให้ตื่นเต้นก่อนที่จะไปศึกษาสักหน่อย

Summary

สรุปง่ายๆเลยว่า ถ้าอยากทำเว็ปไซต์ของตัวเอง ลองเริ่มต้นจาก 3 ภาษานี้ดูแล้วจะรู้ว่าการเขียนเว็ปไซต์เว็ปนึง ไม่ได้ได้ยากเลย เอา keyword ไป search ดูใน google แล้วกัน

เดียวถ้าว่างๆจะมาเขียนบทความ พวก HTML CSS JS ให้ ขอให้เขียน Code ให้สนุกกันนะทุกคน 🥱🥱🥱