Khóa học Vue.js 2 miễn phí

Sau một thời gian xuất bản Khóa học Laravel 5 miễn phí, mình đã nhận được rất nhiều ý kiến đóng góp về việc xây dựng một khóa học cho framework Vue.js là một framework có sự gắn bó rất mật thiết với Laravel. Mình cũng dự định xây dựng nội dung này từ rất lâu rồi nhưng không có thời gian, nay nhân dịp đầu năm công việc không quá bộn bề, quyết tâm tổ chức lại kiến thức Vue.js giúp các anh/chị/em mới làm quen với lập trình ứng dụng web rút ngắn thời gian làm chủ framework Javascript đang cực hot này.

Khóa học bao gồm nhiều ví dụ và một số ứng dụng xuyên suốt cả khóa học. Chúng ta sẽ cùng nhau xây dựng ứng dụng cờ tướng úp bằng Vue.js.

Cuối khóa học chúng ta sẽ cùng nhau xây dựng một Diễn đàn dạng ứng dụng đơn trang SPA bằng Vue.js kết hợp với Firebase.

NỘI DUNG KHÓA HỌC VUE.JS 2 MIỄN PHÍ

PHẦN I: VUE.JS Căn bản

Kiến thức cơ bản từ cái nhìn đầu tiên, bạn sẽ nắm bắt được cách cài đặt môi trường, các khái niệm trong Vue.js kèm theo các ví dụ minh họa và bài tập.

Chương I: Giới thiệu

1.1 Giới thiệu framework Vue.js

1.2 Cài đặt môi trường Vue.js

1.3 Công cụ sử dụng trong phát triển Vue.js

Chương II: Các câu lệnh cơ bản

2.1 Cú pháp câu lệnh

2.2 Cú pháp điều kiện v-if, v-show

2.3 Xử lý danh sách với v-for Phần 1, Phần 2

2.4 Thiết lập thuộc tính class, style thẻ HTML với v-bind

2.5 Quản lý sự kiện với v-on

2.6 Gán dữ liệu hai chiều với v-model

Chương III: Vue instance

3.1 Cơ bản về Vue instance (thực thể Vue)

3.2 Reactivity system là gì, tại sao liên quan đến hoạt động bên trong Vue.js

3.3 Làm việc với các phương thức

3.4 Tăng hiệu suất hệ thống với computed property

3.5 Giám sát mọi thay đổi với thuộc tính watch

3.6 Các sự kiện có thể kích hoạt trong vòng đời của Vue

Chương IV: Component

4.1 Cơ bản về component

4.2 Áp dụng hệ thống module cùng component

4.3 Truyền dữ liệu vào component

4.4 Sự kiện cầu nối giao tiếp giữa các component

4.5 Quản lý nội dung với slot

4.6 Component động

4.7 Single file component

4.8 Mở rộng component

PHẦN II: VUE.JS NÂNG CAO

Chương I: Xây dựng khung ứng dụng

1.1 Sử dụng Vue CLI và webpack

1.2 Khung mẫu ứng dụng Vue

1.3 Cơ bản về Vue-router

1.4 Giới thiệu ứng dụng đơn trang Single Page Application

Chương II: VueX

Chương III: Giới thiệu một số thư viện kết hợp với Vue

3.1 Axios

3.2 Lodash

3.3 Moment

Chương IV: Framework xây dựng từ Vue

 

(Còn nữa)

Tham khảo

Ứng dụng framework Vue.js mang lại ứng dụng có giao diện linh hoạt, dữ liệu được tải về nhanh chóng thân thiện với người dùng. Vue.js có thể kết hợp các các framework mạnh như Laravel tạo nên các hệ thống backend mạnh mẽ. Nắm vững cả Laravel + Vue.js là công cụ xử lý mọi ý tưởng website dù lớn hay nhỏ, phức tạp hay không? Còn chần chừ gì, nếu đã làm chủ Vue.js hãy bắt đầu tìm hiểu Laravel với Khóa học Laravel 7 ngày hoàn toàn miễn phí.

Khóa học Laravel 7 ngày miễn phí

18 thoughts on “Khóa học Vue.js 2 miễn phí

  1. Bóc tem!
    Các khóa học ở blog rất hay, ad chắc phải mất nhiều thời gian biên tập lắm, e đã học xong laravel và bây giờ đến vue. thanks ad

  2. Không chỉ đơn thuần dịch kiến thức từ tài liệu hướng dẫn Vue.js chính thức ở vuejs.org, các bài viết đi từ những vấn đề rất cơ bản và đưa ra cách giải quyết giúp người đọc hiểu cạn kẽ vấn đề. Chúc ad nhiều sức khỏe hoàn thành nốt các bài viết còn lại

  3. Đúng khóa học mình cần, Vuejs giờ phổ cập quá, đi đâu cũng thấy mọi người dùng, thanks ad nhiều

  4. Phẩn nâng cao vẫn chưa có hả Add ơi.Đang hóng bài giảng của Add. Cho mình hỏi sau khóa học Vue basic. Vậy làm thế nào xây dựng 1 project để ứng dụng. Cách quản lý từng thư mục trong project như thế nào. Đọc thì hiểu nhưng áp dụng thì không biết áp dụng vào như thế nào.

    1. Khóa học Vue.js chưa hoàn thiện hết, team có dự định sẽ có hẳn một dự án thực tế sẽ áp dụng xuyên suốt toàn bộ kiến thức. Thời gian hoàn thiện dự kiến trong một tháng tới, anh em đón xem nhá

      1. Add cho mình hỏi làm cách nào để đưa 1 plugin từ bên ngoài vào khi sử dụng template vue-cli, và thư mục plugin này nằm ở đâu, cách sử dụng thế nào và khai báo nó. Mình không dùng plugin để cài từ npm nhé. Mình đang gặp khó khăn vấn đề này. Mong add chỉ giúp. Vd mình giả sử dùng plugin này http://joaopereirawd.github.io/fakeLoader.js/. Nếu cài theo gói npm của nó sử dụng ok, nhưng đặt trường hợp mình không cài đặt nó mà lấy về và đưa vào project thì thế nào ??

  5. Cực kỳ mong đợi phần nâng cao, hi vọng team nhanh hoàn thiện bài học, cảm ơn sự chia sẻ của các bạn,.

    1. Đợt này đang worldcup rồi lại giải aoe việt trung hút hết thời gian :D, 15/07 tiếp tục đăng bài bạn nhé.

  6. Khóa học rất hay. Rất chi tiết dễ hiểu. Rất cảm ơn các bạn. Hy vọng các bạn mau chóng ra các bài tiếp theo

    1. Team All Laravel hiện đang bận theo một dự án, khi nào có thời gian sẽ tiếp tục các bài viết trong khóa học Vue.js cũng như kết hợp với Laravel

Add Comment