สร้าง Web Application ตั้งแต่พื้นฐานด้วยภาษา Python

Chapter 1: Intro to Web Application

อะไรคือ Web Application มีคอนเซปอะไรบ้างที่ควรรู้ คำศัพท์ทางเทคนิคต่างๆ และเทคโนโลยี หรือ Tech Stack สมัยใหม่ที่นิยมในปัจจุบัน รวมถึงตัวอย่างของ Web Application

• Web App คืออะไร
• องค์ประกอบของเว็บแอพ
• ความรู้เบื้องต้นของ Frontend, Backend, และ API
• คอนเซปต์ของ Request-ResponseGET/POST/PUT/DELETE/PATCH
• เทคโนโลยีที่ใช้ในปัจจุบัน (Tech Stack)

Chapter 1.5: Hacking the Web !

ดูตัวอย่างการสื่อสารระหว่าง Client-Server ผ่านเว็บจริงๆ โดยการใช้เครื่องมือ “Inspect Element” ใน Google Chrome ในเว็บไซต์ต่างๆ เช่น Google, Youtube

Chapter 2: Python Recap (Backend)

ปรับพื้นฐานภาษา Python ใหม่อย่างรวบรัด

• Data Types
• Conditioning (if-else)
• Iteration (for loop)
• Functions
• External Library และการเรียกใช้งาน

Chapter 3: Intro to HTML (Front-end)

https://html-online.com/editor/

ผู้เรียนจะเรียนถึงองค์ประกอบของหน้าเว็บโดยคร่าว เพื่อปูพื้นฐานไปในบทถัดไป

• TagHead
• Body
• Basic elements
• Styling with CSS

Chapter 3.5: Intro to Flask and Jinja Templating

Description: ผู้เรียนจะเริ่มต้นรู้จัก Flask และเรียนการเขียน Templating ด้วย Jinja

• Flask Hello app
• GET/POST methods
• Query, path params
• Form data
• Jinja template - Basic

Chapter 4: Building Your First Web App

Description: ผู้เรียนจะสร้างระบบลงคะแนน(โหวต) ด้วย Flask API

• ออกแบบหน้าเว็บ
• ออกแบบ API
• ลงมือเขียนโค้ด
• รันเว็บบนเครื่อง

Chapter 5: Database

พัฒนาระบบลงคะแนนให้สามารถเก็บบันทึกข้อมูลได้โดยใช้ฐานข้อมูล

• Slide: ฐานข้อมูลคืออะไร และใช้อย่างไร
• NOSQL และ SQL ต่างกันอย่างไร
• https://sqliteonline.com/
• เชื่อมต่อระบบเก่าเข้ากับฐานข้อมูล SQLite
• ORM

Chapter 6: Workshop "Todo App"

• Todo AppUI explained, walk through about VueJS syntax
• API Flask

คอร์สเรียนนี้เหมาะกับใคร

• ผู้ที่สนใจอยากเริ่มทำ Web Application เพื่อใช้งานในองค์กร หรือทำเป็นอาชีพเสริม

พื้นฐานที่จำเป็น?/สิ่งที่ต้องมี:

• มีความรู้พื้นฐานภาษา Python