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

/

Front-end

Vue3 Perfect Master: Từ cơ bản đến thực hành - "Phiên bản thực hành"

Phát triển một dự án thực tế với Vue.js 3 và tìm hiểu cách sử dụng Composition API. Ngoài ra, nếu tham gia khóa học này, bạn sẽ đạt được các kỹ năng về "Vue Router v4", "Pinia" và "Boostrap"

(4.9) 154 đánh giá

2,162 học viên

  • gymcoding
Vue.js

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

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

  • Bắt đầu một dự án với Vite và định cấu hình các biến môi trường (env)

  • Tạo một dự án với Composition API

  • Sử dụng đúng cách các hàm có khả năng kết hợp

  • Vue Router v4 dựa trên API Thành phần

  • Thư viện quản lý nhà nước chính thức Pinia (Vuex5)

Nếu bạn đã dễ dàng học được Vue.js 3 với những kiến thức cơ bản,
Lần này, chúng ta hãy cùng tìm hiểu chi tiết và sâu hơn với phiên bản thực hành nhé! 🎵

Ra mắt Hướng dẫn đầy đủ về Vue 3 mới nhất 🎤

Nếu bạn đã tham gia khóa học Vue3 Complete Mastery: Basics hoặc Practical,
Bạn có thể xem bài giảng "Hướng dẫn đầy đủ về Vue 3 mới nhất" miễn phí .


Theo cách riêng của Jimcoding
Tôi sẽ giải thích cho bạn một cách dễ hiểu 🥴


Khóa học này nói về cách tạo ứng dụng web bằng Vue.js 3 .
Bài giảng sẽ được tiến hành dựa trên tài liệu Composition A P I mới được giới thiệu.
Trong khi bao gồm tất cả thông tin bạn cần biết dựa trên các tài liệu chính thức,
Nó trình bày nội dung một cách dễ hiểu, chi tiết và sâu sắc.


Chia thành hai phần

Giới thiệu bài giảng ✌

Khi tôi lập kế hoạch cho khóa học lần đầu, tôi đã cố gắng trình bày nó dưới dạng một bài giảng.

  • Tất cả các thông số kỹ thuật của Vue.js 3 mà bạn phải tìm hiểu trong tài liệu chính thức Tôi muốn xây dựng một chương trình giảng dạy
  • Vue.js 3 Thay vì chỉ dạy ngữ pháp, tôi muốn cấu trúc nó với nhiều nội dung khác nhau để bạn có thể làm quen với nó nhiều nhất có thể .
  • Khi Vue 3 xuất hiện dựa trên Composition API, tôi cũng muốn đề cập đến thư viện cốt lõi.
  • Ngay cả những người đã biết Vue 3 cũng có thể hiểu được nội dung bài giảng thực hành .
    Bài giảng được thực hiện bằng cách chia thành hai bài giảng.

Vì thế,
Trong phần thực hành 💁‍♂️






Khóa học này bao gồm việc tạo một dự án bảng tin thực tế bằng Vue.js 3. Khóa học giới thiệu các xu hướng mới nhất và nêu bật những điểm sau:

  • VueRouter v4 (dựa trên API Composition)
  • Giao tiếp API HTTP của Axios
  • Tách riêng các thành phần chung
  • Các thành phần tích hợp của Vue.js
  • Thiết lập các biến môi trường dựa trên Vite (env)
  • Cài đặt các plugin như Global Components, Custom Directives và Common Modules
  • Vue.js3 Flower, Hàm có thể soạn thảo
  • Hiểu rõ toRef và toRefs ngay từ đầu!
  • Pinia trở thành thư viện quản lý trạng thái chính thức cho Vue.js!
  • Vue Router Advanced: Navigation Guards


Khung giao diện người dùng Bootstrap 💻


Thêm vào đó, khóa học này sử dụng Bootstrap và hướng dẫn cách tìm và sử dụng các thành phần mong muốn từ tài liệu chính thức. Thông qua quá trình này, bạn sẽ tự nhiên hiểu sâu hơn về cách sử dụng Bootstrap. :)


Câu hỏi dự kiến Hỏi & Đáp 💬

