Vuex (state, getters, mutations, actions, modules 등)
HTML, CSS, JS와 Vue.js 기초를 알고 쉽게 웹 앱을 개발할 수 있는 Vue.js를 배워요! 💁♂️
Vue.js의 기초를 다지고 중고급 레벨의 개발자로 성장해요 ✨
이 강좌는 다음과 같이 크게 3가지 파트로 나뉩니다.
Vue.js로 구현하는 To-do App
깔끔한 Vue.js 코드를 위한 ES6
복잡한 애플리케이션을 구현하기 위한 Vuex
이제 막 Vue.js나 웹 개발에 흥미가 생긴 분들에게 추천하는 강의입니다. 컴포넌트, 인스턴스 등은 알지만 실제로 앱을 만들려고 하니 답답한 분들에게 애플리케이션을 만들어나갈 수 있도록 도와드립니다. ES6으로 된 뷰 코드를 봐야하는 분들께 쉽고 빠르게 ES6을 배우는 방법을 알려드려요.
애플리케이션이 커져서 컴포넌트를 효율적으로 관리하고 싶은 분들께 Vuex를 쉽고 간단하게 배우는 법을 소개합니다. 전체적인 강의 방식은 코드 중심의 학습형 강좌로 구성되어 있습니다.
뷰 기초 개념으로 To-do 앱을 제작하며 컴포넌트 기반 설계 방법과 구조화 방법을 익힌 후, ES6의 개념을 학습하여 애플리케이션 코드에 적용함으로써 애플리케이션 코드를 개선해나갑니다. Vuex의 주요 기술 요소들을 학습하고 Todo 앱을 다시 리팩토링하면서 배운 내용들을 직접 코드에 적용해보는 실전형 강의입니다.
프론트엔드 개발에 관심있는 누구나 배울 수 있습니다 🏃♀️
Vue.js를 바로 실무에 쓰고싶은 개발자
프론트엔드 개발을 하고싶은 디자이너
프론트엔드 개발자로 전향하고싶은 퍼블리셔
📢 선수 지식을 꼭 확인해주세요!
HTML, CSS, JS 및 Vue.js의 기초를 알고계셔야 효율적으로 학습하실 수 있습니다.
학습할 내용 미리보기 📘
Vue.js 중급 강좌 로 실제 서비스를 개발할 때 필요한 컴포넌트 기반 프로젝트 구조화 방법과 컴포넌트 설계 방법을 배우고, Vue.js 코드를 간편하게 짤 수 있는 ES6의 주요 특징들에 대해서 살펴봅니다. 실무에서 필연적으로 사용하게 되는 상태 관리 라이브러리 Vuex 또한 심도 있게 학습합니다.
뷰 최신 CLI 도구 특징
컴포넌트 기반 웹 앱 설계 방법
컴포넌트 설계 방법
ES6 (const & let, 화살표 함수, 향상된 객체 리터럴, 모듈 등)
Vuex (state, getters, mutations, actions, modules 등)
Từ blog đến bài giảng này, nó thực sự đã giúp tôi rất nhiều haha.
Tuy nhiên, là người mới bắt đầu, có một số điều khiến tôi thất vọng.
Trước hết, có vẻ như bản cập nhật cuối cùng của bài giảng đã cách đây không lâu.
Ngày cập nhật gần đây nhất là tháng 2 năm 2019, nhưng đến thời điểm này thì đã gần 2 năm rồi ㅜㅜ Có lẽ đó là lý do tại sao, mặc dù hướng dẫn được cung cấp ở giữa bài giảng nhưng các phần khác với bài giảng, chẳng hạn như lệnh bắt đầu dự án Vue và phần cơ bản cấu trúc tập tin, đôi khi xuất hiện, gây nhầm lẫn cho người mới bắt đầu. Có những lúc tôi cảm thấy buồn.
Và tôi có nên nói NG không? Tôi nghĩ sẽ tốt hơn nếu tôi tập trung nếu ít nhất tôi có thể chỉnh sửa những phần như tin nhắn KakaoTalk từ CEO của Infrun xuất hiện trên màn hình, phần khiến tôi bối rối, phần tôi tạo một tập tin và sau đó xóa nó một lần nữa nói rằng tôi không cần nó, v.v.
Bằng cách triển khai ứng dụng việc cần làm bằng Vue, tôi có thể thấy nó khác với phương thức js và jquery hiện tại như thế nào, đồng thời giải thích cách đơn giản hóa mã từng bước.
Tuy nhiên, có một chút thất vọng khi ứng dụng việc cần làm được triển khai dường như được tạo bằng mã dễ hiểu cho người mới bắt đầu, vì vậy tôi đã triển khai nó bằng cách thay đổi cách lưu trữ chức năng và dữ liệu. Tôi đã lưu nó vào bộ nhớ cục bộ để có thể quản lý toàn bộ danh sách việc cần làm trong một mảng. Tôi nghĩ các giá trị khóa không nên bị trùng lặp nên tôi đã kiểm tra các bản sao và tăng số lượng. Các tính năng được bổ sung riêng biệt bao gồm lọc, đếm, thanh menu và thay đổi chủ đề.
Để biết các tính năng bổ sung, hãy tham khảo ví dụ trên trang web chính thức.
https://vuejs.org/v2/examples/todomvc.html
Tôi đã hoàn thành khóa học dành cho người mới bắt đầu và khóa học trung cấp và hài lòng với mức độ hiểu biết cũng như tài liệu học tập được cung cấp.
Mình sẽ tiếp tục nghe tập tiếp theo haha.
Tôi đã đăng ký tất cả các bài giảng mà bạn đã đưa cho tôi trên lộ trình trước khi tôi nghe xong trình độ trung cấp haha.
Cảm ơn bạn đã dạy tôi rất tốt! Tôi sẽ chăm chỉ làm theo các bài giảng còn lại!!!^ㅇ^