VUE001:VUE JS FROM BEGINNER TO PROFESSIONAL

ชั่วโมงที่ 1-4 7

เริ่มต้นการใช้งาน

• Lecture1.1
  แนะนำการใช้ Vue JS
• Lecture1.2
  การติดตั้ง Vue JS
• Lecture1.3
  เรียนรู้เกี่ยวกับ Working with templates
• Lecture1.4
  เรียนรู้เกี่ยวกับ Methods
• Lecture1.5
  เรียนรู้เกี่ยวกับ ES6 arrow functions
• Lecture1.6
  เรียนรู้เกี่ยวกับ directives
• Lecture1.7
  แบบฝึกหัดเกี่ยวกับ String interpolation, methods and directives

ชั่วโมงที่ 4-8 7

• Lecture2.1
  เรียนรู้เกี่ยวกับ expressions with directives
• Lecture2.2
  เรียนรู้เกี่ยวกับ events
• Lecture2.3
  เรียนรู้เกี่ยวกับ Passing arguments to event listeners
• Lecture2.4
  เรียนรู้เกี่ยวกับ Directive & event modifiers
• Lecture2.5
  เรียนรู้เกี่ยวกับ Key modifiers
• Lecture2.6
  เรียนรู้เกี่ยวกับ Modifier keys
• Lecture2.7
  แบบฝึกหัด Events & modifiers

ชั่วโมงที่ 8-12 13

• Lecture3.1
  เรียนรู้เกี่ยวกับ Two-way data binding
• Lecture3.2
  เรียนรู้เกี่ยวกับ Outputting and escaping HTML
• Lecture3.3
  เรียนรู้เกี่ยวกับ Rendering elements only once
• Lecture3.4
  เรียนรู้เกี่ยวกับ Conditionally rendering elements
• Lecture3.5
  เรียนรู้เกี่ยวกับ Showing and hiding elements
• Lecture3.6
  เรียนรู้เกี่ยวกับ Hiding elements
• Lecture3.7
  เรียนรู้เกี่ยวกับ Looping through arrays
• Lecture3.8
  เรียนรู้เกี่ยวกับ loop index
• Lecture3.9
  เรียนรู้เกี่ยวกับ Looping through object properties
• Lecture3.10
  เรียนรู้เกี่ยวกับ Looping through number ranges
• Lecture3.11
  เรียนรู้เกี่ยวกับ v-for update strategy
• Lecture3.12
  เรียนรู้เกี่ยวกับ Array change detection
• Lecture3.13
  แแบฝึกหัด Two-way data binding, conditionals, and loops

ชั่วโมงที่ 12-16 10

• Lecture4.1
  เรียนรู้เกี่ยวกับ Optimizing performance with computed properties
• Lecture4.2
  เรียนรู้เกี่ยวกับ Adding getters & setters to computed properties
• Lecture4.3
  เรียนรู้เกี่ยวกับ Watchers
• Lecture4.4
  แบบฝึกหัด Computed properties & watchers
• Lecture4.5
  เรียนรู้เกี่ยวกับ Filters
• Lecture4.6
  แบบฝึกหัด Filters
• Lecture4.7
  เรียนรู้เกี่ยวกับ inline CSS styles
• Lecture4.8
  เรียนรู้เกี่ยวกับ CSS classes
• Lecture4.9
  เเบบฝึกหัด Styling with inline styles and classes
• Lecture4.10
  เรียนรู้เกี่ยวกับ Shorthands for events and bindings

ชั่วโมงที่ 16-20 12

• Lecture5.1
  เรียนรู้เกี่ยวกับ Accessing a Vue instance
• Lecture5.2
  เรียนรู้เกี่ยวกับ Using multiple Vue instances
• Lecture5.3
  เรียนรู้เกี่ยวกับ Proxying
• Lecture5.4
  ทำความเข้าใจ reactivity
• Lecture5.5
  เรียนรู้เกี่ยวกับ Asynchronous update queue
• Lecture5.6
  ทำความเข้าใจ Virtual DOM
• Lecture5.7
  เรียนรู้เกี่ยวกับ Adding watchers dynamically
• Lecture5.8
  เรียนรู้เกี่ยวกับ Accessing the DOM with $refs
• Lecture5.9
  เรียนรู้เกี่ยวกับ Mounting templates dynamically
• Lecture5.10
  เรียนรู้เกี่ยวกับ Using inline templates
• Lecture5.11
  เรียนรู้เกี่ยวกับ Destroying a Vue instance
