Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
NEW
Programming

/

Front-end

Vue 3 Thành thạo: Xây dựng Giao diện Web Hiện đại với Composition API

Học cách xây dựng các ứng dụng web động, hiệu suất cao bằng Vue 3, Composition API, Vue Router, Pinia và các dự án thực tế.

83 học viên đang tham gia khóa học này

  • professional
vue3
nuxt.js
frontend
Vue.js
Vue 3
Nuxt.js
nuxt
Thumbnail

Dịch cái này sang tiếng Việt

  • Cách xây dựng các ứng dụng web hiện đại, tương tác bằng Vue 3 và Composition API.

  • Cách quản lý state hiệu quả với Pinia và xử lý routing với Vue Router.

Những gì học viên sẽ học được trong khóa học này

  • Hiểu các khái niệm cốt lõi và nguyên tắc cơ bản của Vue 3, bao gồm Composition API, ràng buộc dữ liệu phản ứng, thuộc tính computed và watchers.

  • Xây dựng các ứng dụng trang đơn (SPAs) thực tế sử dụng Vue 3 với các component có tính mô-đun, dễ bảo trì và có thể tái sử dụng.

  • Tìm hiểu cách sử dụng Vue CLI và Vite để tạo khung, phát triển và triển khai các ứng dụng Vue chuyên nghiệp một cách hiệu quả.

  • Thành thạo các chiến lược giao tiếp component như props, custom events, provide/inject, và quản lý state.

  • Khám phá Vue Router để thêm định tuyến động, các route lồng nhau, bảo vệ route và điều khiển điều hướng vào ứng dụng của bạn.

  • Khám phá Pinia—thư viện quản lý trạng thái hiện đại cho Vue 3—để quản lý trạng thái ứng dụng toàn cục một cách hiệu quả và với tính an toàn kiểu dữ liệu.

  • Tích hợp các RESTful API vào ứng dụng Vue của bạn bằng Axios để lấy, hiển thị và quản lý dữ liệu bên ngoài một cách liền mạch.

  • Áp dụng các thực tiễn tốt nhất trong việc cấu trúc các ứng dụng Vue quy mô lớn, sử dụng các component có thể tái sử dụng, slots và mixins.

  • Nâng cao UI và UX của bạn bằng cách tích hợp các thư viện và framework của bên thứ ba như Bootstrap, Tailwind CSS và Vuetify.

  • Hiểu rõ về các lifecycle hooks trong Vue 3 và cách sử dụng chúng để kiểm soát hành vi của component.

  • Học cách kiểm thử các component Vue của bạn bằng cách sử dụng các công cụ như Vue Test Utils và Jest cho việc kiểm thử đơn vị và tích hợp.

  • Tối ưu hóa và triển khai các ứng dụng Vue 3 của bạn lên môi trường production bằng cách sử dụng các nền tảng như Netlify, Vercel và GitHub Pages.

  • Khám phá các tính năng nâng cao như lazy loading, dynamic imports, transitions và animations, và composables.

  • Hiểu các nguyên tắc cơ bản của TypeScript với Vue 3 và cách xây dựng các ứng dụng có thể mở rộng bằng cách sử dụng mã type-safe.

  • Học cách debug, giám sát hiệu suất và khắc phục sự cố các ứng dụng Vue một cách hiệu quả bằng cách sử dụng công cụ phát triển trình duyệt và Vue DevTools.

Tốt với tôi nữa

Với hơn một thập kỷ kinh nghiệm trong lĩnh vực Công nghệ Thông tin, tôi là một chuyên gia IT và giáo viên đầy đam mê, tận tâm giúp đỡ người khác có được những kỹ năng kỹ thuật thực tế. Trong suốt sự nghiệp của mình, tôi đã làm việc ở nhiều vai trò khác nhau bao gồm quản trị hệ thống, kỹ sư mạng, điện toán đám mây và an ninh mạng. Kinh nghiệm thực tế này đã cho phép tôi hiểu được những gì thực sự quan trọng trong ngành và mang những hiểu biết đó vào mỗi khóa học tôi giảng dạy.

