강의

멘토링

로드맵

BEST
Programming

/

Front-end

Vue3 Perfect Mastery: From Basics to Practice - "Practical Edition"

You will develop a real-world project with Vue.js 3 and learn how to use the Composition API. In addition, after taking this course, you will gain skills in "Vue Router v4", "Pinia", and "Boostrap".

(4.9) 158 reviews

2,174 learners

  • gymcoding
Vue.js

Reviews from Early Learners

What you will learn!

  • Starting a project with Vite and configuring environment variables (env)

  • Creating a project with the Composition API

  • How to properly use Composable functions

  • Vue Router v4 based on Composition API

  • Official state management library Pinia (Vuex5)

If you have easily learned Vue.js 3 with the basics,
This time, let's learn in detail and in depth with the practical version! 🎵

Launching the latest Vue 3 Complete Guide 🎤

If you have taken either the Vue3 Complete Mastery: Basics or Practical Course,
You can watch the "Complete Guide to the Latest Vue 3" lecture for free .


In Jimcoding's own way
I'll explain it to you easily 🥴


This course is about creating web applications using Vue.js 3 .
The lecture will be conducted based on the newly introduced Composition A P I.
While covering all the information you need to know based on official documents,
It covers the content in an easy, detailed, and in-depth manner.


Divided into two parts

Introducing the lecture ✌

When I first planned the course, I tried to produce it as one lecture.

  • All the Vue.js 3 specifications that you must learn in the official documentation I wanted to put together a curriculum
  • Vue.js 3 Rather than simply teaching grammar, I wanted to structure it with a variety of content so that you can become as familiar with it as possible .
  • As Vue 3 emerged based on the Composition API, I wanted to cover the core library as well.
  • Even those who already know Vue 3 can reasonably take the practical lecture content .
    It was produced by dividing it into two lectures.

so,
In the practical part 💁‍♂️






This course covers creating a real-world bulletin board project using Vue.js 3. It features the latest trends and highlights the following:

  • VueRouter v4 (based on Composition API)
  • Axios HTTP API communication
  • Separate common components
  • Vue.js built-in components
  • Setting Vite-based environment variables (env)
  • Install plugins such as Global Components, Custom Directives, and Common Modules
  • Vue.js3 Flower, Composable Functions
  • Understanding toRef and toRefs in one go!
  • Pinia becomes the official state management library for Vue.js!
  • Vue Router Advanced: Navigation Guards


Bootstrap UI Framework 💻


As a bonus, this course uses Bootstrap and demonstrates how to find and use the desired components from the official documentation. Through this process, you'll naturally gain a deeper understanding of Bootstrap's usage. :)


Expected Questions Q&A 💬

Q. I want to create a web service without any web development knowledge. What should I do?

This course is suitable for those who already have a basic understanding of HTML, CSS, and JavaScript.

Q. Are lecture sources provided?

You can download the lecture source by taking this course, and the basic source is also provided onGithub .

Q. I'm using Vue.js 2 or 3. Should I also take the basics course?

  • If you are currently familiar with Vue.js 3 syntax, I recommend [Practical Edition].
  • If you are currently using Vue.js 2, I recommend both [Basic] and [Practical].
  • If you are new to Vue.js, I strongly recommend that you read both [Basics] and [Practical].
  • As for other personal differences, I think you can decide after carefully looking at the curriculum. 🙂

Q. What can I gain from taking this course?

You can learn not only Vue.js 3, but also core libraries such as Vue Router and Pinia.
As a bonus, you'll even gain skills in Bootstrap.


Introducing the knowledge sharer ✒️

I launched the "Building a Vue & Vuetify Admin Site" course on YouTube and Inflearn, and I'm so grateful to have received such great feedback 😃

  • [Building a Vuetify Admin Site - "Basic" (Free)] 1,313 students , 4.9 rating
  • [Building a Vuetify Admin Site - "Practical" (Paid)] 441 students , 5.0 rating

Since 2021, some of you have been asking for a Vue.js 3 course! And I've also noticed that many people are still unfamiliar with front-end technologies like Vue.js, NPM, and Webpack, especially when asked about Vuetify. So, I've been thinking about filming a lecture, and now that Vue.js 3 seems to be the official version, I've done my best to prepare a PPT and lesson plan.
The Jimcoding YouTube channel I run will feature content covering not only front-end and back-end, but also the overall process of creating AWS infrastructure web services.
Thank you for your interest and love.

This is the Jim Coding YouTube channel that creates practical coding content .
YouTube | GitHub | Gymstagram |Codingstagram

Recommended for
these people

Who is this course right for?

  • Anyone who wants to become a front-end developer

  • Anyone who wants to create great web applications

  • For those who want to learn thoroughly based on official documents

Need to know before starting?

  • HTML, CSS Basics

  • JavaScript Basics

  • Vue.js 3 Complete Mastery: From Basics to Practice - "Basics"

Hello
This is

24,864

Learners

1,402

Reviews

633

Answers

4.9

Rating

17

Courses

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

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

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

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

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

Curriculum

All

