CO-DE Academy โลโก้
เปิดเมนูนำทาง
คอร์สห้องเรียนบทความติดต่อเรา
Web Development

"เริ่มจากโค้ดพื้นฐาน สู่เว็บไซต์สุดเจ๋ง — เริ่มสร้างเว็บไซต์ของคุณด้วย Python"

Web Development Project
Web Development Course

ทักษะที่จะได้รับการพัฒนา

  • พัฒนาทักษะการแก้ปัญหาและการคิดอย่างเป็นระบบ ในการพัฒนาเว็บไซต์ส่วนหน้า (Frontend)

  • การออกแบบและพัฒนาเว็บไซต์ส่วนหน้า (Frontend) อย่างสร้างสรรค

  • ทำความเข้าใจหลักการและแนวคิด ด้านการพัฒนาเว็บไซต์ส่วนหน้า (Frontend)

  • เสริมสร้างความสามารถในการนำเสนอเนื้อหาในรูปแบบภาพและสร้างการโต้ตอบระหว่างผู้ใช้กับเนื้อหาบนเว็บไซต์ (Web Content)

Level

สำหรับผู้มีพื้นฐาน

Required

มีความรู้พื้นฐานมาก่อน

Text Code

เขียนโปรแกรมรูปแบบพิมพ์ทุกตัวอักษร

Laptop

เรียนที่สถาบัน / ออนไลน์

Group

คลาสเรียนส่วนตัว / คลาสเรียนกลุ่ม

Certificate

ใบประกาศนียบัตรเพื่อรับรองการเรียนรู้

กระบวนการเรียนรู้

  • สร้างสรรค์เว็บไซต์ให้มีชีวิตด้วย Python:
    • เรียนรู้การผสานการทำงานระหว่างภาษา Python และภาษา HTML
    • เรียนรู้การสร้างเส้นทางการเข้าถึงหน้าเว็บ (Web Routing) ด้วยภาษา Python โดยใช้เว็บเฟรมเวิร์ก (Flask)
  • เริ่มต้นสู่การพัฒนาเว็บไซต์:
    • ทำความเข้าใจพื้นฐานและความสำคัญของการพัฒนาเว็บไซต์
    • สำรวจองค์ประกอบต่าง ๆ ของเว็บไซต์และการทำงานของแต่ละองค์ประกอบ
  • พื้นฐานภาษา HTML และภาษา CSS:
    • เรียนรู้และพัฒนาทักษะการใช้ภาษา HTML สำหรับการจัดโครงสร้างหน้าเว็บ
    • เรียนรู้การใช้ภาษา CSS สำหรับการตกแต่งและออกแบบรูปแบบการจัดวางหน้าเว็บ
  • การออกแบบเว็บไซต์ให้เหมาะสมกับอุปกรณ์การแสดงผล (Responsive Design):
    • ออกแบบเว็บไซต์ให้สามารถแสดงผลได้อย่างเหมาะสมบนอุปกรณ์ที่มีขนาดหน้าจอแตกต่างกัน
  • เทคนิคภาษา CSS ขั้นสูง:
    • ศึกษาเทคนิค CSS ขั้นสูงเพื่อสร้างการออกแบบเว็บไซต์ที่มีความหลากหลายและมีความน่าสนใจ
  • การออกแบบ UX/UI:
    • เรียนรู้หลักการออกแบบประสบการณ์ผู้ใช้ (UX) และส่วนติดต่อผู้ใช้ (UI)
    • สร้างแบบจำลอง (Mockup) เพื่อวางแผนและกำหนดรูปแบบของเว็บไซต์
  • เริ่มต้นภาษา JavaScript:
    • เรียนรู้พื้นฐานของภาษา JavaScript เพื่อเพิ่มความสามารถในการโต้ตอบความต้องการของผู้ใช้ให้กับเว็บไซต์
  • เฟรมเวิร์กส่วนหน้า (Frontend Frameworks):
    • ทำความรู้จักกับเฟรมเวิร์กส่วนหน้า (Frontend Frameworks) ที่ได้รับความนิยม
  • ข้อเสนอแนะและการทบทวนผลงานร่วมกับครูผู้สอน:
    • รับข้อเสนอแนะจากครูผู้สอนและเพื่อนร่วมชั้นเกี่ยวกับผลงานของตนเอง
    • ทบทวนและประเมินผลงานของตนเอง พร้อมระบุส่วนที่ควรพัฒนาและปรับปรุงจากข้อเสนอแนะที่ได้รับ
  • ความท้าทายและการต่อยอด:
    • รับมือกับโจทย์ที่ท้าทายและกิจกรรมที่นำไปสู่การต่อยอด เพื่อพัฒนาความรู้ความเข้าใจและทักษะให้ลึกซึ้งยิ่งขึ้น
    • ทดลองและสร้างสรรค์งานด้านการพัฒนาเว็บไซต์ เพื่อส่งเสริมความคิดสร้างสรรค์และพัฒนาทักษะการแก้ปัญหา
  • การนำเสนอผลงาน (Project Showcase):
    • นำเสนอผลงานต่อชั้นเรียนหรือการแสดงผลงานในพื้นที่สาธารณะ
    • นำเสนอผลงาน อธิบายกระบวนการสร้างสรรค์ แบ่งปันความรู้และประสบการณ์ที่ได้รับจากการทำโครงงาน (Project)
episodes

Our Course Path

Design Thinking Course
Design Thinking Course
Design Thinking Course

📢เริ่มต้นเรียน Coding สำหรับเด็ก 4–18 ปี พร้อมทดลองเรียนฟรี

สมัครเลย