• Lecture5.12
  เรียนรู้เกี่ยวกับ Vue instances lifecycle & hook

ชั่วโมงที่ 20-24 6

• Lecture6.1
  ติดตั้ง Chrome developer tools extension
• Lecture6.2
  ทำความเข้าใจ Vue CLI
• Lecture6.3
  สร้างโปรเจกต์ Vue CLI
• Lecture6.4
  เรียนรู้เกี่ยวกับ the project structure
• Lecture6.5
  เรียนรู้เกี่ยวกับ Single file components
• Lecture6.6
  เรียนรู้เกี่ยวกับ Building for production

ชั่วโมงที่ 24-28 15

• Lecture7.1
  เรียนรู้เกี่ยวกับ components
• Lecture7.2
  เรียนรู้เกี่ยวกับ Global & Local Components
• Lecture7.3
  เรียนรู้เกี่ยวกับ Component naming conventions
• Lecture7.4
  เรียนรู้เกี่ยวกับ Creating a component in the project
• Lecture7.5
  แบบฝึกหัด Global, local and child components
• Lecture7.6
  เรียนรู้เกี่ยวกับ Organizing components
• Lecture7.7
  เรียนรู้เกี่ยวกับ Global & scoped styles
• Lecture7.8
  เรียนรู้เกี่ยวกับ Passing data to components
• Lecture7.9
  เรียนรู้เกี่ยวกับ Validating passed data
• Lecture7.10
  เรียนรู้เกี่ยวกับ Working with events
• Lecture7.11
  เรียนรู้เกี่ยวกับ Communicating through an event bus
• Lecture7.12
  แบบฝึกหัด Passing data & events
• Lecture7.13
  เรียนรู้เกี่ยวกับ Slots
• Lecture7.14
  เรียนรู้เกี่ยวกับ Named slots
• Lecture7.15
  เรียนรู้เกี่ยวกับ Dynamic components

ชั่วโมงที่ 28-32 13

• Lecture8.1
  เรียนรู้เกี่ยวกับ mixins
• Lecture8.2
  การใช้งาน mixins
• Lecture8.3
  เรียนรู้เกี่ยวกับ How mixins are merged in
• Lecture8.4
  เรียนรู้เกี่ยวกับ Global mixins
• Lecture8.5
  เรียนรู้เกี่ยวกับ Global filters
• Lecture8.6
  เรียนรู้เกี่ยวกับ Text inputs & textareas
• Lecture8.7
  เรียนรู้เกี่ยวกับ Checkboxes
• Lecture8.8
  เรียนรู้เกี่ยวกับ Radio buttons
• Lecture8.9
  เรียนรู้เกี่ยวกับ Selects (dropdowns)
• Lecture8.10
  เรียนรู้เกี่ยวกับ Modifiers
• Lecture8.11
  ทำความเข้าใจ v-model directive works
• Lecture8.12
  เรียนรู้เกี่ยวกับ Adding default values
• Lecture8.13
  เรียนรู้เกี่ยวกับ Submitting forms

ชั่วโมงที่ 32-36 16

• Lecture9.1
  เรียนรู้เกี่ยวกับ transitions and animations
• Lecture9.2
  ทำความเข้าใจ single element transitions
• Lecture9.3
  เรียนรู้เกี่ยวกับ Transitioning with CSS classes
• Lecture9.4
  เรียนรู้เกี่ยวกับ Implementing our first transition
• Lecture9.5
  เรียนรู้เกี่ยวกับ Specifying transition names
• Lecture9.6
  เรียนรู้เกี่ยวกับ Specifying custom transition classes
• Lecture9.7
  เรียนรู้เกี่ยวกับ Implementing a custom CSS animation
• Lecture9.8
  เรียนรู้เกี่ยวกับ Mixing transitions and animations
• Lecture9.9
  เรียนรู้เกี่ยวกับ Transitioning between elements
• Lecture9.10
  เรียนรู้เกี่ยวกับ Transition modes
• Lecture9.11
  เรียนรู้เกี่ยวกับ Transitioning elements initially
• Lecture9.12
  เรียนรู้เกี่ยวกับ Transitioning with JavaScript hooks
• Lecture9.13
  เรียนรู้เกี่ยวกับ Ignoring CSS classes
• Lecture9.14
  เรียนรู้เกี่ยวกับ Transitioning dynamic components
• Lecture9.15
  เรียนรู้เกี่ยวกับ Transitioning multiple elements
• Lecture9.16
  เรียนรู้เกี่ยวกับ Transitioning moving elements