강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Vue.js trung cấp - Học Vue.js, ES6, Vuex thông qua việc tạo ứng dụng web

Khóa học Vue.js trung cấp - Đây là khóa học ứng dụng Vue.js giúp "bất kỳ ai" cũng có thể tạo ra ứng dụng web "tuyệt vời" một cách "dễ dàng". Dựa trên hiểu biết cơ bản về Vue.js, bạn sẽ học được kiến thức thực tế tập trung vào code thông qua việc xây dựng ứng dụng Todo.

(4.9) 616 đánh giá

6,418 học viên

Độ khó Trung cấp trở lên

Thời gian Không giới hạn

  • captain
JavaScript
JavaScript
Vue.js
Vue.js
ES6
ES6
Vuex
Vuex
JavaScript
JavaScript
Vue.js
Vue.js
ES6
ES6
Vuex
Vuex

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

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

4.9

5.0

vue.jh

100% đã tham gia

for (let i=0; i<999; i++) { console.log('Cảm ơn bạn, tôi thực sự thích bài giảng') };

5.0

지능정보화연구실

100% đã tham gia

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

5.0

이승환

100% đã tham gia

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.

Bạn sẽ nhận được điều này sau khi học.

  • Phát triển web

  • Javascript

  • Vue.js

  • Bạn có thể tìm hiểu các tính năng mới nhất của công cụ CLI Vue

  • Bạn có thể học cách thiết kế ứng dụng web dựa trên component

  • Phương pháp thiết kế component

  • ES6 (const & let, hàm mũi tên, object literal nâng cao, module, v.v.)

  • Vuex (state, getters, mutations, actions, modules, v.v.)

Biết 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 một cách dễ dàng! 💁‍♂️

Xây dựng nền tảng Vue.js và
phát triển thành lập trình viên trình độ trung cấp-nâng cao ✨

Khóa học này được chia thành 3 phần chính như sau.

  • Ứng dụng To-do được xây dựng bằng Vue.js
  • Code ES6 cho Vue.js gọn gàng
  • Vuex để triển khai các ứng dụng phức tạp

Đây là khóa học được đề xuất cho những ai vừa mới bắt đầu quan tâm đến Vue.js hoặc phát triển web. Dành cho những người đã biết về component, instance nhưng cảm thấy bế tắc khi thực sự muốn tạo một ứng dụng, chúng tôi sẽ giúp bạn có thể xây dựng ứng dụng. Đối với những ai cần xem code Vue được viết bằng ES6, chúng tôi sẽ hướng dẫn cách học ES6 dễ dàng và nhanh chóng.

Giới thiệu cách học Vuex dễ dàng và đơn giản cho những ai muốn quản lý component hiệu quả khi ứng dụng trở nên lớn hơn. Phương pháp giảng dạy tổng thể được cấu trúc theo hình thức khóa học thực hành tập trung vào code.

Xây dựng ứng dụng To-do với các khái niệm cơ bản về Vue để làm quen với phương pháp thiết kế dựa trên component và cách cấu trúc, sau đó học các khái niệm của ES6 và áp dụng vào code ứng dụng để cải thiện code. Đây là khóa học thực hành giúp bạn học các yếu tố kỹ thuật chính của Vuex và trực tiếp áp dụng những kiến thức đã học vào code thông qua việc refactor lại ứng dụng Todo.

Bất kỳ ai quan tâm đến phát triển frontend
đều có thể học 🏃‍♀️

프론트엔드 개발자로 전향하고픈 퍼블리셔

Lập trình viên muốn áp dụng Vue.js ngay
vào công việc thực tế

프론트엔드 개발을 해보고 싶은 디자이너

Nhà thiết kế muốn làm
phát triển frontend

프론트엔드 개발자 취업을 준비하는 대학생

Những publisher muốn chuyển sang
làm lập trình viên frontend

📢 Vui lòng kiểm tra kiến thức tiên quyết!

  • Bạn cần có kiến thức về HTML, CSS, JS và kiến thức cơ bản về Vue.js để có thể học hiệu quả.


Nội dung học tập
Xem trước 📘

vue 강좌

vue 강좌

