Báo cáo về VUEJS môn học các công nghệ lập trình hiện đại

THÔNG TIN TÀI LIỆU

Cấu trúc

I. TỔNG QUAN
- 1.1 Giới thiệu
- 1.2 Nguồn gốc và lịch sử phát triển
- 1.3 Lý do nên sử dụng Vuejs là gì?
- 1.4 Ưu và nhược điểm của Vuejs?
- I.5 Các tính năng mới của từng phiên bản
  - I.5.1 Các tính năng của Vue 2.1.0
  - I.5.2 Các tính năng của Vue 2.2
  - I.5.6 Tính năng của Vue 2.6
- I.6 So sánh Vue 2 và Vue 3
  - 1.6.1 Sự khác biệt giữa Vue 2 và Vue 3
  - 1.6.2 Nên sử dụng Vue 3 hay vẫn nên sử dụng Vue 2 cho một dự án mới?
  - 1.6.3 Khi nào thì sử dụng Vue 3 và khi nào thì không ?
- 1.7 So sánh React và Vue
  - 1.7.1 Điểm Tương Đồng
  - 1.7.2 Sự Khác Biệt
- 1.8 So sánh Angular và Vue
- 1.9 Một số thư viện hữu ích cho Vue.js
  - 1.9.1 Vue CLI
  - 1.9.2 Nuxtjs
  - 1.9.3 Gridsome
  - 1.9.4 Vuex
- 1.10 Các khóa học Vue.js
  - 1.10.1 Khóa học ZendVn
  - 1.10.2 Khóa học VueMastery
- 1.11 Thông tin tuyển dụng nhu cầu tuyển dụng lập trình viên Vue.js
- 1.12 Triển vọng nghề nghiệp của lập trình viên Vue.js
II. KIẾN THỨC CƠ BẢN
- 2.1 Vue Instance
- 2.2 Lifecycle Hooks
  - 2.1.1 Giai đoạn khởi tạo :
  - 2.1.2 Giai đoạn gắt kết DOM:
  - 2.1.3 Giai đoạn cập nhật DOM khi dữ liệu thay đổi:
  - 2.1.4 Giai đoạn hủy instance:
- 2.3 Cú pháp template
- 2.4 Methods
- 2.5 Thuộc tính computed và watchers, so sánh với methods
  - 2.5.1 Computed properties:
  - 2.5.2 Watchers:
- 2.6 Binding, Render, Xử lý sự kiện.
  - 2.6.1 Binding:
  - 2.6.2 Render:
  - 2.6.3 Form Input Binding:
  - 2.6.4 Xử lý sự kiện:
- 2.7 Component
  - 2.7.1 Khái niệm
  - 2.7.2 Khai báo một Component
  - 2.7.3 Tái sử dụng Component
  - 2.7.4 Tổ chức Component
  - 2.7.5 Đặc trưng cơ bản của Component
  - 2.7.6 Vùng hoạt động của Components
  - 2.7.7 Giao tiếp giữa các Components
- 2.8 Hiệu ứng chuyển động
  - 2.8.1 Transition cho enter/leave & danh sách
    - 2.8.1.1 Tổng quan
    - 2.8.1.2 Transition cho phần tử hoặc component đơn lẻ
    - 2.8.1.3 Transition khi render lần đầu tiên
    - 2.8.1.4 Transition giữa các phần tử web
  - 2.8.2 Transition cho trạng thái
- 2.9 Tái sử dụng và kết hợp
  - 2.9.1 Mixin
    - 2.9.1.1 Tổng quan
    - 2.9.1.2 Hợp nhất các tùy chọn
    - 2.9.1.3 Mixin toàn cục
    - 2.9.1.4 Chiến lược merge tùy chọn tùy biến
  - 2.9.2 Directive tùy biến :
    - 2.9.2.1 Giới thiệu
    - 2.9.2.2 Các hàm hook
    - 2.9.2.3 Tham số của các hàm hook
    - 2.9.2.4 Cách khai báo rút gọn
    - 2.9.2.5 Truyền object trực tiếp
  - 2.9.3 Các hàm render & JSX
    - 2.9.3.2 Node, tree, và virtual DOM
  - 2.9.4 Plugin
    - 2.9.4.1 Viết Plugin
    - 2.9.4.2 Sử dụng Plugin
  - 2.9.5 Filter
