Full Stack Web Development with Python & Vue.js

คอร์สเรียน Full Stack Developer 2025 ด้วยเฟรมเวิร์คยอดนิยมในการพัฒนา API ของ Python พร้อมกับใช้งานร่วมกับ front-end สุดฮิตอย่าง Vue.js พร้อมด้วย Docker และการ deployment จนครบ life cycle ใน software development

Chaiwat C.

มีประกาศนียบัตรเมื่อเรียนจบ

เนื้อหาคอร์ส

43 บทเรียน ออกแบบมาเพื่อพัฒนาคุณจากระดับเริ่มต้นสู่ระดับมืออาชีพ

1 บทเรียนทดลอง • ดูก่อนลงทะเบียน

Back-end

13 บทเรียน

Intro to Django REST Framework & API Concept

บทที่ 2 สำหรับสมาชิก

26:05

Intro to REST API

เนื้อหาสำหรับ Pro Member สมัคร Pro

Virtual Environment

บทที่ 3 สำหรับสมาชิก

6:10

ทำความเข้าใจ Virtual Environment

เนื้อหาสำหรับ Pro Member สมัคร Pro

Creating a Django Project (เริ่มต้นสร้างโปรเจคท์)

บทที่ 4 สำหรับสมาชิก

6:03

เนื้อหาสำหรับ Pro Member สมัคร Pro

Hands-on Django (เพื่อ recap Django)

บทที่ 5 สำหรับสมาชิก

35:06

Hands-on

เนื้อหาสำหรับ Pro Member สมัคร Pro

Creating a Simple Django REST Project

บทที่ 6 สำหรับสมาชิก

25:10

df

เนื้อหาสำหรับ Pro Member สมัคร Pro

สร้าง Mini Project

บทที่ 7 สำหรับสมาชิก

38:46

เนื้อหาสำหรับ Pro Member สมัคร Pro

Testing (Unit Test)

บทที่ 8 สำหรับสมาชิก

21:55

เนื้อหาสำหรับ Pro Member สมัคร Pro

CORS (Cross-Origin Resource Sharing)

บทที่ 9 สำหรับสมาชิก

6:54

เนื้อหาสำหรับ Pro Member สมัคร Pro

Permissions

บทที่ 10 สำหรับสมาชิก

14:01

เนื้อหาสำหรับ Pro Member สมัคร Pro

User Model

บทที่ 11 สำหรับสมาชิก

15:19

เนื้อหาสำหรับ Pro Member สมัคร Pro

JWT (JSON Web Token)

บทที่ 12 สำหรับสมาชิก

15:06

เนื้อหาสำหรับ Pro Member สมัคร Pro

ทดสอบ API Endpoints ด้วย Postman

บทที่ 13 สำหรับสมาชิก

11:03

เนื้อหาสำหรับ Pro Member สมัคร Pro

Final Back-end

บทที่ 14 สำหรับสมาชิก

9:19

เนื้อหาสำหรับ Pro Member สมัคร Pro

Git

2 บทเรียน

Intro to Git

บทที่ 15 สำหรับสมาชิก

33:50

Intro to Git

เนื้อหาสำหรับ Pro Member สมัคร Pro

Branching (Git Branch)

บทที่ 16 สำหรับสมาชิก

24:24

Git Branch

เนื้อหาสำหรับ Pro Member สมัคร Pro

Front-end

28 บทเรียน

Intro to Front-end & Web Dev

บทที่ 17 สำหรับสมาชิก

12:27

เนื้อหาสำหรับ Pro Member สมัคร Pro

HTML

บทที่ 18 สำหรับสมาชิก

15:17

เนื้อหาสำหรับ Pro Member สมัคร Pro

CSS (Cascading Style Sheets )

บทที่ 19 สำหรับสมาชิก

38:16

เนื้อหาสำหรับ Pro Member สมัคร Pro

JavaScript

บทที่ 20 สำหรับสมาชิก

22:20

เนื้อหาสำหรับ Pro Member สมัคร Pro

JavaScript Input Management

บทที่ 21 สำหรับสมาชิก

13:23

เนื้อหาสำหรับ Pro Member สมัคร Pro

Intro to Vue.js & DOM

บทที่ 22 สำหรับสมาชิก

22:22

เนื้อหาสำหรับ Pro Member สมัคร Pro

Get Started & Project Setup

บทที่ 23 สำหรับสมาชิก

9:28

