Online Course
Getting Started with Vue.js
เริ่มพัฒนาเว็บแอปพลิเคชันด้วย Vue.js อย่างถูกวิธี
2,990.00
บาท
4-6 ชั่วโมง
โปรเจคแอปพลิเคชัน ToDo List
รายละเอียด
.
ทำความรู้จัก 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
เนื้อหาในคอร์ส
02
Vue Concepts
What is a Component?
0:31
Encapsulation
0:54
Vue Single Component
0:44
Two-way Binding
1:45
Outro
0:18
03
Conditionals, Loops, and Styling
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
04
Event & Lifecycle
Intro
0:22
Methods and Event Handling
2:40
Computed
2:27
Lifecycle and Hooks
4:26
Watcher
2:30
Outro
0:24
05
Vue Multiple Components
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
06
Vue Router
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
07
Vuex
Intro
1:11
Vuex Store
6:47
State & Mutation Mapping
4:40
Another Way to Map
2:13
Outro
0:48
08
Building ToDo App
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
09
Vue 3
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
10
Setting up Vue 3
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
ผู้สอน
