Basic Vue.JS 3 สำหรับผู้เริ่มต้น

Basic Vue.JS 3 สำหรับผู้เริ่มต้น

ยุคสมัยนี้การพัฒนาเว็บแอพพลิเคชั่นส่วนใหญ่เน้นไปทางการทำเว็บที่เป็นแบบ Single Page Application (SPA) คือการทำงานจบในหน้าเดียว ไม่ต้องรีโหลด หรือเปลี่ยนหน้าไปมา จึงกำเนิด JavaScript Framework ที่รองรับการทำงานลักษณะนี้มากมาย ไม่ว่าจะเป็น Angular, React, NodeJS และ Vue.js ก็เป็นหนึ่งใน JavaScript Framework ที่ได้รับความนิยมใช้งานกันแพร่หลาย ด้วยข้อดีมากมาย อาทิ การเริ่มต้นที่ง่ายกว่า framework อื่นๆ ขนาดไฟล์ที่เล็ก ทำงานได้เร็ว รวมทั้งมีเครื่องไม้เครื่องมือรองรับ ตลอดจนมีการนำไปต่อยอดใน framework อย่าง Nuxt.JS ที่ได้รับความนิยมไม่แพ้กัน

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

หลักสูตรนี้พร้อมเรียนรู้ สามารถทักไลน์ด้านล่างเพื่อสั่งซื้อวิดีโอการอบรมได้ทันที

เพิ่มเพื่อน

 

ทำไม Vue.JS 3 จึงน่าใช้

  • มีการปรับปรุงจาก Vue.JS 2 มากกว่า 37 รายการ
  • แยกโมดูลการทำงานเป็นย่อยๆ ระยะเวลาโหลดน้อยลง
  • รองรับการทำงานกับ TypeScript ได้อย่างสมบูรณ์
  • ประสิทธิภาพดีขึ้นทุกกรณีเมื่อเทียบกับ Vue.JS 2
  • ลดการใช้แรมเหลือครึ่งหนึ่งของ Vue.JS 2
  • มีตัวจัดการ State Management ตัวใหม่ที่ชื่อว่า Pinia ทำได้ง่ายและประสิทธภาพสูงกว่า Vuex
  • Framework ดังๆ หลายตัว อาทิ Laravel 9 ก็ใช้ Template เริ่มต้นด้วย Vue.JS 3 แล้ว

คอมพิวเตอร์และโปรแกรมที่รองรับการพัฒนา

  • รองรับ Windows 7, 8 ,10, 11
  • รองรับ MacOS
  • รองรับ Linux OS
  • ใช้โปรแกรม Visual Studio Code (VSCode) เป็นเครื่องมือหลัก

ปกติราคาหลักสูตรนี้ด้วยระยะเวลาและเนื้อหาที่นำมาสอนจะมีราคาเต็มอยู่ประมาณ 4,000 บาท แต่ทางสถาบันนำมาจัดโปรโมชั่นด้วยราคาสุดพิเศษ และอาจจะมีราคานี้เพียงรอบเดียวเท่านั้น

(((เปิดลงทะเบียนพร้อมกันตั้งแต่วันที่ 18 สิงหาคม 2565 เวลา 14.00 น. เป็นต้นไป)))

  • สำหรับ 50 ท่านแรกราคา 300 บาท
  • ลำดับที่ 51-100 ราคา 350 บาท
  • และลำดับที่ 101 เป็นต้นไปที่ราคา 400 บาทเท่านั้นครับ

การอบรมในหลักสูตรนี้เป็นการสอนสดออนไลน์ ผ่านโปรแกรม Zoom Meeting และมีการบันทึกการอบรมส่งให้ดูย้อนหลังทั้งหลักสูตรครับ

กำหนดการอบรม

  • วันที่ 3-4 และ 9-10 กันยายน 2565 (4 วัน) เวลา 20:00-23.30
  • อบรมรวม 4 วัน เฉลี่ยวันละ 3.5 ชั่วโมง
  • ระยะเวลารวมทั้งหลักสูตร 14 ชั่วโมง
อบรมออนไลน์ (สอนสด)
  • 3 - 10 กันยายน 2022
  • 14 ชั่วโมง

ภาพรวมหัวข้อการอบรม

  • Section 1: การเตรียมเครื่องมือและสภาพแวดล้อมสำหรับการพัฒนา
  • Section 2: ภาพรวมของ Vue.js 3
  • Section 3: การทำงานกับ Vue.js 3 พื้นฐาน
  • Section 4: การทำงานกับ Vue.js 3 CLI
  • Section 5: จัดการ State Management ด้วย Vuex
  • Section 6: Vue Router Middleware and Navigation Guards
  • Section 7: Form Validation with VeeValidate
  • Section 8: Vue 3 Composition API

