강의

멘토링

로드맵

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,390 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,094

Học viên

4,668

Đá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

    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.165.874 ₫

          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!