Khóa học Vue.js trung cấp giúp bạn học phương pháp cấu trúc dự án dựa trên componentphương pháp thiết kế component cần thiết khi phát triển 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 code Vue.js dễ dàng hơn. Ngoài ra còn học sâu về thư viện quản lý trạng thái Vuex - công cụ tất yếu phải sử dụng trong thực tế.

  • Đặc điểm của công cụ CLI mới nhất của Vue
  • Phương pháp thiết kế ứng dụng web dựa trên component
  • Phương pháp thiết kế component
  • ES6 (const & let, arrow function, enhanced object literal, module, v.v.)
  • Vuex (state, getters, mutations, actions, modules, v.v.)

Giới thiệu đặc điểm của khóa học 📋

Truy cập ngay trang web Cracking Vue.js

  • Phần đầu sẽ giúp bạn nắm bắt được cảm giác phát triển giao diện với Vue.js thông qua việc thiết kế và triển khai ứng dụng ngay lập tức mà không cần giải thích lý thuyết riêng biệt.
  • Sau đó, chúng ta sẽ xem xét các vấn đề của ứ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 code.
  • Phần giữa khóa học được tiến hành theo hình thức tái cấu trúc với giải thích lý thuyết -> thực hành với ví dụ đã chuẩn bị -> áp dụng vào ứng dụng để bạn có thể nắm bắt khái niệm ES6 và Vuex một cách dễ dàng và nhanh chóng.

Lộ trình liên quan 🚎

Chinh phục phát triển Frontend với Vue.js và TypeScript
Lộ trình bao gồm các khóa học của Captain Pangyo
để học Vue + TypeScript một cách toàn diện.
Bao gồm khóa học này


Giới thiệu giảng viên 👨‍🏫

Captain Pangyo

Phỏng vấn "Người mà Inflearn đã gặp"

"Tôi dùng doanh thu từ khóa học để tài trợ cho Vue.js mã nguồn mở +
Opentutorials 😁"

Chúng tôi cung cấp giảm giá khóa học!

Chuỗi bài "Lộ trình phát triển Frontend
hoàn chỉnh với Vue.js" giảm giá 25% (Nhấp vào)

Giảm giá 50% cho học sinh
trung học, phổ thông và sinh viên đại học không có thu nhập (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 frontend.

  • Lập trình viên muốn tiết kiệm thời gian học Vue.js để áp dụng ngay vào thực tế

  • Người mới bắt đầu học lập trình frontend

  • Nhà thiết kế muốn thử phát triển frontend

  • Publisher muốn chuyển sang làm Frontend Developer

  • Sinh viên đại học mong muốn xin việc với vị trí lập trình viên frontend

Xin chào
Đây là

49,267

Học viên

4,853

Đánh giá

3,816

Trả lời

4.9

Xếp hạng

19

Các khóa học

Tôi đã chia sẻ kiến thức trên Inflearn được 8 năm. 🏠 Blog kỹ thuật, 📣 Twitter, 💻 Github

📗 Do it! Nhập môn Vue.js, TypeScript cho người mới bắt đầu v.v. Tác giả của 3 cuốn sách
📖 Cracking Vue.js, TypeScript Handbook, Webpack Handbook. Tác giả của 3 cuốn sách hướng dẫn trực tuyến miễn phí
👨‍💻 Vận hành Kênh YouTube phát triển Front-end của Captain Pangyo - Nơi lắng nghe những trăn trở của các bạn đang tìm việc và các lập trình viên trẻ
🥤 Vận hành Phòng chat mở KakaoTalk của Captain Pangyo - Nơi cập nhật thông tin mới nhất về phát triển Front-end và lắng nghe suy nghĩ, trăn trở của các đồng nghiệp trong ngành

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ả

616 đánh giá

4.9

616 đánh giá

  • ads님의 프로필 이미지
    ads

    Đánh giá 5

    Đánh giá trung bình 4.2

    4

    98% đã tham gia

    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.

    • 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('Cảm ơn bạn, tôi thực sự thích bài giảng') };

      • captain
        Giảng viên

        làm { console.log('Cảm ơn bạn ^^') } while (true)

    • hanna75820806님의 프로필 이미지
      hanna75820806

      Đánh giá 3

      Đánh giá trung bình 4.7

      5

      100% đã tham gia

      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

      • lshk9550391님의 프로필 이미지
        lshk9550391

        Đánh giá 6

        Đánh giá trung bình 4.7

        5

        100% đã tham gia

        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.

        • sion007005733님의 프로필 이미지
          sion007005733

          Đánh giá 9

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

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

          1.146.211 ₫

          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!