강의

멘토링

로드맵

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) 162 reviews

2,190 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

25,197

Learners

1,443

Reviews

642

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

162 reviews

4.9

162 reviews

  • hhee5356님의 프로필 이미지
    hhee5356

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    9年目のフルスタックウェブ開発者です。 今回のプロジェクトでvue3を使って本を買って勉強して、とても内容が目に入らず、初めてオンライン講義を聞いてみましたが、とても満足しています。 基礎と実戦の両方を聞きましたが、基礎から例を利用してじっくりと教えてくれ、その後応用できる部分ができれば基礎の例でこう変えてこんなにも使えると教えてくれたので理解も上手になり、実務のヒントもたくさん得てきました。 パブリック業務と開発業務が完全に分離されたプロジェクトを多くして、実際にブートストラップをどのように書くべきか分からずに住んでいましたが、ブートストラップを利用できる方法も教えてくれたので、さらに良かったです。 vue3 勉強したい方は無条件におすすめです。

    • gymcoding
      Instructor

      うわー!! ありがとうございます! 😀🎉

  • jaysss님의 프로필 이미지
    jaysss

    Reviews 6

    Average Rating 4.8

    5

    97% enrolled

    ライブラリやフレームワークを勉強しようと公式文書を見れば幕屋や、 英語=>ハングルに翻訳された翻訳体で、その意味を一気に理解するのが難しい場合が多いのですが この講義を通じて、ビューの公式文書に出てくる基本的なものと少しの深化的な部分をすべて知ることができます。 細心の注意がこの講義の利点のようです。 公式文書上の内容を見たい場合はお勧めします:))

    • gymcoding
      Instructor

      うわー!ありがとう〜! 🙂 お疲れ様でした! 🎉

  • wonjinyi3829님의 프로필 이미지
    wonjinyi3829

    Reviews 9

    Average Rating 5.0

    5

    100% enrolled

    見逃しやすいことを教えてくれ、なぜ概念が存在するのかを示し、コードを改善するプロセスを示す素晴らしいレッスンです。 スペックそのものだけを紹介する式の、呼吸が速い構成ではありません。

    • gymcoding
      Instructor

      うわー!良い言葉ありがとうございます🙂 お疲れ様でした! 🎉

  • jesusab930467님의 프로필 이미지
    jesusab930467

    Reviews 2

    Average Rating 5.0

    5

    97% enrolled

    実務プロジェクトでVue3を書くことになり、基礎、実戦を急いですべて聞いて作業をしています。本当によく聞きました。助けがたくさんなりました。楽しく開発していますㅎㅎㅎ これでクエーサーを購入して学習する予定です。よろしくお願いします!

    • gymcoding
      Instructor

      ありがとう〜! 🙂🎉

  • mju60130435님의 프로필 이미지
    mju60130435

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    基本編に続き実戦編まで受講完了しました! 講義を聞くと聞くほど準備をたくさんしたと感じられるようです:) コアコンテンツを中心としたレッスンで、Vue3の全体的な内容を理解するのは良かった。 ディテールな部分は実務で開発しながら探してみても無理がないようだね ジムコーディングの講義スタイルがとても好きで、フロント関連の他の講義も探して聞かなければなりません。

    • gymcoding
      Instructor

      そうです!ディテールな部分はまた探してみてください!私もそうですㅎㅎありがとうございます〜! 😀

$68.20

gymcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!