พื้นฐานการพัฒนาเว็บ (Web Development Fundamentals)

เกี่ยวกับรายวิชา (About This Course)

หลักการและเทคนิคพื้นฐานในการพัฒนาเว็บไซต์ ประกอบด้วยการสร้างโครงสร้างเว็บเพจด้วย HTML5 การจัดรูปแบบและออกแบบเว็บไซต์ด้วย CSS3 การจัดวางองค์ประกอบด้วย Flexbox และ Grid การเขียนโปรแกรมเว็บเพจเบื้องต้นด้วย JavaScript เพื่อเพิ่มการโต้ตอบกับผู้ใช้ การออกแบบเว็บไซต์ที่สามารถตอบสนองต่อขนาดหน้าจอที่แตกต่างกัน (Responsive Web Design) ตลอดจนการใช้เครื่องมือพื้นฐานในการพัฒนาเว็บ เช่น Code Editor และ Browser Developer Tools เพื่อช่วยในการพัฒนาและการแก้ไขปัญหาในการพัฒนาเว็บ ผู้เรียนจะสามารถสร้างเว็บไซต์พื้นฐานที่มีประสิทธิภาพและเข้าถึงได้จากอุปกรณ์ที่หลากหลาย โดยมีเนื้อหา 5 บทเรียน ดังนี้

เนื้อหารายวิชา (Course content)

บทที่ 1 พื้นฐาน HTML5 สำหรับโครงสร้างเว็บ
บทที่ 2 CSS3 สำหรับการจัดรูปแบบและการออกแบบเว็บไซต์
บทที่ 3 การจัดวางองค์ประกอบด้วย CSS (Flexbox, Grid)
บทที่ 4 การออกแบบเว็บที่ตอบสนอง (Responsive Web Design)
บทที่ 5 พื้นฐาน JavaScript สำหรับการเขียนโปรแกรมเว็บ

วัตถุประสงค์ (Learning Objective)

1. สร้างโครงสร้างเว็บเพจพื้นฐานโดยใช้ HTML5 ได้อย่างถูกต้องตามมาตรฐาน รวมถึงการจัดองค์ประกอบทั้งข้อความ รูปภาพ ลิงก์ ตาราง และฟอร์มได้
2. ประยุกต์ใช้ CSS3 ในการจัดรูปแบบและออกแบบเว็บไซต์ได้อย่างเหมาะสม โดยสามารถจัดวางองค์ประกอบด้วย Flexbox และ Grid ได้อย่างมีประสิทธิภาพ
3. พัฒนาเว็บเพจที่ตอบสนองต่อขนาดหน้าจอที่หลากหลาย (Responsive Web Design) โดยสามารถปรับการแสดงผลให้เหมาะสมกับอุปกรณ์ทั้งคอมพิวเตอร์และมือถือ
4. เขียนโค้ด JavaScript พื้นฐานเพื่อเพิ่มการโต้ตอบกับผู้ใช้ และจัดการกับเหตุการณ์บนเว็บเพจได้ ได้

เกณฑ์การวัดและประเมินผล (Evaluation and Score Criteria)

มีการวัดและประเมินผลผ่านแบบทดสอบย่อยในแต่ละบทเรียน (80 คะแนน) และแบบทดสอบหลังเรียน (20 คะแนน)
ทั้งนี้ผู้เรียนต้องทำคะแนนรวมทั้งหมดให้ได้ร้อยละ 70 ขึ้นไป จึงจะถือว่าผ่านเกณฑ์และได้รับ Certificate of Completion ออนไลน์ได้

คำแนะนำสำหรับผู้เรียน (Note)

1. ผู้เรียนควรทำกิจกรรมแบบทดสอบย่อยในแต่ละบทเรียนและแบบทดสอบหลังเรียนในรายวิชาให้ครบถ้วน
2. ผู้เรียนควรทบทวนความเข้าใจเนื้อหา และทดลองฝึกปฏิบัติตามด้วยตนเอง

ผู้รับผิดชอบรายวิชา

นายวิทวัส พันธุมจินดา

อาจารย์ประจำคณะวิทยาการสารสนเทศ
E-mail : wittawas@buu.ac.th

#Canva, Canva AI, AI Design, AI Tools, Prompt Writing , Creative AI

Creative commons สัญญาอนุญาตสิทธิ์

“สื่อการสอนนี้เป็นส่วนหนึ่งของโครงการ BUU MOOC (mooc.buu.ac.th) และเผยแพร่ภายใต้สัญญาอนุญาตสิทธิ์แบบ Creative Commons ด้วยเงื่อนไข CC BY NC SA”

BUU: IF006 พื้นฐานการพัฒนาเว็บ (Web Development Fundamentals)