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

/

Front-end

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

We cover the Vue 3 spec in detail and depth based on the official documentation to enable web development with Vue.js 3.

(4.9) 273 reviews

2,802 learners

  • gymcoding
Vue.js

Reviews from Early Learners

What you will learn!

  • Vue3 Composition APIs

  • Vue3 components, from basics to advanced!

  • Starting a Project with Vite

  • Difference between <script setup> syntax and regular <script>

  • We cover the basics in depth based on official English documents.

First, let's learn Vue.js 3 easily with the basics.
Learn in detail and 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 basic version 💁‍♂️





For those new to Vue.js 3, this course focuses on learning the latest Vue.js 3 syntax, based on the official documentation. The course outline is as follows.

  • HTML, CSS, and JavaScript into a component-based Vue.js web app The process of change
  • Difference between Options API and Composition API
  • Starting a Project with Vite
  • ESLint Prettier Settings
  • Official documentation Composition API grammar reflecting the latest specifications
  • Vue.js 3 Components Basics and Advanced
  • <script setup>과 일반 <script> 차이


Bootstrap UI Framework 💻


보너스로 본 강의에서는 Bootstrap을 사용하며 공식문서에서 원하는 컴포넌트를 찾아 사용하는 것을 직접 보여드립니다. 이러한 과정을 통해 자연스럽게 부트스트랩 사용법을 보너스로 얻어가실 수 있어요 :)


예상 질문 Q&A 💬

Q. 웹 개발 지식이 없는 상태에서 웹 서비스를 만들고 싶은데 어떻게 해야 할까요?

이 강의는 HTML, CSS, JavaScript 기초를 알고 있는 상태에서 수강하기에 적합한 강좌입니다. 

  • HTML / CSS 강좌 Click!
  • JavaScript 강좌 클릭 Click!
  • 프론트엔드 날개달기 Click!

Q. 강의소스가 제공되나요?

강의소스는 본 강의를 수강하시면 다운로드 받을 수 있으며, 기본편 소스는 Github에서도 제공됩니다.

Q. Vue.js 2 혹은 3을 사용하고 있는데, 기본편도 들어야할까요?

  • 만약 현재 Vue.js 3 문법을 알고 계신다면 [실전편]을 권장드립니다.
  • 만약 현재 Vue.js 2를 사용하고 계신다면 [기본편], [실전편] 모두 권장드립니다.
  • Vue.js를 처음 접하신다면 꼭 [기본편], [실전편] 모두 보는것을 강력 추천드립니다.
  • 기타 개인적인 차이는 커리큘럼을 꼼꼼히 보신 후 결정하시면 될 것 같아요. 🙂

Q. 강좌를 수강한 후에는 어떤 것을 얻어갈 수 있을까요?

Vue.js 3뿐만 아니라, Vue Router, Pinia와 같은 핵심 라이브러리를 배울 수 있습니다.
보너스로 Bootstrap에 대한 스킬까지 가져가실 수 있습니다.


지식공유자를 소개합니다 ✒️

유튜브와 Inflearn에서 "Vue&Vuetify Admin 사이트 만들기" 강의를 론칭했으며 많은 분들이 너무 감사하게도 좋은 피드백을 주셨습니다 😃

  • [Vuetify Admin 사이트 만들기 - "기본편"(무료)] 총 수강생 1,313명평점 4.9
  • [Vuetify Admin 사이트 만들기 - "실전편"(유료)] 총 수강생 441명평점 5.0

지난 2021년부터 Vue.js 3 강의를 원하셨던 분들이 계셨어요! 그리고 저 또한 Vuetify를 강의 질문 중 Vue.js나 NPM, Webpack과 같은 프론트엔드 관련 지식을 아직 잘 모르시는 분들이 많다는 것을 느꼈습니다. 그래서 강의를 찍어야지 생각만 하다, 이제 Vue.js 3가 공식버전으로 자리잡힌 것 같아서 PPT와 교안 등 최선을 다해 준비했습니다.
제가 운영하고 있는 짐코딩 유튜브 채널에서는 프론트엔드, 백엔드뿐만 아니라 AWS 인프라 웹 서비스를 만들기 전반적인 콘텐츠로 다가올 예정입니다.
많은 관심과 사랑 부탁드립니다. 감사합니다.

실용적인 코딩컨텐츠를 만들어 가는 유튜브 짐코딩 채널입니다.
유튜브 | 깃헙 | Gym스타그램 | Coding스타그램

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

  • Giving wings to the front-end of Jim Coding

Hello
This is

24,572

Learners

1,354

Reviews

629

Answers

4.9

Rating

17

Courses

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

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

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

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

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

Curriculum

All

37 lectures ∙ (7hr 48min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

273 reviews

4.9

273 reviews

  • design님의 프로필 이미지
    design

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    1.5배로 들어도 레퍼못지 않은 알찬내용과 정확한 발음으로 굉장히 알아듣기 쉽게 설명하는게 좋았습니다. 많은 도움 되었습니다

    • 짐코딩
      Instructor

      1.5배 좋아요!ㅎㅎ 와우 레퍼ㅋ 감사합니다~!! 🙂

  • kimjuno97님의 프로필 이미지
    kimjuno97

    Reviews 6

    Average Rating 5.0

    5

    100% enrolled

    npm trends에서 11월~12월 사이에 vue 다운로드 수가 리액트의 3배정도 뛰어넘었던데, 해당강의는vue3 입문에 정말 많은 도움이 되는 거 같습니다,!,

    • 짐코딩
      Instructor

      와우~! 감사합니다~!! 🙂 🎉

  • 박상우님의 프로필 이미지
    박상우

    Reviews 5

    Average Rating 5.0

    5

    100% enrolled

    기존에 리액트로 1년간 프로젝트를 진행했고 최근 이직하면서 Vue를 사용하게되어 강의를 듣게 되었습니다. 이전에 들었던 강의들도 좋았지만, 해당 강의를 들으면서 내용이 참 알차고 필요한 부분만 잘 담았다고 생각했습니다. 제가 들었던 강의중에 가장 좋았던 것 같아요

    • 짐코딩
      Instructor

      완강 축하드려요! 🎉 도움이 되었다니 다행이에요! 감사합니다~!! 🙂

  • mju6013님의 프로필 이미지
    mju6013

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    실무에서 갑작스럽게 Vue3를 사용하게 되었는데, 짧은 강의 시간으로 많은 것을 얻어가는 것 같습니다. Vue2에 대한 지식이 없는 분들도 쉽게 이해할 수 있는 수준으로 진행해 주신 것 같고 강사님 딕션이 좋으셔서 집중이 잘 되는 것 같아요 : ) 실전편과 Vuetify 관련 강의들도 들을 예정입니다!

  • bestksw님의 프로필 이미지
    bestksw

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    강의들 중에 가장 깊이가 있고 이를 쉽게 잘 전달하는 능력을 가지신 짐코딩님 감사합니다.

    • 짐코딩
      Instructor

      와우~!! 수고하셨습니다 ㅎ 🎉 감사합니다~!! 🙂

$51.70

gymcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!