Chương trình học
- VueJS là gì?
- Giới thiệu, cài đặt, cấu hình môi trường lập trình 2
- Làm quen với VueJS 2
-
Dự án thực tế mẫu - Trang web Bán hàng VueJS
9
- Khởi tạo dự án Web bán hàng NetaShop
- Cài đặt thư viện Bootstrap và Jquery
- Cài đặt thư viện icon Font Awesome
- Phân tích và tạo bố cục (layout) cho trang web NetaShop
- Tạo component Slider cho trang web NetaShop
- Cài đặt Vuex và khởi tạo dữ liệu dùng chung cho các components
- Tạo component ProductItem và ProductList
- Tạo component CartSummary
- Tạo trang Kiểm tra Giỏ hàng (cart-checkout)
- Tài liệu tham khảo 2
- Bài tập VueJS 1
Step 1: sử dụng Command Line để khởi tạo web ứng dụng VueJS
- Thực thi câu lệnh sau:
vue init webpack project-netashop
- Với project-netashop là tên dự án của các bạn
Step 2: thưc hiện điền các thông tin khởi tạo dự án
Step 3: thực hiện build
dự án và chạy development server
- Thực thi câu lệnh sau:
cd project-netashop npm install npm run dev
- Truy cập trang web với địa chỉ: http://localhost:8000
Step 4: chuẩn bị thư viện ảnh, multimedia cho dự án
- Download file: assets_netashop_vuejs
- Giải nén vào thư mục:
project-netashop\src\assets
Mục lục
Các bài học
Bài học trước Bài học tiếp theo
Chương trình học
Bao gồm Module, Chương, Bài học, Bài tập, Kiểm tra...Chương trình học
- VueJS là gì?
- Giới thiệu, cài đặt, cấu hình môi trường lập trình 2
- Làm quen với VueJS 2
-
Dự án thực tế mẫu - Trang web Bán hàng VueJS
9
- Khởi tạo dự án Web bán hàng NetaShop
- Cài đặt thư viện Bootstrap và Jquery
- Cài đặt thư viện icon Font Awesome
- Phân tích và tạo bố cục (layout) cho trang web NetaShop
- Tạo component Slider cho trang web NetaShop
- Cài đặt Vuex và khởi tạo dữ liệu dùng chung cho các components
- Tạo component ProductItem và ProductList
- Tạo component CartSummary
- Tạo trang Kiểm tra Giỏ hàng (cart-checkout)
- Tài liệu tham khảo 2
- Bài tập VueJS 1
Bài học trước Bài học tiếp theo
Menu Tiện ích
Menu Hướng dẫn Học tập
❤🧡💛💚💙💜 Học là phải THỰC HÀNH ❤🧡💛💚💙💜
Thực hiện các bước tuần tự theo nội dung Bài học nhé!