- 2.10 Công cụ
  - 2.10.1 Triển khai cho môi trường production
    - 2.10.1.1 Bật chế độ production
    - 2.10.1.2 Biên dịch trước template
    - 2.10.1.3 Trích xuất CSS của component
  - 2.10.2 Single File Components
  - 2.10.3 Unit test
    - 2.10.3.1 Cài đặt
    - 2.10.3.2 Các assert đơn giản
  - 2.10.4 TypeScript Support
    - 2.10.4.1 Official Declaration in NPM Packages
- 2.11 Mở rộng quy mô ứng dụng
  - 2.11.1 Routing
    - 2.11.1.1 Thư viện router chính thức
    - 2.11.1.2 Routing đơn giản
    - 2.11.1.2 Sử dụng router bên thứ 3
  - 2.11.2 Quản lý trạng thái
    - 2.11.2.1 Giải pháp chính thức theo kiến trúc Flux
    - 2.11.2.2 Xây dựng bộ quản lí trạng thái đơn giản
- 2.12 Reactivity in Depth
  - 2.12.1 Cách các thay đổi được theo dõi
  - 2.12.2 Thay đổi cảnh báo phát hiện
III. ĐÁNH GIÁ
IV. TÀI LIỆU THAM KHẢO

Nội dung

Vue tạo phát triển Evan You ông làm kỹ sư công ty Google Lúc Evan sử dụng Angular cho số dự án khác có phát biểu rằng: “Điều xảy trích phần mà thích Angular xây dựng thêm nhẹ nhàng mà không cần phải ý đến khái niệm bổ sung” Đây phát biểu xem bước đệm giúp cho Vue có mặt thời điểm - Vue phát hành vào đầu năm 2014 dự án tăng tải lên HackerNew, Echo Js ngày mắt 1.3 Lý nên sử dụng Vuejs gì? - Mặc dù đứng thứ danh sách Top Frameworks Frontend 2020 ( Bảng xếp hạng Frameworks Frontend sử dụng nhiều 2020 Vue giữ số Stars cao 158k React đạt 145k Angular 58,4k - Vuejs có cấu trúc thiết kế linh hoạt Nó cho phép ta thiết kế thứ từ đầu thành công việc phát triển dự án khổng lồ - No build step required: Vue không cần sử dụng build tool phức tạp nhiều bước xây dựng ứng dụng, bạn cần khai báo script phát triển ứng dụng Vue - Command line interface: Vue tạo cấu trúc project nhanh chóng nhờ vào command line interface - Đa dạng tài liệu: Hiện nay, nguồn tài liệu Vue ngày đa dạng, rõ ràng ngôn ngữ nên bạn dễ dàng trở thành chuyên gia - Hệ sinh thái vững chắc: Vue sở hữu hệ sinh thái vững đầy đủ nên cung cấp số add-ons hữu ích cho việc xây dựng ứng dụng fontend điển hình Nó bao gồm: vue-router, vuex, vue-testutils, vue-dev-tools, vue-cli,… - Core Vue linh hoạt: Vuejs tập trung vào việc render giao diện cho người dùng tương tác vậy, cung cấp tối thiểu tính cần thiết cho việc thiết kế xây dựng kiến trúc, đồng thời giúp bạn loại bỏ tính khơng cần thiết khỏi thư viện lõi Vue.js đảm bảo cho framework nhỏ gọn mềm dẻo 1.4 - Ưu nhược điểm Vuejs? Vue Frameworks tương đối đơn giản dễ hiểu Nó tốt việc loại bỏ điều phức tạp mà nhà phát triển Angular phải đối mặt Vuejs có kích thước nhỏ cung cấp hai ưu điểm giao trực quan khả tương tác - Vue linh hoạt bạn đa từ việc xây dựng ứng dụng web ứng dụng dành cho thiết bị di động đến ứng dụng web thơng minh, xử lý dễ dàng quy trình đơn giản nhanh chóng - Mặc dù xây dựng để tối ưu hóa hiệu suất ứng dụng giải vấn đề phức tạp, Vuejs không hãng công nghệ khổng lồ thị trường sử dụng Tuy nhiên, Alibaba, 9gag, Reuters, Xiaomi công ty sử dụng framework Vue tiếp tục phát triển số lượng ứng viên sử dụng có người tham gia từ Thung lũng Silicon framework javascript

Ngày đăng: 02/01/2022, 16:26