Khóa học lập trình VueJs cung cấp các kiến thức trọng tâm về VueJs cũng như cách áp dụng VueJs trong việc xây dựng các project chúng ta thường gặp trong thực tế.
Giới thiệu về VueJs
- Vue.js là một framework linh động (nguyên bản tiếng Anh: progressive) dùng để xây dựng giao diện người dùng (user interfaces).
- Vue được thiết kế từ đầu theo hướng cho phép và khuyến khích việc phát triển ứng dụng theo từng bước. Khi phát triển lớp giao diện (view layer), người dùng chỉ cần dùng thư viện lõi (core library) của Vue, vốn rất dễ học và tích hợp với các thư viện hoặc dự án có sẵn.
- Vue cũng đáp ứng được dễ dàng nhu cầu xây dựng những ứng dụng một trang (SPA - Single-Page Applications) với độ phức tạp cao hơn nhiều khi kết hợp với những kĩ thuật hiện đại như SFC (single file components) và các thư viện hỗ trợ.
- VueJs có mã nguồn mở, miễn phí hoàn toàn, được sử dụng bởi hàng ngàn lập trình viên trên thế giới.
Nếu bạn chưa quen với lập trình front-end, không nên bắt đầu bằng việc sử dụng một framework – hãy trang bị cho mình vốn kiến thức cơ bản trước đã. Đồng thời, nếu bạn đã có sẵn kinh nghiệm với các framework khác như React hoặc Angular thì tốt, nhưng nếu không thì cũng không sao cả.
Khoá học lập trình VueJs tại ZendVn có gì đặc biệt?
- Khoá học VueJs tại ZendVN là khóa học có nội dung mới nhất và thực tế nhất tại thời điểm hiện tại: khóa học sử dụng tài liệu mới nhất của VueJs phiên bản 2x. Đặc biệt trong chương học số 07 ZendVN cung cấp một hệ thống Back End mẫu kết hợp với VueJs để giúp học viên có góc nhìn tiếp cận sát hơn so với các dự án thực hiện ở công ty.
- Tương tác trong khóa học: Sau mỗi chương học (mỗi project) bạn sẽ được tự thực hành các bài tập mà giảng viên đưa ra, và sau khi hoàn thành các bài tập này giảng viên sẽ giúp bạn nhận xét cách làm và đưa ra cách làm hợp lý hơn, tối ưu hơn cho mỗi bài tập.
- Khóa học được xây dựng dựa trên các project thực tế, mỗi chương học là mỗi project, thông qua việc xây dựng các project này các bạn học viên sẽ được tiếp cận ngay với cách sử dụng VueJs để giải quyết tình huống thực tế (hạn chế học các phần lý thuyết thừa và không áp dụng được vào công việc).
- Khóa học hướng dẫn học viên các đọc và sử dụng tài liệu VueJs mới nhất, giúp các bạn học viên tự tin hơn về khả năng đọc hiểu và vận dụng tài liệu vào công việc.
- Khóa học tập trung 100% kiến thức về VueJs và Project thực tế, không đề cập đến HTML CSS Javascript Bootstrap ES6, do đó các bạn cần chuẩn bị các kiến thức này trước khi tham gia khóa học ReactJS tại ZendVN
Với hơn 6 dự án thực tế được hướng dẫn xuyên suốt trong suốt khóa học, chúng tôi tin chắc rằng bạn sẽ hoàn toàn chinh phục được Framework VueJs phiên bản 2x một cách bài bản và logic nhất.
Khóa học được xây dựng dựa trên kinh nghiệm làm dự án thực tế của ZendVN, ngoài ra trong suốt khóa học ZendVN sẽ hướng dẫn các bạn cách đọc và sử dụng tài liệu ở các website sau:
- Tài liệu tìm hiểu về VueJS: https://vuejs.org/
Ngoài ra khóa học còn sử dụng các tài liệu từ trang Google, stackoverflow.com và các trang web khác.
- Bài 1 - Giới thiệu chương học và phân tích kiến thức 1 video1
Full Video
- Bài 2 - VueJS và những thông tin cần biết 3 video1
Why Vue?
2Vue Instance
3Data Binding
- Bài 3 - Cách xử lí sự kiện trong VueJS 6 video1
Chỉ thị v-on
2Event Modifiers
3Computed
4Two way binding
5Binding Class
6Binding Style
- Bài 4 - Biểu thức điều kiện và vòng lặp 3 video1
Conditions
2Loop
3Note
- Bài 5 - Lưu ý về Array, Object. BT thực hành 6 video1
Array & Object
2Practice
3Data & Prices
4Change Color 01
5Change Color 02
6Vue Html
- Bài 6 - Cách sử dụng Vue CLI 4 video1
Install
2Structure folder 01
3Structure folder 02
4Component
- Bài 7 - Sử dụng Props, Custom Event ,Slot, Ref 6 video1
Nested Component
2Props down
3Event up 01
4Event up 02
5Ref
6Slot & Tabs
- Bài 8 - Tìm hiểu Lifecycle 1 video1
Full video
- Bài 9 - Hệ thống kiến thức 1 video1
Full video
- Bài 1 - Giới thiệu và demo sản phẩm 1 video1
Full video
- Bài 2 - Phân tích kĩ thuật và dữ liệu 1 video1
Full video
- Bài 3 - Tích hợp giao diện 3 video1
Integrate UI
2Component
3Create Data
- Bài 4 - Xây dựng chức năng New Game 2 video1
Part 01
2Part 02
- Bài 5 - Xây dựng chức năng Roll Dice 2 video1
Part 01
2Part 02
- Bài 6 - Xây dựng chức năng Hold Score 1 video1
Full video
- Bài 7 - Kiểm tra thắng cuộc 3 video1
Final Score 01
2Final Score 02
3Winner
- Bài 8 - Hệ thống kiến thức 1 video1
Full video
- Bài 1 - Giới thiệu và phân tích kiến thức 1 video1
Intro & Demo
- Bài 2 - Tích hợp giao diện và phân chia Component 4 video1
Install BS4
2Bootstrap Vue
3Component Part01
4Component Part02
- Bài 3 - Hiển thị danh sách Task Items (Mock data, uuid) 2 video1
Part 01
2Part 02
- Bài 4 - Chức năng Form Toggle 2 video1
Part 01
2Part 02
- Bài 5 - Xây dựng chức năng Search 5 video1
Str Search
2Clear Search
3Logic Search
4Search Lowercase
5Optimize Code
- Bài 6 - Xây dựng chức năng Sort 5 video1
Props Sort
2Event Up
3Method Sort
4Handle Sort
5Optimize Code
- Bài 7 - Xây dựng chức năng Delete 3 video1
Handle Event
2Methods Delete
3Handle Delete
- Bài 8 - Xây dựng chức năng Add New Task 1 video1
Full Video
- Bài 9 - Xây dựng chức năng Edit 5 video1
Event Up
2Form Edit
3Watchers
4Handle Edit 01
5Handle Edit 02
- Bài 10 - Sử dụng LocalStorage 2 video1
Part 01
2Part 02
- Bài 11 - Publishing ứng dụng 2 video1
Part 01
2Part 02
- Bài 12 - Hệ thống kiến thức và mở rộng 1 video1
Full Video
- Bài 1 - Giới thiệu và phân tích kiến thức 1 video1
Intro & Demo
- Bài 2 - Tìm hiểu VueX là gì? 9 video1
Why VueX?
2State
3Computed, Getters
4Note State, Getters
5Mutations Part01
6Mutations Part02
7Actions
8MapActions
9Split File
- Bài 3 - Hiển thị danh sách Items với VueX 3 video1
Install
2Part 01
3Part 02
- Bài 4 - Form Toggle với VueX 2 video1
Show Form
2Toggle Form
- Bài 5 - Xây dựng chức năng Search với VueX 2 video1
Part 01
2Part 02
- Bài 6 - Xây dựng chức năng Sort với VueX 2 video1
Part 01
2Part 02
- Bài 7 - Xây dựng chức năng Delete với VueX 1 video1
Full Video
- Bài 8 - Xây dựng chức năng Add New Task với VueX 1 video1
Full Video
- Bài 9 - Xây dựng chức năng Edit với VueX 2 video1
Edit
2LocalStorage
- Bài 10 - Hệ thống kiến thức và mở rộng 1 video1
Full Video
- Bài 1 - Giới thiệu và phân tích kiến thức 1 video1
Full Video
- Bài 2 - Cấu trúc ứng dụng và VueX mở rộng 5 video1
Part 01
2Part 02
3Modules
4Strict Mode
5Plugins
- Bài 3 - Xây dựng chức năng hiển thị sản phẩm 3 video1
State
2Product Item
3Display Price
- Bài 4 - Xây dựng chức năng Add sản phẩm vào giỏ hàng 7 video1
State & Empty
2Check Quantity
3Notifications
4Logic Add
5Duplicate
6Reduce
7Table Footer
- Bài 5 - Xây dựng chức năng Delete sản phẩm khỏi giỏ hàng 1 video1
Full Video
- Bài 6 - Xây dựng chức năng Update số lượng sản phẩm 4 video1
Loading Part01
2Loading Part02
3Logic Update
4LocalStorage
- Bài 7 - Hệ thống kiến thức và mở rộng 1 video1
Full Video
- Bài 1 - Giới thiệu và phân tích kiến thức 1 video1
Full Video
- Bài 2 - Tìm hiểu về Vue Router 11 video1
Install
2Router View
3Router Link
4Nested Routes
5Dynamic Route 01
6Dynamic Route 02
7Dynamic Route 03
8Not Found
9Navigation Guards
10Transition
11Split File
- Bài 3 - Xây dựng cấu trúc ứng dụng 3 video1
Init Project
2Component 01
3Component 02
- Bài 4 - Xây dựng Page Blog và cấu hình router 4 video1
Config Router
2Page Header
3Faker
4Blog List
- Bài 5 - Xây dựng Menu và Custom Link 1 video1
Full Video
- Bài 6 - Xây dựng Page Login và giới hạn vùng truy cập 4 video1
Page Login
2Logic Login
3Config Router
4Not Found
- Bài 7 - Hệ thống kiến thức và mở rộng 1 video1
Full Video
- Bài 1 - Giới thiệu và phân tích kiến thức 1 video1
Full Video
- Bài 2 - Xây dựng cấu trúc dự án 3 video1
Init Project
2Components 01
3Components 02
- Bài 3 - Tìm hiểu Asynchronous trong Javascript và API 4 video1
Asynchronous
2Async - Await 01
3Async - Await 02
4API - Postman - Fetch
- Bài 4 - Chức năng hiển thị danh sách bài viết 8 video1
Axios - Call API
2Post List API
3Post Item Content
4Moment - Post Head
5Filter Category 01
6Filter Category 02
7Optimize - Loading
8LoadMore Post
- Bài 5 - Chức năng hiển thị bài viết chi tiết 3 video1
Post API
2Post Detail 01
3Post Detail 02
- Bài 6 - Chức năng xác thực người dùng 7 video1
Token Based Auth
2Login API
3Keep Login
4Login Info
5Sidebar - Header Config
6Config Router Auth
7Register API
- Bài 7 - Chức năng hiển thị và thay đổi thông tin Profile 7 video1
Vue Masonry
2User Detail API
3Fix Bug Masonry
4User Infor
5Show Profile
6Handle Avatar Upload
7Update Profile API
- Bài 8 - Chức năng thay đổi mật khẩu 1 video1
Full Video
- Bài 9 - Chức năng tìm kiếm bài viết 2 video1
Search API
2Highlight Search
- Bài 10 - Chức năng đăng mới bài viết 2 video1
Handle Data
2Create Post API
- Bài 11 - Chức năng bình luận 2 video1
List Comment API
2Post Comment API
- Bài 12 - Hệ thống kiến thức và mở rộng 1 video1
Full Video
- Bài 1 - Giới thiệu và phân tích kiến thức 1 video1
Full Video
- Bài 2 - Cấu hình Project & Firebase 4 video1
Components
2Install Firbase
3Explore Firebase
4Fix Warning
- Bài 3 - Chức năng Create Task 4 video1
Push Data
2Data Task
3Action
4Fix Error & Call API
- Bài 4 - Chức năng Render List Task 2 video1
On Change Value
2Render Task
- Bài 5 - Chức năng Authentication 6 video1
Refactor Code
2Register UI
3Register Firebase
4Login
5Keep Login
6Custom Field User
- Bài 6 - Chức năng Edit Task 1 video1
Full Video
- Bài 7 - Chức năng Delete 2 video1
Part 01
2Part 02
- Bài 8 - Hệ thống kiến thức và mở rộng 1 video1
Full Video
- Bài 1 - Tổng kết 1 video1
Full Video
Video Demo:
10 lịch sử học tập gần nhất của các bạn học viên được ghi nhận từ hệ thống training.zendvn.com, bạn cần đăng ký khóa học có phí để có tài khoản truy cập vào hệ thống học trực tuyến.
| # | Họ và tên | Bài học | Thời gian |
|---|---|---|---|
| 1 | Phạm ***** Hùng | Đang xem video Handle Edit 01 | 7 phút trước 09:59 ngày 11-08-2020 |
| 2 | Phạm ***** Hùng | Đang xem video Watchers | 25 phút trước 09:41 ngày 11-08-2020 |
| 3 | Phạm ***** Hùng | Đang xem video Watchers | 25 phút trước 09:41 ngày 11-08-2020 |
| 4 | Nguyễn ***** Hải | Đang xem video Part 01 | 30 phút trước 09:36 ngày 11-08-2020 |
| 5 | Phạm ***** ***** Cường | Đang xem video Full video | 50 phút trước 09:16 ngày 11-08-2020 |
| 6 | Phạm ***** Hùng | Đang xem video Form Edit | 52 phút trước 09:14 ngày 11-08-2020 |
| 7 | Nguyễn ***** Hải | Đang xem video Install | 53 phút trước 09:13 ngày 11-08-2020 |
| 8 | Nguyễn ***** Hải | Đang xem video Split File | 1 giờ trước 09:00 ngày 11-08-2020 |
| 9 | Trương ***** ***** Minh | Đang xem video Data & Prices | 1 giờ trước 08:52 ngày 11-08-2020 |
| 10 | Đỗ ***** Đạt | Đang xem video Login Info | 5 giờ trước 04:13 ngày 11-08-2020 |
Bạn muốn học Offline
Học lập trình 1 kèm 1
GIỚI THIỆU
Công Ty Cổ Phần Lập Trình Zend Việt Nam
Mã số thuế: 0314390745
Tầng 5, Tòa nhà Songdo, 62A Phạm Ngọc Thạch, Phường 6, Quận 3, TP. Hồ Chí Minh
Giấy phép đăng ký kinh doanh số 0314390745 do Sở Kế hoạch và Đầu tư Thành phố Hồ Chí Minh cấp ngày 09/05/2017
Đỗ Minh Hoàng
Bạn Lực chất giọng giễ nghe, giễ tiếp thu bài. Cảm ơn Lực Coi xong video các bạn nên code lại, đừng vừa coi vừa code, như vậy mình sẻ nắm được chắc hơn nội dung bài học