ในราคาโปรโมชั่น 1,190.-

สามารถกรอกข้อมูล ทีมงานจะรีบติดต่อกลับไป เพื่อยืนยันการสมัคร

สนใจสมัครเรียน

เรียนคอร์สนี้จบแล้ว

เอาใบ Certificate ไปสมัครงานตำแหน่งไหนได้บ้าง?

• Web Developer
• Front End Web Developer
• Software Developer (Web Application)
• Full Stack Developer (Web Application)
• Web/Mobile Application Developer

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

สิ่งที่ได้รับจากคอร์สนี้

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

ได้สร้าง Web Application 1 Project มีผลงานเป็นของตัวเองทันที
และสามารถนำไปต่อยอดได้

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

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

Web Application (เว็บแอพพลิเคชั่น) คืออะไร?

คือ Application (แอพพลิเคชั่น) ที่ถูกเขียนขึ้นมาเพื่อเป็น Browser (เบราเซอร์) สำหรับการใช้งาน Webpage (เว็บเพจ) ต่างๆ ซึ่งถูกปรับแต่งให้แสดงผลแต่ส่วนที่จำเป็น เพื่อเป็นการลดทรัพยากรในการประมวลผล ของตัวเครื่องสมาร์ทโฟน หรือ แท็บเล็ต ทำให้โหลดหน้าเว็บไซต์ได้เร็วขึ้น อีกทั้งผู้ใช้งานยังสามารถใช้งานผ่าน Internet (อินเทอร์เน็ต)และ Intranet (อินทราเน็ต) ในความเร็วตํ่าได้อีกด้วย

ข้อดีของ Web Application
(เว็บแอพพลิเคชั่น)

ข้อดีของ Web Application (เว็บแอพพลิเคชั่น) นั้น คือ ในส่วนของการใช้งานที่สามารถใช้งานได้ง่าย สะดวกทุกที่ ทุกเวลา ถ้าหากไม่มีเครื่องคอมพิวเตอร์ แต่ต้องการใช้ Web browser (เว็บเบราเซอร์) ก็สามารถใช้แอพพลิเคชั่นประเภทนี้ได้ รวมถึงมีการอัพเดท แก้ไขข้อผิดพลาดต่างๆ อยู่ตลอดเวลา และใช้งานได้ทุกแพลตฟอร์ม

เว็บไชต์ (Website)

— เป็นเว็บไซต์ที่ไว้นำเสนอข้อมูลความรู้ แต่ไม่สามารถคำนวณ หรือทำงานอย่างโปรแกรมคอมพิวเตอร์ได้

เว็บแอปพลิเคชั่น (Web Application)

— เป็นเว็บที่นำเอาโปรแกรมคอมพิวเตอร์มาใช้ในเว็บซึ่งเชื่อมต่อฐานข้อมูลเรียบร้อยแล้ว สามารถเปลี่ยนข้อมูลที่แสดงในเว็บได้อย่าง่ายดายโดยไม่ต้องแก้ไข HTML, CSS และ Javascript จะเห็นตัวอย่างได้ในเว็บต่าง ๆ เว็บขายของ ฯลฯ

ความแตกต่างระหว่าง Website (เว็บไซต์) กับ Web Application (เว็บแอพพลิเคชั่น)

4 ชั่วโมง 27 นาที

ระดับความยาก : BASIC

1 ไฟล์ประกอบการเรียน

สิ่งที่คุณจะได้เรียนรู้

• ได้รู้ถึงเทคโนโลยีการทำเว็บในปัจจุบัน
• การออกแบบ API และหน้าเว็บ
• การเชื่อมต่อระหว่าง Client-side และ Server-side
• รู้การเขียน Basic Python
• การเขียนเว็บ API ด้วย Flask เบื้องต้น
• การเชื่อมต่อฐานข้อมูล และการทำ ORM
• เขียน Inventory System ด้วย Flask
  

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 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/
• ผู้เรียนจะเรียนถึงองค์ประกอบของหน้าเว็บโดยคร่าว เพื่อปูพื้นฐานไปในบทถัดไป
• Tag
• Head
• Body
• Basic elements
• Styling with CSS

Chapter 4: Building Your First Web App

• Description: ผู้เรียนจะสร้างระบบลงคะแนน(โหวต) ด้วย Flask API
• ออกแบบหน้าเว็บ
• ออกแบบ API
• ลงมือเขียนโค้ด
• รันเว็บบนเครื่อง

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 5: Database

• พัฒนาระบบลงคะแนนให้สามารถเก็บบันทึกข้อมูลได้โดยใช้ฐานข้อมูล
• Slide: ฐานข้อมูลคืออะไร และใช้อย่างไรNOSQL และ SQL ต่างกันอย่างไร
• https://sqliteonline.com/
• เชื่อมต่อระบบเก่าเข้ากับฐานข้อมูล SQLiteORM

Chapter 6: Workshop "Todo App"

• Todo AppUI explained, walk through about VueJS syntaxAPI Flask

คอร์สนี้สอนอะไรบ้าง?

Chapter 1.5: Hacking the Web !

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