วิชาการเขียนโปรแกรมบนเว็บ(4122306)

(Web Prgramming)

อาจารย์ผู้สอน : ผู้ช่วยศาสตราจารย์ ดร. นัฐพงศ์ ส่งเนียม

คำอธิบายรายวิชา

...

บทที่ 1: ความรู้พื้นฐานเกี่ยวกับการเขียนโปรแกรมบนเว็บ

ความหมายของการเขียนโปรแกรมบนเว็บ การเขียนโปรแกรมบนเว็บ (Web Programming) คือ กระบวนการพัฒนาและสร้างแอปพลิเคชันหรือเว็บไซต์ที่สามารถทำงานและแสดงผลผ่านเครือข่ายอินเทอร์เน็ตหรืออินทราเน็ต โดยผู้ใช้สามารถเข้าถึงและใช้งานได้ผ่านเว็บเบราว์เซอร์ เช่น Google Chrome, Firefox, Safari ฯลฯ การเขียนโปรแกรมบนเว็บมีจุดเด่นที่สำคัญคือ ผู้ใช้ไม่จำเป็นต้องติดตั้งโปรแกรมเพิ่มเติม เพียงแค่ใช้เว็บเบราว์เซอร์ก็สามารถใช้งานแอปพลิเคชันหรือเว็บไซต์ได้ทันที รองรับการใช้งานพร้อมกันจากผู้ใช้จำนวนมาก สามารถโต้ตอบ รับ-ส่งข้อมูลระหว่างผู้ใช้กับเซิร์ฟเวอร์ได้อย่างสะดวก โดยการเขียนโปรแกรมบนเว็บจะใช้ภาษาและเทคโนโลยีเฉพาะ เช่น ภาษา HTML, CSS, JavaScript สำหรับส่วนที่แสดงผลบนเบราว์เซอร์ (Frontend) ภาษา PHP, Python, Node.js ฯลฯ สำหรับประมวลผลและจัดการข้อมูลบนเซิร์ฟเวอร์ (Backend) ฐานข้อมูล เช่น MySQL, MongoDB สำหรับจัดเก็บและบริหารข้อมูลต่าง ๆ สรุปสั้น ๆ การเขียนโปรแกรมบนเว็บ คือ การพัฒนาเว็บไซต์หรือเว็บแอปพลิเคชันที่ให้บริการหรือโต้ตอบกับผู้ใช้ผ่านเครือข่ายอินเทอร์เน็ต โดยใช้เทคโนโลยีและภาษาที่เกี่ยวข้องกับเว็บ

คลิกที่ไอคอนเพื่อฟังภาพรวมเสียงของบทที่ 1 :

บทที่ 2 การใช้เครื่องมือสำหรับการเขียนเว็บและภาษา HTML

เกริ่นนำ

บทที่ 2 การใช้เครื่องมือสำหรับการเขียนเว็บและภาษา HTML เกริ่นนำ ในยุคปัจจุบัน การสร้างเว็บไซต์ไม่ใช่เรื่องยากอีกต่อไป ด้วยเครื่องมือที่ทันสมัยและภาษา HTML ที่เรียนรู้ได้ง่าย แม้แต่ผู้เริ่มต้นก็สามารถสร้างเว็บเพจได้อย่างมืออาชีพ บทนี้จะนำเสนอเครื่องมือพื้นฐานที่ใช้สำหรับการเขียนเว็บเพจ รวมถึงการเรียนรู้ภาษา HTML เบื้องต้น ซึ่งเป็นรากฐานสำคัญของการพัฒนาเว็บไซต์

คลิกที่ไอคอนเพื่อฟังภาพรวมเสียงของบทที่ 2 :

บทที่ 3 ภาษา HTML

เกริ่นนำ

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

คลิกที่ไอคอนเพื่อฟังภาพรวมเสียงของบทที่ 3 :

บทที่ 4 CSS

เกริ่นนำ

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

คลิกที่ไอคอนเพื่อฟังภาพรวมเสียงของบทที่ 4 :

บทที่ 5 Frontend Development with VUE.JS

เกริ่นนำ

Vue.js คือ JavaScript framework ที่ใช้สำหรับสร้าง User Interface (UI) และ Single Page Applications (SPA) อย่างมีประสิทธิภาพ พัฒนาโดย Evan You และเปิดตัวครั้งแรกในปี 2014 Vue อ่านว่า วิว ออกเสียงแบบ View ในภาษาอังกฤษ จุดเริ่มต้นของ Vue คือทำหน้าที่เป็น View ใน MVC (Model View Controller) ซึ่งเป็น JavaScript Framework สำหรับการพัฒนา UI (User Interface) ปัจจุบัน คือ Vue เวอร์ชัน 3

คลิกที่ไอคอนเพื่อฟังภาพรวมเสียงของบทที่ 5 :

โครงงาน

ให้นักศึกษาเลือกพัฒนาโปรแกรมบนเว็บ โดยใช้เทคโนโลยี/เฟรมเวิร์กที่เรียนมา

[ ดาวน์โหลดเอกสารโครงงาน : pdf ]

ปลายภาค

สอบปลายภาค

[ ดาวน์โหลดเอกสารโครงงาน : pdf ]