สร้าง Web Application ด้วย Vue.js 3 รูปแบบ Composition API

Current Time 0:00

Duration Time 0:00

Progress: NaN%

ราคา

ซื้อคอร์สนี้ : 1,990.00 ฿

สามารถเรียนที่ไหน เมื่อไหร่ก็ได้ตลอดชีพ

เนื้อหาทั้งหมด 43 วิดีโอ ความยาวรวมกัน 19 ชั่วโมง 24 นาที

สร้างและพัฒนา Web Application ด้วย Vue.js เวอร์ชัน 3 และเรียนรู้วิธีรับ-ส่งข้อมูลด้วย API

นำเทคนิคไปต่อยอด เขียน Web Application ด้วนตนเองได้อย่างมืออาชีพ

ลงมือปฏิบัติจริงและแก้ไขปัญหาด้วย Homework แบบอัดแน่น

สอนโดยผู้ก่อตั้ง Code-Fin-Nua (โค้ด-ฟิน-นัว) โปรแกรมเมอร์ผู้มีประสบการณ์ มากกว่า 15 ปี

เกี่ยวกับคอร์สนี้

คำอธิบายคอร์สออนไลน์
Vue.js คือเทคโนโลยีเฟรมเวิร์ค JavaScript ที่จะช่วยให้คุณทำงานได้รวดเร็วขึ้นเพราะมาพร้อมกับชุดคำสั่งและไลบรารีที่สะดวก สั้นกระชับ มีความปลอดภัยสูง ใช้งานง่าย และมีประสิทธิภาพสูง ในหลักสูตรนี้ทุกคนจะได้เรียนรู้เกี่ยวกับการพัฒนา Web Application ด้วย Vue.js เวอร์ชัน 3 และการเขียน JavaScript ด้วยรูปแบบ Composition API (script setup) ที่เข้าใจง่าย และกำลังได้รับความนิยมในปัจจุบัน หากกำลังมองหาคอร์ส Vue.js ที่เหมาะสำหรับผู้เริ่มต้นเพื่อนำไปต่อยอดศึกษาต่อได้ ขอแนะนำคอร์สนี้

ประโยชน์ที่ผู้เรียนจะได้รับ
- เขียน Web Application ด้วยเฟรมเวิร์ค JavaScript สมัยใหม่ ต้้งแต่โครงสร้างพื้นฐาน จากเบื้องต้นจนถึงระดับที่สามารถศึกษาต่อได้เอง
- นำ Web Application ของตนเองไปประยุกต์ใช้ตามรูปแบบที่ต้องการได้อย่างมืออาชีพ
- ทบทวนความเข้าใจและเพิ่มประสบการณ์ด้วยการการฝึกฝนจาก Workshop

ใครควรเรียนคอร์สออนไลน์นี้
- องค์กร พนักงานหรือ Freelancer ที่ต้องพัฒนาหรือเขียน JavaScript ให้ลูกค้าและธุรกิจได้รวดเร็วมากขึ้น
- ผู้เรียนที่ต้องการนำเฟรมเวิร์คไปพัฒนางานประเภท E-Commerce และความปลอดภัย
- ผู้ที่ต้องการอัพสกิลการทำ Web Application ให้สูงขึ้น

ผู้เรียนต้องมีความรู้อะไรมาก่อน
- ผู้เรียนควรเคยเขียน หรือศึกษา Front-end ด้วย HTML CSS JavaScript มาบ้างแล้ว
- ผู้เรียนควรเคยเขียน หรือศึกษา Back-end ด้วย PHP หรือ Java หรือ JavaScript หรือ ภาษาโปรแกรมมิ่งใด ๆ ก็ได้ และ MySQL มาบ้างแล้ว

ผู้สอน

ชุมพล พูนนฤเสถียร

Code-Fin-Nua สอนเขียนเว็บไซต์ และโปรแกรม

สอนเขียนเว็บไซต์ สอนเขียนโปรแกรม จัดเต็มอัดแน่นด้วยคุณภาพ สอนเข้าใจง่าย

หลักสูตรของคอร์สนี้

บทที่ 1 : Vue.js เบื้องต้น
1. Vue.js คืออะไร ดูตัวอย่างฟรี	21:32
2. เครื่องมือที่ต้องใช้ในการเริ่มต้นเขียน Vue.js	32:09
3. รูปแบบและการทำงานโดยรวมของ Vue.js	12:46
4. ติดตั้งโปรเจกต์ด้วยรูปแบบต่าง ๆ	34:20
5. เรียนรู้โครงสร้าง files และ folders พื้นฐานของ Vue.js	18:09
6. วิธีการเขียนเว็บไซต์ด้วย Vue.js	29:46
7. สร้างและใช้งาน Component	52:50
8. ใช้งาน Vue Router ในรูปแบบต่าง ๆ	48:14
Break Point : ทบทวนเนื้อหาด้วย Homework 1-3	0:10

