© 2020, Developed by Hieu Dev

Series tự học Vuejs từ cơ bản đến nâng cao cho người mới

Xin chào các bạn, hôm nay mình sẽ giới thiệu đến các bạn một series khoá học đầu tiên tại blog với Vue.js

Như được biết, Vue.js là một framework linh động dùng để xây dựng giao diện người dùng UI. Không giống các framework khác core của Vue chỉ tập trung vào lớp view mà và nó rất dễ để làm quen hay tích hợp với các thư viện hoặc các project có sẵn. 

Series tự học Vuejs từ cơ bản đến nâng cao miễn phí

Một  khi đã phát triển lớp giao diện (view layer) thì người dùng chỉ cần sử dụng loại thư viện lõi của Vue. Ngoài ra, nếu như bạn kết hợp với các kỹ thuật thiên hướng hiện đại thì Vue cũng có thể đáp ứng được dễ dàng mọi nhu cầu xây dựng ứng dụng của một trang với độ phức tạp cao hơn. 

Tự học Vuejs

Series bài viết này sẽ rất thực tế khi mình sẽ hướng dẫn bạn từ đầu đến cuối việc xây dựng project Vue chuyên nghiệp. Chúng ta sẽ bắt đầu ngay từ đầu bằng cách nắm rõ những kiến ​​thức cơ bản về Vue và sau đó đi vào các chủ đề nâng cao để bạn có thể đưa ra quyết định tốt về kiến ​​trúc và công cụ cho bất kỳ dự án VueJS nào trong tương lai của mình. 

Bạn sẽ yêu thích Vue nếu bạn chưa quen với các framework giao diện người dùng hoặc ngay cả khi bạn đến từ nền tảng React hoặc Angular!

Series bài học sẽ bao gồm các nội dung sau đây:

1. FUNDAMENTALS

Trong phần này, chúng ta sẽ tìm hiểu về các nguyên tắc cơ bản của Vue, chẳng hạn như các computed properties, methods, and watchers.
  • Một số khái niệm cần nắm vững của Vue.js
  • Sử dụng Vue Dev Tools
  • Sử dụng và làm việc với data
  • Sử dụng Multiple Vue Instances
  • Methods trong Vue.js
  • Directive trong Vue.js
  • Tìm hiểu về Two-way data binding trong Vue.js
  • Binding Attributes trong Vue.js
  • Event Handling (xử lý sự kiện) trong Vue.js
  • Computed property trong Vue.js
  • Watcher trong Vue.js
  • Class và Style Bindings trong Vue.js (Vuejs)
  • Conditional Rendering (v-if và v-show) trong Vue.js
  • List rendering trong Vue.js
  • Tìm hiểu vai trò của key attribute trong Vue.js

2.  BEYOND THE FUNDAMENTALS

Trong phần này, chúng ta sẽ đi sâu vào hoạt động bên trong Vue framework. Làm cách nào để Vue biên dịch các templates thành các đối tượng virtual DOM? Điều này sẽ cung cấp cho chúng ta cái nhìn sâu sắc về Vue.
  • Vòng đời của một Vue instance
  • Tìm hiều và sử dụng Lifecycle Hooks trong Vue.js
  • Virtual DOM trong Vue.js
  • Tìm hiểu về Reactivity với proxies trong Vue.js
  • Component trong Vue.js

3. TOOLS

Trong phần này, chúng ta sẽ lùi lại một bước so với Vue để nói về một số công cụ để phát triển ứng dụng. Trong quá trình code, bạn sẽ cần xử lý công cụ giúp phát triển các ứng dụng (ví dụ: Webpack, Sass, PostCSS, ESLint).
  • Cài đặt và cấu hình Webpack trong Vue.js
  • Cài đặt và cấu hình Babel trong Vue.js
  • Cài đặt và cấu hình SASS trong Vue.js
  • Tìm hiểu về Linting trong Vue.js
  • Cài đặt và cấu hình EsLint trong Vue.js

4. ADVANCED COMPONENTS

Chúng ta sẽ có thể kiến ​​trúc một ứng dụng với các component bằng cách sử dụng props, emitting events, slots, dynamically rendering content.
  • Cách khởi tạo một component trong Vue.js
  • Tìm hiểu về Child Components trong Vue.js
  • Component Styles trong Vue.js
  • Giao tiếp giữa các component trong Vue.js
  • Props trong Vue.js
  • Custom Events (Tùy chỉnh sự kiện) trong Vue.js
  • Callback functions trong Vue.js
  • Slot và scoped slots trong Vue.js
  • Dynamic Component trong Vue.js

5. TRANSITIONS & ANIMATIONS

  • Tổng quan về Transition trong Vue.js
  • Transition cho enter/leave & list trong Vuejs
  • Transition cho State (trạng thái) trong Vue.js

6. COMPOSITION API

Trong phần này, chúng ta sẽ thảo luận về tính năng mới nhất được giới thiệu trong Vue được gọi là composition API.
  • Tìm hiểu Vue composition API
  • Mixin trong Vue.js
  • Routing trong Vue.js
  • Vòng đời của một functions
  • Quản lí trạng thái với Vuex trong Vue.js
  • Plugin trong Vue.js
  • Filter trong Vuejs

7. DESIGN PATTERN

  • Separation of Concerns
  • Third-Party Libraries as Controlled Components
  • The Teleport Component

Mọi thắc mắc, định hướng, góp ý, bổ sung nội dung series các bạn có thể comment ở dưới, luôn luôn welcome các bạn! 
Hieu Ho.

6 Nhận xét

Mới hơn Cũ hơn

TOGETHER

WE GROW