H. Tôi muốn tạo một dịch vụ web mà không có bất kỳ kiến thức nào về phát triển web. Tôi nên làm gì?

Khóa học này phù hợp với những người đã có hiểu biết cơ bản về HTML, CSS và JavaScript.

H. Có cung cấp nguồn bài giảng không?

Bạn có thể tải xuống nguồn bài giảng bằng cách tham gia khóa học này và nguồn cơ bản cũng được cung cấp trênGithub .

H. Tôi đang sử dụng Vue.js 2 hoặc 3. Tôi có nên tham gia khóa học cơ bản không?

  • Nếu bạn hiện đã quen với cú pháp Vue.js 3, tôi khuyên bạn nên dùng [Phiên bản thực hành].
  • Nếu hiện tại bạn đang sử dụng Vue.js 2, tôi khuyên bạn nên sử dụng cả [Cơ bản] và [Thực hành].
  • Nếu bạn mới làm quen với Vue.js, tôi thực sự khuyên bạn nên đọc cả [Cơ bản] và [Thực hành].
  • Về những khác biệt cá nhân khác, tôi nghĩ bạn có thể quyết định sau khi xem xét kỹ chương trình giảng dạy. 🙂

H. Tôi có thể đạt được lợi ích gì khi tham gia khóa học này?

Bạn không chỉ có thể học Vue.js 3 mà còn cả các thư viện cốt lõi như Vue Router và Pinia.
Ngoài ra, bạn còn có thể học thêm được kỹ năng về Bootstrap.


Giới thiệu người chia sẻ kiến thức ✒️

Tôi đã ra mắt khóa học "Xây dựng trang quản trị Vue & Vuetify" trên YouTube và Inflearn và tôi rất biết ơn khi nhận được phản hồi tuyệt vời như vậy 😃

  • [Xây dựng trang quản trị Vuetify - "Cơ bản" (Miễn phí)] 1.313 học viên , đánh giá 4,9
  • [Xây dựng trang quản trị Vuetify - "Thực hành" (Trả phí)] 441 học viên , đánh giá 5.0

Từ năm 2021, một số bạn đã yêu cầu khóa học Vue.js 3! Và tôi cũng nhận thấy nhiều người vẫn chưa quen với các công nghệ front-end như Vue.js, NPM và Webpack, đặc biệt là khi được hỏi về Vuetify. Vì vậy, tôi đã nghĩ đến việc quay phim bài giảng, và giờ đây khi Vue.js 3 dường như đã là phiên bản chính thức, tôi đã cố gắng hết sức để chuẩn bị bài thuyết trình (PPT) và giáo án.
Kênh YouTube Jimcoding do tôi quản lý sẽ có nội dung không chỉ về front-end và back-end mà còn về toàn bộ quá trình tạo ra các dịch vụ web cơ sở hạ tầng AWS.
Cảm ơn sự quan tâm và yêu thích của bạn.

Đây là kênh YouTube của Jim Coding chuyên tạo nội dung lập trình thực tế .
YouTube | GitHub | Gymstagram |Codingstagram

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

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

  • Bất cứ ai muốn trở thành nhà phát triển front-end

  • Bất kỳ ai muốn tạo một ứng dụng web thú vị

  • Những người muốn tìm hiểu kỹ lưỡng dựa trên các tài liệu chính thức

Cần biết trước khi bắt đầu?

  • HTML, CSS cơ bản

  • Khái niệm cơ bản về JavaScript

  • Làm chủ Vue.js 3: Từ cơ bản đến thực hành - "Cơ bản"

Xin chào
Đây là

24,574

Học viên

1,354

Đánh giá

629

Trả lời

4.9

Xếp hạng

17

Các khóa học

안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,
인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.

항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.

📨 이메일 bruce.lean17@gmail.com
🏋️‍♀️ 헬스타그램 @helinlee.gram
🧑‍💻 코딩스타그램 @gymcoding

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

Tất cả

