Khóa học Vue.js cấp trung - Học Vue.js, ES6, Vuex thông qua việc tạo ứng dụng web
Vue.js khóa học trung cấp - Khóa học sử dụng Vue.js giúp mọi người có thể tạo ra ứng dụng web 'dễ dàng', 'tuyệt vời' và 'cho mọi người'. Dựa trên kiến thức cơ bản về Vue.js, bạn sẽ tạo ứng dụng Todo và học được kiến thức thực tế tập trung vào mã.
Bạn có thể học cách thiết kế ứng dụng web dựa trên thành phần
Cách thiết kế thành phần
ES6 (const & let, hàm mũi tên, đối tượng biểu diễn nâng cao, mô-đun, v.v.)
Vuex (trạng thái, phương thức lấy dữ liệu, đột biến, hành động, mô-đun, v.v.)
Biết những kiến thức cơ bản về HTML, CSS, JS và Vue.js Học Vue.js để phát triển ứng dụng web dễ dàng! 💁♂️
Xây dựng nền tảng của Vue.js Trở thành một lập trình viên cấp trung ✨
Khóa học này được chia thành ba phần chính:
Ứng dụng To-do được triển khai bằng Vue.js
ES6 cho mã Vue.js sạch
Vuex để triển khai các ứng dụng phức tạp
Khóa học này được khuyến nghị cho những người mới bắt đầu quan tâm đến Vue.js hoặc phát triển web. Chúng tôi hỗ trợ những người biết về thành phần, phiên bản, v.v. nhưng cảm thấy thất vọng khi cố gắng tạo một ứng dụng thực sự. Đối với những ai cần xem code xem trong ES6, tôi sẽ chỉ cho bạn cách học ES6 một cách nhanh chóng và dễ dàng.
Đối với những ai muốn quản lý các thành phần một cách hiệu quả khi ứng dụng của họ phát triển, chúng tôi giới thiệu một cách dễ dàng và đơn giản để tìm hiểu Vuex. Định dạng bài giảng tổng thể được xây dựng theo dạng khóa học định hướng học tập, tập trung vào mã.
Sau khi tìm hiểu phương pháp thiết kế và cấu trúc dựa trên thành phần bằng cách tạo ứng dụng To-do với các khái niệm chế độ xem cơ bản, bạn sẽ cải thiện mã ứng dụng của mình bằng cách tìm hiểu các khái niệm ES6 và áp dụng chúng vào mã ứng dụng. Đây là bài giảng thực hành, nơi bạn sẽ tìm hiểu các yếu tố kỹ thuật chính của Vuex và áp dụng những gì đã học trực tiếp vào mã của mình trong khi tái cấu trúc ứng dụng Todo.
Quan tâm đến phát triển front-end Bất cứ ai cũng có thể học 🏃♀️
Vue.js ngay lập tức Các nhà phát triển muốn sử dụng nó trong thực tế
Phát triển front-end Nhà thiết kế mà tôi muốn trở thành
Là một nhà phát triển front-end Nhà xuất bản muốn thay đổi
📢 Đừng quên kiểm tra kiến thức chơi của bạn!
Bạn cần biết những kiến thức cơ bản về HTML, CSS, JS và Vue.js để học hiệu quả.
Xem trướcnhững gì bạn sẽ học 📘
Trong khóa học Vue.js trung cấp này, bạn sẽ tìm hiểu về cấu trúc dự án dựa trên thành phần và các phương pháp thiết kế thành phần cần thiết để phát triển các dịch vụ thực tế, đồng thời tìm hiểu về các tính năng chính của ES6 giúp viết mã Vue.js dễ dàng. Chúng ta cũng sẽ nghiên cứu sâu về Vuex, một thư viện quản lý trạng thái chắc chắn sẽ được sử dụng trong thực tế.
Xem các tính năng mới nhất của công cụ CLI
Cách thiết kế ứng dụng web dựa trên thành phần
Cách thiết kế các thành phần
ES6 (const & let, hàm mũi tên, đối tượng theo nghĩa đen được cải tiến, mô-đun, v.v.)
Vuex (trạng thái, phương thức lấy dữ liệu, đột biến, hành động, mô-đun, v.v.)
Trong nửa đầu, bạn sẽ có được cảm nhận về phát triển màn hình Vue.js bằng cách thiết kế và triển khai các ứng dụng mà không có bất kỳ giải thích lý thuyết riêng biệt nào.
Sau đó, chúng ta sẽ xem xét các vấn đề trong ứng dụng đã tạo và cải thiện cấu trúc ứng dụng thông qua việc tái cấu trúc mã.
Phần giữa là bài giảng theo dạng giải thích lý thuyết -> thực hành với các ví dụ được chuẩn bị sẵn -> ứng dụng vào việc tái cấu trúc để bạn có thể dễ dàng và nhanh chóng hiểu được các khái niệm về ES6 và Vuex.
From the blog to this lecture, it was really helpful ㅎㅎ
But there are some parts that I regret as a beginner
First of all, it seems like the last lecture update was a while ago.
The last update date was February 2019, but it's been almost 2 years now ㅜㅜ Maybe that's why, although there is guidance in the middle of the lecture, there are sometimes parts that are different from the lecture, such as the Vue project start command, the basic file structure, etc., so it's confusing as a beginner.
And should I say NG? The part where the KakaoTalk alarm from the Infleun representative appears on the screen, ㅋㅋㅋ, the part where the words are tangled, the part where you create a file and then delete it thinking you don't need it, etc. If you cut and edit it, it would be better for concentration.
It was a time to see how it differs from the existing js and jquery methods while implementing the todo app with vue, and it was good that it explained well how the code was simplified step by step.
However, I was a little disappointed that the implemented todo app seemed to be made with code that was easy for beginners to read, so I changed the function and the way data was saved and implemented it. I saved it in local storage so that I could manage the todo list with one array. I thought that the key value should not be duplicated, so I increased the count by checking for duplicates. Separately added functions include filtering, count, menu bar, and theme change.
The added functions were referenced from the example on the official website.
https://vuejs.org/v2/examples/todomvc.html
I finished the beginner course and the intermediate course, and I am satisfied with the level of understanding and learning materials. I will listen to the next one. Haha
I signed up for all the lectures that you gave me the entire roadmap for before I even finished listening to the intermediate ones. Thank you for teaching me so well! I will diligently follow the remaining lectures!!!^ㅇ^