รายละเอียดหลักสูตร

Section 1: การเตรียมเครื่องมือและสภาพแวดล้อมสำหรับการพัฒนา

  • ติดตั้ง Node.js และ Node Package Manager (NPM)
  • ติดตั้ง Vue.js Command Line Interface (CLI) สำหรับไว้สร้างโปรเจ็กต์
  • ติดตั้ง Visual Studio Code เป็น IDE ที่ใช้ในการเขียนโค้ด
  • ติดตั้ง Git สำหรับไว้ทำ Version Control
  • ทดสอบขึ้นโปรเจ็กต์ Vue.js 3 Application

Section 2: ภาพรวมของ Vue.js 3

  • รู้จัก Vue.JS framework และแนวคิดในการทำงาน
  • รู้จัก Single Page Application ด้วย Vue.js
  • ข้อดี ข้อด้อยของ Vue.JS

Section 3: การทำงานกับ Vue.js 3 พื้นฐาน

  • แนะนำ Vue.js 3
  • สร้าง Vue App
  • การทำงานกับ Attribute Binding
  • การเขียนเงื่อนไข Conditional Redering
  • การทำงานกับ List Rendering
  • การทำงานกับ Event Handling
  • การทำงานกับ Class & Style Binding
  • เรียนรู้ Computed Properties

Section 4: การทำงานกับ Vue.js 3 CLI

  • ภาพรวมการ Setup โปรเจ็กต์ผ่าน Vue CLI
  • Single File Components
  • Routing & Components Basics
  • API Calls with Axios
  • Dynamic Routing
  • Deploying with Render
  • Scaling the app

Section 5: จัดการ State Management ด้วย Vuex

  • How to Migrate Vue Application State to Vuex
  • Vuex Actions & Mutations
  • Creating a Forum Navbar
  • Fetching the Authenticated User From Vuex
  • Creating the User Profile Page
  • JavaScript: Passed by Reference vs by Value
  • Extracting User Posts and Threads to the Store
  • Updating the User Profile
  • Sharing Components Between Multiple Pages
  • Scroll to Top with Vue Router

Section 6: Vue Router Middleware and Navigation Guards

  • In Component Navigation Guards with Vue Router
  • Navigation Guards for Componentless Routes
  • Meta Fields and Global Navigation Guards
  • Navigation Guards and Firebase Authentication
  • 404 Thread Show Page and Async Thread Data
  • Firestore Rules and Protecting Pages for Authenticated Users
  • Hiding Guest Pages from Logged In Users
  • Redirecting Users After Logging In to the Page they Tried to Visit
  • Allowing Only Authenticated Users to Create and Edit Posts

Section 7: Form Validation with VeeValidate

  • Introduction to VeeValidate
  • Displaying Error Messages with VeeValidate
  • Defining Global Components and Rules
  • Using Multiple Rules on a Single Field
  • Passing Arguments to VeeValidate Rules
  • Customizing VeeValidate Error Messages
  • Defining Async Rules with VeeValidate
  • Wrapping VeeValidate Field with Custom AppFormField
  • Adding Validation to all the Forms
  • Creating a Simple Autocomplete Location Field

Section 8: Vue 3 Composition API

  • Why the composition API
  • Setup & Reactive References
  • Methods
  • Computed Properties
  • The Reactive Syntax
  • Modularizing
  • Lifecycle Hooks
  • Watch
  • Sharing State
  • Suspense
  • Teleport

ตัวอย่าง Workshop ในหลักสูตรนี้

Basic Vue.JS 3 Free Template

Basic Vue.JS 3 Free Template

Basic Vue.JS 3 Free Template

Basic Vue.JS 3 Free Template

Basic Vue.JS 3 Free Template

Basic Vue.JS 3 Free Template

แจกฟรี Template Vue.JS 3 ร่วมกับ Tailwind CSS 3 (มูลค่ากว่า 1,000 บาท)

Basic Vue.JS 3 Online Workshop

Basic Vue.JS 3 Online Workshop

Basic Vue.JS 3 Online Workshop

Basic Vue.JS 3 Online Workshop

Basic Vue.JS 3 Online Workshop

Basic Vue.JS 3 Online Workshop

14 ชั่วโมง

ราคา 400 บาท

ลงทะเบียนแล้ว

377 คน

สั่งซื้อวิดีโอบันทึกการอบรม
ติดต่อตามข้อมูลด้านล่างนี้