แผนการจัดการเรียนรู้

Warning

เอกสารชุดนี้อยู่ในระหว่างการปรับปรุง

Table 3 แผนการจัดการเรียนรู้

สัปดาห์ที่

สาระการเรียนรู้

เอกสารประกอบ

1

ความรู้เบื้องต้นเกี่ยวกับการพัฒนาเว็บ

ผลลัพธ์การเรียนรู้

  1. เข้าใจองค์ประกอบสำคัญของการพัฒนาเว็บ (Frontend+Backend+Storage)

  2. แสดงรายการเทคโนโลยี Frontend ได้อย่างน้อย 3 รายการ

  3. แสดงรายการเทคโนโลยี Backend ได้อย่างน้อย 3 รายการ

  4. แสดงรายการ Storage ได้อย่างน้อย 3 รายการ

  5. ติดตั้งโปรแกรมที่จำเป็นสำหรับการพัฒนาเว็บด้วย django ได้

  1. Chapter 1 Web Applications

  2. Web Development

  3. การติดตั้ง

    • git

    • anaconda3

2

โครงสร้างของโครงงานและการรับส่งข้อมูล (HttpRequest,HttpResponse)

ผลลัพธ์การเรียนรู้

  1. เข้าใจรูปแบบการส่งและรับข้อความระหว่างเครื่องผู้ใช้และเครื่องแม่ข่ายได้(client-server)

  2. อธิบายองค์ประกอบของข้อมูลคำร้อง (request) ได้

  3. อธิบายองค์ประกอบของข้อมูลส่งกลับ (response) ได้

  4. สร้างโครงงานและเขียนคำสั่งรับส่งข้อมูลได้

  1. Chapter 2 Request and response objects

  2. HTTP Messages

  3. Tutorial

  4. PDF Response

  5. Image Response

3 - 4

การจัดการข้อมูล (model)

ผลลัพธ์การเรียนรู้

  1. อธิบายรูปแบบการกำหนดรูปแบบการจัดเก็บข้อมูลของ django ได้

  2. ประยุกต์ใช้ฟิลด์ (Field) ใน model ได้

  3. ประยุกต์ใช้คำสั่งค้นหา (query) ได้ตรงตามเงื่อนไขที่กำหนดให้

5

การกำหนดการเข้าถึงและการแสดงผล (views,template)

ผลลัพธ์การเรียนรู้

  1. อธิบายรูปแบบการกำหนดการเข้าถึงและการแสดงผลได้

  2. เขียนข้อกำหนดการเข้าถึงตามข้อกำหนดที่ระบุให้ได้

  3. ประยุกต์ใช้ความรู้เพื่อแสดงผลตามข้อกำหนดที่ระบุให้ได้

6

ฟอร์มและการแก้ไขข้อมูล (forms)

ผลลัพธ์การเรียนรู้

  1. อธิบายรูปแบบการรับข้อมูลจากผู้ใช้และแก้ไขข้อมูลในฐานข้อมูลได้

  2. ประยุกต์ใช้ความรู้เพื่อสร้างฟอร์มในการรับข้อมูลจากผู้ใช้และแก้ไขข้อมูลในฐานข้อมูลโดยไม่ได้คลาสได้

  3. ประยุกต์ใช้ความรู้เพื่อสร้างฟอร์มในการรับข้อมูลจากผู้ใช้และแก้ไขข้อมูลในฐานข้อมูลโดยใช้คลาสได้

7

การกำหนดสิทธิ์เข้าใช้งาน (login,logout)

ผลลัพธ์การเรียนรู้

  1. อธิบายรูปแบบการจัดเก็บข้อมูลผู้ใช้โดย django ได้

  2. ประยุกต์ใช้ความรู้เพื่อสร้างฟอร์มในการรับลงทะเบียนผู้ใช้ใหม่ได้

  3. ประยุกต์ใช้ความรู้เพื่อสร้างฟอร์มในการตรวจสอบผู้ใช้เข้าใช้งานได้

8

ไฟล์และรูปแบบคำสั่งแสดงผล (static files and template engine)

ผลลัพธ์การเรียนรู้

  1. อธิบายรูปแบบการจัดเก็บไฟล์ของเว็บไซต์และการอ้างอิงใน django ได้

  2. ประยุกต์ใช้ความรู้เพื่อแทรกไฟล์(ภาพ,วีดีโอ,เสียง)ใน template ของ response สำหรับแสดงผลได้

  3. ประยุกต์ใช้ความรู้เพื่อกำหนดการแสดงผลโดยใช้ CSS เบื้องต้นได้

9

CSS Library

ผลลัพธ์การเรียนรู้

  1. อธิบายรูปแบบการจัดเก็บไฟล์ของเว็บไซต์และการอ้างอิงใน django ได้

  2. ประยุกต์ใช้ความรู้เพื่อแทรกไฟล์(ภาพ,วีดีโอ,เสียง)ใน template ของ response สำหรับแสดงผลได้

  3. ประยุกต์ใช้ความรู้เพื่อกำหนดการแสดงผลโดยใช้ CSS เบื้องต้นได้

10

JavaScript fundamentals

ผลลัพธ์การเรียนรู้

  1. อธิบายรูปแบบการเขียนคำสั่งภาษา JavaScript ได้

  2. ประยุกต์ใช้ความรู้ชุดคำสั่ง client-side web API เบื้องต้นได้

11

HTMX

ผลลัพธ์การเรียนรู้

  1. ประยุกต์ใช้ความรู้ชุดคำสั่ง htmx เพื่อร้องขอข้อมูลจาก backend ได้

12

Alpinejs

ผลลัพธ์การเรียนรู้

  1. ประยุกต์ใช้ความรู้ชุดคำสั่ง alpinejs เพื่อจัดการการแสดงผลแบบพลวัตได้

13

การทดสอบ (testing)

14

เนื้อหาต่อยอด

15

นำเสนอโครงงาน

นักศึกษานำเสนอผลงาน