37 lectures ∙ (6hr 42min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

158 reviews

4.9

158 reviews

  • hhee5356님의 프로필 이미지
    hhee5356

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    Tôi là một nhà phát triển web full-stack với 9 năm kinh nghiệm. Mình bắt đầu sử dụng Vue3 trong dự án này nên đã mua một cuốn sách về nghiên cứu nhưng không hiểu nội dung nên lần đầu tiên mình học trực tuyến và rất hài lòng. Tôi lấy cả phần cơ bản và phần thực hành. Anh ấy dạy tôi từng bước bằng cách sử dụng các ví dụ bắt đầu từ những điều cơ bản, sau đó nói với tôi rằng nếu có phần nào có thể áp dụng được, tôi có thể thay đổi ví dụ cơ bản và sử dụng nó như thế nào. cái này nên tôi hiểu rất rõ và rút ra được rất nhiều lời khuyên thiết thực. Tôi thực sự không biết cách sử dụng Bootstrap vì tôi đã làm việc trên rất nhiều dự án trong đó công việc công cộng và công việc phát triển hoàn toàn tách biệt, nhưng điều tuyệt vời hơn nữa là bạn đã dạy tôi cách sử dụng Bootstrap. Tôi chắc chắn giới thiệu nó cho bất kỳ ai muốn nghiên cứu Vue3.

    • gymcoding
      Instructor

      Wow~!🤭 Cảm ơn bạn đã chăm chỉ hoàn thành khóa học~!! Cảm ơn!!! 😀 🎉

  • jaysss님의 프로필 이미지
    jaysss

    Reviews 6

    Average Rating 4.8

    5

    97% enrolled

    Nếu bạn xem tài liệu chính thức để nghiên cứu thư viện hoặc framework, bạn có thể cảm thấy bối rối, Tiếng Anh => Thường rất khó để hiểu ý nghĩa ngay lập tức khi nó được dịch sang tiếng Hàn. Thông qua bài giảng này, thật tốt khi có thể hiểu được cả những điều cơ bản và một số chi tiết chuyên sâu xuất hiện trong tài liệu View chính thức. Tôi nghĩ điểm mạnh của khóa học này là tính tỉ mỉ của nó. Tôi khuyên bạn nên dùng nó nếu bạn muốn xem qua nội dung của tài liệu chính thức :))

    • gymcoding
      Instructor

      Ôi~! Cảm ơn bạn~!! 🙂 Cảm ơn bạn đã làm việc chăm chỉ! 🎉

  • wonjinyi3829님의 프로필 이미지
    wonjinyi3829

    Reviews 9

    Average Rating 5.0

    5

    100% enrolled

    Đó là một lớp học hay dạy những điều dễ bỏ sót, giải thích lý do tồn tại một số khái niệm nhất định và cho thấy quá trình cải thiện mã. Nếu bạn đang tìm cách bắt đầu với Vue3 thì khóa học này là sự lựa chọn tốt nhất. Nó không phải là một bài viết ngắn gọn mà chỉ giới thiệu các thông số kỹ thuật. Đây là lớp học về các chức năng của Vue bằng cách triển khai một bảng thông báo đơn giản. Vì vậy, tôi dành nhiều thời gian để học hỏi và thực hiện cách tư duy của thầy.

    • gymcoding
      Instructor

      Ôi~! Cảm ơn những lời tốt đẹp của bạn 🙂 Cảm ơn bạn đã làm việc chăm chỉ! 🎉

  • jesusab930467님의 프로필 이미지
    jesusab930467

    Reviews 2

    Average Rating 5.0

    5

    97% enrolled

    Tôi đang sử dụng Vue3 trong một dự án thực tế, vì vậy tôi đang khẩn trương lắng nghe những kiến ​​thức cơ bản cũng như đào tạo thực tế và nghiên cứu nó. Tôi thực sự rất thích nghe điều này. Nó giúp ích rất nhiều. Tôi chắc chắn hiểu nó rõ hơn và thấy vui hơn vì tôi cũng đang làm công việc thực tế với nó. Tôi rất vui khi phát triển nó haha Bây giờ tôi dự định mua Quasar và bắt đầu học. tôi rất mong chờ!!!

    • gymcoding
      Instructor

      Cảm ơn bạn~!! 🙂 🎉

  • mju60130435님의 프로필 이미지
    mju60130435

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    Mình đã hoàn thành phần cơ bản và phần thực hành! Càng nghe giảng càng cảm thấy mình đã chuẩn bị sẵn sàng :) Thật tốt khi hiểu được nội dung tổng thể của Vue3 vì bài giảng đã tập trung vào nội dung cốt lõi. Tôi không nghĩ việc tìm kiếm các bộ phận chi tiết trong quá trình phát triển trên thực tế sẽ không thành vấn đề. Phong cách giảng dạy của Jim Coding hay đến mức tôi phải tìm những bài giảng khác liên quan đến mặt trận để nghe.

    • gymcoding
      Instructor

      đúng rồi!! Bạn có thể xem lại để biết chi tiết!! Tôi cũng vậy haha ​​​​cảm ơn bạn ~!! 😀

$68.20

gymcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!