Online Course

Getting Started with Vue.js

เริ่มพัฒนาเว็บแอปพลิเคชันด้วย Vue.js อย่างถูกวิธี
2,990.00
บาท
4-6 ชั่วโมง
โปรเจคแอปพลิเคชัน ToDo List

รายละเอียด

โปรโมชั่นประจำเดือน พฤศจิกายน - ธันวาคม จำนวน 75 สิทธิ์ต่อเดือน

  • รับ Mcdonald's E-Voucher มูลค่า 350 บาท เมื่อสมัครคอร์สออนไลน์รวม 2,500 บาทขึ้นไป (ทีมงานจะส่ง E-Voucher ให้ทางอีเมลภายใน 24 ชม.)

โปรโมชั่นเปิดตัวคอนเทนท์ใหม่ Vue 3!

  • ลดทันที 1,000 บาท เหลือเพียง 1,990 บาท กรอกโค้ด VUE3 ถึงวันที่ 18 พ.ย. นี้เท่านั้น!

.

ทำความรู้จัก JavaScript framework ยอดนิยมที่ใช้กันทั่วโลกอย่าง Vue.js ที่มีจุดเด่นในเรื่องของความง่าย ใช้เวลาเรียนรู้น้อยแต่ก็สามารถพัฒนาเว็บแอปพลิเคชั่นใหญ่ๆ ได้ดีไม่แพ้ framework เจ้าอื่นๆ

พบกับคอร์สสุดเข้มข้นที่จะทำให้คุณเขียน Vue.js เป็นได้เอง ผ่านการเรียนรู้ concept อย่างเช่น Vue tools, Vue component, Lifecycle, Vue Router, หรือ Vuex และการลงมือสร้างเว็บแอปพลิเคชันขึ้นมาจริงๆ


คอร์สนี้เหมาะสำหรับ

  • นักพัฒนาเว็บที่อยากเรียนรู้เครื่องมือที่ช่วยลดระยะเวลาการพัฒนา และใช้งานได้จริง
  • นักเรียน นักศึกษา ที่ชื่นชอบการทำเว็บ
  • โปรแกรมเมอร์ใน platform อื่น ๆ ที่มีพื้นฐานการทำเว็บ ที่อยากเรียนรู้เครื่องมือใหม่ ๆ

หลังจากเรียนจบคอร์สนี้ผู้เรียนจะสามารถ

  • พัฒนาเว็บแอปพลิเคชันด้วย Vue.js ได้
  • พัฒนา Single Page Application ด้วย Vue.js ได้
  • พัฒนาเว็บในสเกลที่ใหญ่ขึ้นด้วยเครื่องมือที่เรียนรู้ได้ไว ใช้งานง่าย
  • เข้าใจพื้นฐานและ library ต่างๆ เพื่อต่อยอดการพัฒนาเว็บด้วย Vue.js ได้

พื้นฐานที่ควรมีก่อนเรียนคอร์สนี้

  • เคยมีประสบการณ์การทำเว็บมาก่อน (HTML, CSS, JavaScript)
  • มีความรู้พื้นฐานด้าน JavaScript ES6, npm

รายละเอียดเพิ่มเติม

ระหว่างเรียนคอร์สนี้ผู้เรียนจะได้ทำแอปพลิเคชัน ToDo List เพื่อให้ได้ประยุกต์ใช้ concept ที่เรียนมาและฝึกฝนการใช้ Vue.js ในการทำเว็บแอปพลิเคชันจริง

  • ผู้เรียนจะได้รับประกาศนียบัตร (Certificate of Completion) เมื่อเรียนจบคอร์ส

สอบถามข้อมูลเพิ่มเติม

  • Facebook ของ Skooldio
  • สำหรับท่านที่ต้องการสมัครในนามบริษัท 5 ท่านขึ้นไป ติดต่อรับส่วนลด bulk discount ได้ที่ hello@skooldio.com

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

01
Intro to Course
Welcome to Course
1:09
Course Overview
Brief History of Web Development
1:13
Why Use a Front-end Framework?
1:23
Intro to Vue.js
2:46
Setting Up Development Environment
Vue CLI
5:19
Vue UI
2:53
Vue Project Overview
2:03
Vue.js devtools
1:47
Outro
0:18
What is a Component?
0:31
Encapsulation
0:54
Vue Single Component
0:44
Two-way Binding
1:45
Outro
0:18
Intro
0:12
"Hello, world!"
2:33
v-for
2:06
v-html
0:58
Filters
1:53
v-if, v-show
3:21
v-bind
2:59
Class and Style Bindings
2:36
CSS
3:07
Form
2:58
Outro
0:28
Intro
0:22
Methods and Event Handling
2:40
Computed
2:27
Lifecycle and Hooks
4:26
Watcher
2:30
Outro
0:24
Intro
1:00
Props
3:20
Props Validation
2:51
Custom Event
5:25
Slot
4:06
Using Multiple Components
4:38
Mixins
4:31
Outro
0:29
Single Page Application (SPA)
1:22
Routing in Vue
1:31
Using Vue Router
2:39
Defining Route & Dynamic Route
2:59
.push(), .go()
1:15
Outro
0:28
Intro
1:11
Vuex Store
6:47
State & Mutation Mapping
4:40
Another Way to Map
2:13
Outro
0:48
Project Overview
0:35
Step 1: Creating Your Project
2:53
Step 2: Adding ToDo Item
4:34
Step 3: Completing a Task
4:59
Step 4: Making It User Friendly
3:16
Step 5: Multiple Components
7:27
Step 6: Vuex Version Setup
0:33
Step 7: Finishing Vuex Version
7:11
Intro to Vue 3
0:56
New Vue 3 Features
5:03
Composition API
2:17
Set up
2:06
Ref
1:56
Reactive
1:09
Ref vs. Reactive
2:17
Methods
1:36
Computed
2:51
watchEffect
3:01
Watch
2:22
Lifecycle Hooks
1:22
Make Composition API reusable
3:32
Convert Options API to Composition API
6:05
How to Setup Vue 3
0:35
How to Migrate Project From Vue 2 to Vue 3
0:55
Upgrade Vue Cli
1:21
Upgrade Vue Version
0:54
Vue Router
1:19
The Difference Between Vue 2 and Vue 3
1:56
Vuex
1:45
Upgraded result
0:45
How to use composition API in vue 2
1:19
Context.root
1:36
How to Use Vue Router and Vuex in Composition API
3:15

ผู้สอน

วรัทธน์ วงศ์มณีกิจ (Co-Founder & Chief Product Officer at Wisesight) | Skooldio Instructor
วรัทธน์ วงศ์มณีกิจ
Co-Founder & Chief Product Officer at Wisesight