Điểm nổi bật của khóa học

  • Bao phủ toàn diện Vue 3
    Thành thạo các kiến thức cơ bản và tính năng nâng cao của Vue 3 bao gồm Composition API, hệ thống reactivity và cú pháp script setup.

  • Dự án Thực tế
    Xây dựng các ứng dụng động, sẵn sàng triển khai như trình quản lý tác vụ, ứng dụng thời tiết và giao diện thương mại điện tử sử dụng Vue 3.

  • Phương pháp học tập thực hành
    Học bằng cách thực hành với các bài tập lập trình từng bước, ví dụ tương tác và thử thách có hướng dẫn.

  • Quản lý State với Pinia
    Hiểu về quản lý state hiện đại với Pinia, thay thế cho Vuex, và học cách quản lý các trạng thái ứng dụng phức tạp một cách hiệu quả.

  • Tích hợp Vue Router & Vue CLI
    Thành thạo định tuyến và khung dự án bằng cách sử dụng Vue Router và Vue CLI để xây dựng các ứng dụng SPA (Single Page Applications) có thể mở rộng.

Vue Qua Ví Dụ

  • JavaScript & TypeScript Hiện Đại Thân Thiện
    Củng cố kỹ năng JavaScript của bạn và làm quen với hỗ trợ TypeScript trong các ứng dụng Vue 3.

  • Các Component Tái Sử Dụng & Slots
    Học cách xây dựng các component có tính mô-đun, có thể tái sử dụng với slots, props, emits và dynamic components.

  • Composition API so với Options API
    Hiểu sự khác biệt giữa Composition API mới và Options API truyền thống thông qua các so sánh thực tế.

  • Kiểm thử & Gỡ lỗi
    Học cách kiểm thử các component Vue bằng các công cụ như Vitest hoặc Jest và khám phá các mẹo gỡ lỗi sử dụng Vue DevTools.

Vue 3 + Thực hành

Câu hỏ

Câu hỏi thường gặp

Hỏi: Tôi có cần biết cách lập trình trước khi tham gia khóa học này không?
Đáp: Không. Khóa học này không yêu cầu kiến thức về Vue 3 hoặc lập trình trước đó.

Hỏi: Vue 3 là gì và tại sao tôi nên học nó?
Đáp: Vue 3 là một framework JavaScript hiện đại được sử dụng để xây dựng các ứng dụng web tương tác. Nó thân thiện với người mới bắt đầu, mạnh mẽ và được sử dụng rộng rãi bởi các nhà phát triển và công ty trên toàn thế giới.

Hỏi: Tôi có thể đặt câu hỏi trong suốt khóa học không?
Đáp: Hoàn toàn có thể. Bạn sẽ có quyền truy cập vào phần Hỏi & Đáp nơi bạn có thể hỏi bất cứ điều gì và nhận được sự trợ giúp.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Khuyến nghị nên có kiến thức cơ bản về HTML, CSS và JavaScript trước khi bắt đầu khóa học này.

  • Để có trải nghiệm học tập tốt nhất, hãy thực hành bằng cách xây dựng các dự án nhỏ song song với các bài học.

Xin chào
Đây là

1,080

Học viên

12

Đánh giá

2.9

Xếp hạng

17

Các khóa học

I’m an experienced instructor with a strong background in web development, business strategy, and career management. I’ve helped individuals and companies build successful websites, launch and grow businesses, and navigate their professional paths with confidence. My approach combines real-world experience with practical teaching, offering learners the tools and strategies they need to achieve their goals — whether starting a business, building a digital presence, or advancing their careers.

Chương trình giảng dạy

Tất cả

10 bài giảng ∙ (50phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Miễn phí

Khóa học khác của professional

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!