37 bài giảng ∙ (6giờ 42phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

154 đánh giá

4.9

154 đánh giá

  • 혀니혀니님의 프로필 이미지
    혀니혀니

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    9년차 풀스택 웹개발자 입니다. 이번 프로젝트에서 vue3를 사용하게 되서 책을 사서 공부하다가 너무 내용이 눈에 안들어와 처음으로 온라인 강의를 들어봤는데 너무너무 만족합니다. 기초와 실전을 둘 다 들었는데 기초부터 예제를 이용하여 차근차근 알려주시고 그 후 응용할 수 있는 부분이 생기면 기초 예제에서 이렇게 바꿔서 이렇게도 사용할 수 있다 라고 알려주시니 이해도 잘 되고 실무 팁도 많이 얻어갔습니다. 퍼블업무와 개발업무가 완벽히 분리된 프로젝트를 많이 하여서 사실 부트스트랩을 어떻게 써야하는지 모르고 살았는데 부트스트랩을 이용할 수 있는 방법도 알려주시니 더더욱 좋았습니다. vue3 공부하시려는 분들 무조건 추천 합니다.

    • 짐코딩
      Giảng viên

      와우~!🤭 완강 하시느라 수고많으셨습니다~!! 감사합니다!!! 😀 🎉

  • jj4783님의 프로필 이미지
    jj4783

    Đánh giá 6

    Đánh giá trung bình 4.8

    5

    97% đã tham gia

    라이브러리나 프레임워크를 공부하려고 공식문서를 보면 막막하거나, 영어 => 한글로 번역된 번역체로 그 의미를 단번에 이해하기 힘든 경우가 많은데 이 강의를 통해 뷰 공식문서상에 나오는 기본적인 것과 약간의 심화적인 부분을 다 알 수 있어서 좋습니다. 꼼꼼한게 이 강의의 장점인 것 같습니다. 공식문서상의 내용을 훑고 싶다면 추천드립니다:))

    • 짐코딩
      Giảng viên

      와우~! 감사합니다~!! 🙂 수고하셨어요! 🎉

  • wonjinYi님의 프로필 이미지
    wonjinYi

    Đánh giá 9

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    놓치기 쉬운 것들을 알려주고, 어떤 개념이 왜 존재하는지를 제시하며 코드를 개선하는 과정을 보여주는 좋은 수업입니다. vue3에 입문하기 위한 길을 찾는다면 이 강의가 최고의 선택입니다. 스펙 그 자체만을 소개하는식의, 호흡이 빠른 구성은 아닙니다. 간단한 게시판을 구현하며 Vue의 기능들을 알아가는 수업입니다. 그래서 선생님의 사고방식을 배우며 구현하는데 들이는 시간도 꽤 있습니다.

    • 짐코딩
      Giảng viên

      와우~! 좋은 말씀감사합니다 🙂 수고하셨어요! 🎉

  • jo gabi님의 프로필 이미지
    jo gabi

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    97% đã tham gia

    실무 프로젝트에서 Vue3 쓰게 되어서 기초,실전을 급하게 모두 듣고 작업을 하고 있습니다. 정말 잘 들었습니다 . 도움이 많이 되었어요 확실히 실무도 같이 하다보니 이해가 잘 되고 더 재미있네요. 즐겁게 개발 하고 있어요 ㅎㅎㅎ 이제 퀘이사 구입해서 학습할 예정입니다. 잘 부탁드립니다!!!

    • 짐코딩
      Giảng viên

      감사합니다~!! 🙂 🎉

  • mju6013님의 프로필 이미지
    mju6013

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    기본편에 이어 실전편까지 수강완료 했습니다! 강의를 들으면 들을수록 준비를 많이 하셨다는게 느껴지는 것 같아요 : ) 핵심 내용 위주로 구성된 강의라 Vue3의 전체적인 내용을 이해하기 좋았고 디테일한 부분들들은 실무에서 개발하면서 찾아봐도 무리가 없을 것 같네용 짐코딩님 강의 스타일이 너무 좋아서 프론트 관련 다른 강의들도 찾아 들어야겠어요ㅋㅋㅋ

    • 짐코딩
      Giảng viên

      맞아요!! 디테일한 부분은 다시 찾아보시면 돼요!! 저도 그래요 ㅎㅎ 감사합니다~!! 😀

1.850.631 ₫

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

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!