Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

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ã.

(4.9) 611 đánh giá

6,384 học viên

  • captain
JavaScript
Vue.js
ES6
Vuex

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • phát triển web

  • Javascript

  • Vue.js

  • 뷰 최신 CLI công cụ tính năng có thể biết được

  • 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 🏃‍♀️

Nhà xuất bản muốn chuyển sang nhà phát triển front-end

Vue.js ngay lập tức
Các nhà phát triển muốn sử dụng nó trong thực tế

Các nhà thiết kế muốn thử sức với phát triển front-end

Phát triển front-end
Nhà thiết kế mà tôi muốn trở thành

Sinh viên đại học chuẩn bị cho công việc lập trình viên front-end

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ước những gì bạn sẽ học 📘

khóa học vue

khóa học vue

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ầncá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.)

Giới thiệu các tính năng của bài giảng 📋

Đi đến trang Cracking Vue.js

  • 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.

Lộ trình liên quan 🚎

Chinh phục phát triển Front-end với Vue.js và TypeScript
Quan điểm của thuyền trưởng Pangyo + TypeScript cùng một lúc
Đây là lộ trình các bài giảng bạn sẽ học.
Bao gồm bài giảng này


Giới thiệu người chia sẻ kiến ​​thức 👨‍🏫

Jang Gi-Hyo (Đội trưởng Pangyo)

Phỏng vấn với "People Met by Inflearn"

“Vue.js mã nguồn mở + với doanh thu từ bài giảng
Hỗ trợ Life Coding 😁”

Chúng tôi cung cấp chiết khấu cho bài giảng!

Series "Hoàn thiện Frontend với Vue.js
Developer Roadmap" giảm giá 25% (nhấp vào)

Học sinh trung học cơ sở và trung học phổ thông không có thu nhập,
Giảm giá 50% cho sinh viên đại học (nhấp vào)

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Phù hợp với tất cả những ai có kiến thức cơ bản về Vue.js và quan tâm đến phát triển front-end.

  • Vue.js học thời gian tiết kiệm ngay thực tế muốn sử dụng các nhà phát triển

  • Những người mới bắt đầu phát triển phần mềm phía trước

  • Các nhà thiết kế muốn thử sức với phát triển front-end

  • Nhà xuất bản muốn chuyển sang nhà phát triển front-end

  • Sinh viên đại học hy vọng có được việc làm là một nhà phát triển front-end

Xin chào
Đây là

48,014

Học viên

4,651

Đánh giá

3,812

Trả lời

4.9

Xếp hạng

17

Các khóa học

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

Chương trình giảng dạy

Tất cả

63 bài giảng ∙ (6giờ 50phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

611 đánh giá

4.9

611 đánh giá

  • ads님의 프로필 이미지
    ads

    Đánh giá 5

    Đánh giá trung bình 4.2

    4

    98% đã tham gia

    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.

    • wlsgus9936님의 프로필 이미지
      wlsgus9936

      Đánh giá 3

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      for (let i=0; i<999; i++) { console.log('Thank you, I really like the lecture') };

      • captain
        Giảng viên

        do { console.log('Thank you ^^') } while (true)

    • hanna75820806님의 프로필 이미지
      hanna75820806

      Đánh giá 3

      Đánh giá trung bình 4.7

      5

      100% đã tham gia

      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

      • lshk9550391님의 프로필 이미지
        lshk9550391

        Đánh giá 6

        Đánh giá trung bình 4.7

        5

        100% đã tham gia

        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

        • sion007005733님의 프로필 이미지
          sion007005733

          Đánh giá 9

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          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!!!^ㅇ^

          Ưu đãi có thời hạn, kết thúc sau 1 ngày ngày

          33 ₫

          23%

          1.164.107 ₫

          Khóa học khác của captain

          Hãy khám phá các khóa học khác của giảng viên!

          Khóa học tương tự

          Khám phá các khóa học khác trong cùng lĩnh vực!