เนื้อหาสำหรับ Pro Member สมัคร Pro

ESlint (สำหรับตรวจสอบความถูกต้องโค้ด)

บทที่ 24 สำหรับสมาชิก

9:13

เนื้อหาสำหรับ Pro Member สมัคร Pro

Clean up Project

บทที่ 25 สำหรับสมาชิก

10:00

เนื้อหาสำหรับ Pro Member สมัคร Pro

Vue Simple Counter App

บทที่ 26 สำหรับสมาชิก

11:25

เนื้อหาสำหรับ Pro Member สมัคร Pro

Options API

บทที่ 27 สำหรับสมาชิก

7:06

เนื้อหาสำหรับ Pro Member สมัคร Pro

Composition API

บทที่ 28 สำหรับสมาชิก

14:07

เนื้อหาสำหรับ Pro Member สมัคร Pro

V-Model

บทที่ 29 สำหรับสมาชิก

7:46

เนื้อหาสำหรับ Pro Member สมัคร Pro

Computed Properties

บทที่ 30 สำหรับสมาชิก

4:05

เนื้อหาสำหรับ Pro Member สมัคร Pro

Lifecycle Hooks

บทที่ 31 สำหรับสมาชิก

11:18

เนื้อหาสำหรับ Pro Member สมัคร Pro

V-for, V-if, and V-show

บทที่ 32 สำหรับสมาชิก

15:03

เนื้อหาสำหรับ Pro Member สมัคร Pro

Vue Components

บทที่ 33 สำหรับสมาชิก

9:58

เนื้อหาสำหรับ Pro Member สมัคร Pro

To-Do Form

บทที่ 34 สำหรับสมาชิก

30:28

เนื้อหาสำหรับ Pro Member สมัคร Pro

To-Do Component

บทที่ 35 สำหรับสมาชิก

20:33

เนื้อหาสำหรับ Pro Member สมัคร Pro

Emit

บทที่ 36 สำหรับสมาชิก

11:25

เนื้อหาสำหรับ Pro Member สมัคร Pro

Dynamic Routes

บทที่ 37 สำหรับสมาชิก

17:29

เนื้อหาสำหรับ Pro Member สมัคร Pro

State Management

บทที่ 38 ทดลองเรียน

19:21

ดูบทเรียนทดลอง

CRUD Recap

บทที่ 39 สำหรับสมาชิก

33:47

เนื้อหาสำหรับ Pro Member สมัคร Pro

Back-end Connect

บทที่ 40 สำหรับสมาชิก

3:29

เนื้อหาสำหรับ Pro Member สมัคร Pro

Fetch API (To-do)

บทที่ 41 สำหรับสมาชิก

13:45

เนื้อหาสำหรับ Pro Member สมัคร Pro

Create To-do with Fetch

บทที่ 42 สำหรับสมาชิก

10:08

เนื้อหาสำหรับ Pro Member สมัคร Pro

Fetch API by ID

บทที่ 43 สำหรับสมาชิก

34:59

เนื้อหาสำหรับ Pro Member สมัคร Pro

Delete CRUD (ตอนจบ)

บทที่ 44 สำหรับสมาชิก

5:07

เนื้อหาสำหรับ Pro Member สมัคร Pro

คำถามที่พบบ่อย

ข้อมูลสำคัญก่อนเริ่มเรียนคอร์สนี้

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

คอร์สนี้เหมาะสำหรับผู้ที่ต้องการเป็น Full Stack Developer สามารถสร้างเว็บแอปพลิเคชันได้ครบทั้งระบบ ตั้งแต่ผู้เริ่มต้นที่อยากเข้าสู่วงการ Web Development ไปจนถึงโปรแกรมเมอร์ที่เชี่ยวชาญฝั่งใดฝั่งหนึ่ง (Front-end หรือ Back-end) และต้องการเรียนรู้เพิ่มเติมอีกฝั่ง ทำให้เห็นภาพรวมของการพัฒนา

"Full Stack" หมายความว่าอย่างไร?

Full Stack Developer คือนักพัฒนาที่สามารถทำงานได้ทั้งส่วนหน้าบ้าน (Front-end) คือสิ่งที่ผู้ใช้เห็นและโต้ตอบบนหน้าเว็บ และส่วนหลังบ้าน (Back-end) คือระบบจัดการข้อมูลและตรรกะเบื้องหลังที่ผู้ใช้มองไม่เห็น