บทที่ 2 : Template Syntax และการสร้างตัวแปรด้วย Constant
9.1 สร้างตัวแปร Constant, การใช้ Ref, Reactive, Text Interpolation และ Raw HTML ตอนที่ 1	33:14
9.2 สร้างตัวแปร Constant, การใช้ Ref, Reactive, Text Interpolation และ Raw HTML ตอนที่ 2	32:28
Break Point : ทบทวนเนื้อหาด้วย Homework 4-6	0:10

บทที่ 3 : ใช้งาน Attribute Bindings
10. เขียน v-bind รูปแบบเต็ม, Shorthand, Boolean Attributes, Dynamically Binding Multiple Attributes, Attribute Bindings calling functions และ Class and Style Bindings	44:46
Break Point : ทบทวนเนื้อหาด้วย Homework 7-9	0:10

บทที่ 4 : V-on หรือ Event Handling, Event, Key และ System Modifiers
11. วิธีใช้งาน Event Handling ด้วยรูปแบบ Inline Handlers และ Method Handlers	42:04
12. วิธีใช้งาน Event Modifiers, Key Modifiers และ System Modifiers	48:45
Break Point : ทบทวนเนื้อหาด้วย Homework 10-11	0:10

บทที่ 5 : Conditional Rendering (v-if, v-else, v-else-if และ v-show)
13.1 วิธีใช้งาน v-if, v-else, v-else-if และ v-show ตอนที่ 1	31:22
13.2 วิธีใช้งาน v-if, v-else, v-else-if และ v-show ตอนที่ 2	34:02
Break Point : ทบทวนเนื้อหาด้วย Homework 12	0:10

บทที่ 6 : List Rendering (Loops)
14.1 ใช้งาน v-for กับข้อมูลรูปแบบต่าง ๆ เช่น Object, Component และกรองเงื่อนไขด้วย v-if ตอนที่ 1	42:09
14.2 ใช้งาน v-for กับข้อมูลรูปแบบต่าง ๆ เช่น Object, Component และกรองเงื่อนไขด้วย v-if ตอนที่ 2	37:14
Break Point : ทบทวนเนื้อหาด้วย Homework 13	0:10

บทที่ 7 : รับ-ส่งข้อมูลระหว่าง Component (Passing Props)
15.1 วิธีการรับ-ส่งข้อมูลด้วย Props	52:57
Break Point : ทบทวนเนื้อหาด้วย Homework 14-15	0:10

บทที่ 8 : Computed (Getter) และ Watch
16.1 วิธีการใช้งาน Computed และ Watch ตอนที่ 1	31:24
16.2 วิธีการใช้งาน Computed และ Watch ตอนที่ 2	36:24
Break Point : ทบทวนเนื้อหาด้วย Homework 16	0:10

บทที่ 9 : Pinia (Global Variable)
17.1 ใช้งานตัวแปร Global ด้วย Pinia ตอนที่ 1	33:15
17.2 ใช้งานตัวแปร Global ด้วย Pinia ตอนที่ 2	33:02
Break Point : ทบทวนเนื้อหาด้วย Homework 17	0:10

บทที่ 10 : รับ-ส่งข้อมูลด้วย Axios
18.1 วิธีการรับ-ส่งข้อมูล API ด้วย Axios ตอนที่ 1	48:01
18.2 วิธีการรับ-ส่งข้อมูล API ด้วย Axios ตอนที่ 2	30:09
18.3 วิธีการรับ-ส่งข้อมูล API ด้วย Axios ตอนที่ 3	35:10
18.4 วิธีการรับ-ส่งข้อมูล API ด้วย Axios ตอนที่ 4	28:53
Break Point : ทบทวนเนื้อหาด้วย Homework 18	0:10

บทที่ 11 : Form input Bindings, v-model : Validate และ Upload File
19.1 วิธีใช้งาน input ในรูปแบบต่าง ๆ และ Validate input ด้วย trim, number และ lazy ตอนที่ 1	36:08
19.2 วิธีใช้งาน input ในรูปแบบต่าง ๆ และ Validate input ด้วย trim, number และ lazy ตอนที่ 2	30:09
19.3 วิธีใช้งาน input ในรูปแบบต่าง ๆ และ Validate input ด้วย trim, number และ lazy ตอนที่ 3	40:50
19.4 วิธีใช้งาน input ในรูปแบบต่าง ๆ และ Validate input ด้วย trim, number และ lazy ตอนที่ 4	43:41
19.5 วิธีใช้งาน input ในรูปแบบต่าง ๆ และ Validate input ด้วย trim, number และ lazy ตอนที่ 5	56:10
Break Point : ทบทวนเนื้อหาด้วย Homework 19-20	0:10

บทที่ 12 : Build Project เพื่อนำไปใช้งานบน Hosting
20. วิธีการ Build Project เพื่อนำไปใช้งานบน Hosting	30:28

Break Point : ทบทวนเนื้อหาด้วย Homework