ต้องมีพื้นฐานอะไรมาก่อนเรียนคอร์สนี้?

คอร์สนี้ออกแบบมาให้เรียนได้ตั้งแต่พื้นฐาน แต่จะไปได้เร็วขึ้นหากคุณมีความเข้าใจในการเขียนโปรแกรมเบื้องต้นมาบ้าง และจำเป็นต้องเคยเขียน Python มาก่อนในเบื้องต้น (เพราะจะเริ่มสอนจากฝั่ง Back-end ด้วย Python)

เรียนจบคอร์สนี้แล้วจะสามารถสร้างอะไรได้?

คุณจะสามารถสร้าง Web Application ที่สมบูรณ์ได้ด้วยตัวเอง ตั้งแต่การออกแบบและสร้าง API (หลังบ้าน) ด้วย Django REST Framework ไปจนถึงการสร้างหน้าเว็บที่สวยงามและโต้ตอบกับผู้ใช้ได้ (หน้าบ้าน) ด้วย Vue.js และสามารถนำทั้งสองส่วนมาเชื่อมต่อกันได้อย่างสมบูรณ์

ทำไมคอร์สนี้ถึงเลือกใช้ Django REST Framework สำหรับ Back-end?

Django เป็น Web Framework ที่ทรงพลังของภาษา Python มีโครงสร้างชัดเจนและมีระบบความปลอดภัยที่ดีเยี่ยม การใช้ Django REST Framework ช่วยให้เราสามารถสร้าง API (Application Programming Interface) ได้อย่างรวดเร็วและเป็นระบบ ซึ่งเป็นหัวใจสำคัญของการสื่อสารระหว่าง Front-end และ Back-end ในแอปพลิเคชันสมัยใหม่

ในส่วน Back-end จะได้เรียนเกี่ยวกับอะไรบ้าง?

คุณจะได้เรียนตั้งแต่แนวคิดพื้นฐาน, การสร้างโปรเจกต์ Django, การสร้าง API Endpoints, การจัดการเรื่องสิทธิ์ (Permissions), การยืนยันตัวตนด้วย JWT (JSON Web Token), และการทดสอบ API ด้วยเครื่องมืออย่าง Postman

ทำไมถึงเลือกสอน Vue.js สำหรับ Front-end?

Vue.js เป็น JavaScript Framework ที่ได้รับความนิยมสูงมาก เพราะเรียนรู้ง่าย มี document ที่ยอดเยี่ยม และมีประสิทธิภาพสูง เหมาะสำหรับผู้เริ่มต้น แต่ก็ทรงพลังพอที่จะใช้สร้างแอปพลิเคชันขนาดใหญ่ได้ ทำให้คุณเริ่มต้นสร้าง Front-end ที่ซับซ้อนได้อย่างรวดเร็ว

เนื้อหา Front-end ครอบคลุมอะไรบ้าง?

เราจะเริ่มตั้งแต่พื้นฐาน HTML, CSS, และ JavaScript ที่จำเป็น ไปจนถึงการสร้างแอปพลิเคชันด้วย Vue.js คุณจะได้เรียนรู้ทั้ง Options API และ Composition API (รูปแบบการเขียนสมัยใหม่), การจัดการ State, Lifecycle Hooks, การสร้าง Components เพื่อนำโค้ดกลับมาใช้ซ้ำ, State Management และการจัดการฟอร์ม

Options API กับ Composition API ต่างกันอย่างไร?

ทั้งสองคือรูปแบบการเขียนโค้ดใน Vue.js โดย Options API เป็นรูปแบบดั้งเดิมที่เข้าใจง่าย เหมาะกับผู้เริ่มต้น ส่วน Composition API เป็นรูปแบบที่ใหม่กว่า ยืดหยุ่นกว่า และช่วยให้จัดการโค้ดในโปรเจกต์ขนาดใหญ่ได้ดีขึ้น ซึ่งคอร์สนี้สอนทั้งสองแบบเพื่อให้คุณพร้อมสำหรับทุกสถานการณ์

รายละเอียดคอร์ส

บทเรียน: 43
จำนวนนักเรียน: 13
ระยะเวลา: 12 ชั่วโมง 3 นาที
ระดับ: เริ่มต้นถึงขั้นสูง
การเข้าถึง: ตลอดชีพ

฿1,900

ราคา Pro Member รวมทุกคอร์ส

สมัคร Pro Member

เข้าถึงทุกคอร์สได้ทันที