Creating a Vuetify Admin Template - Basics (Based on Vue2)

Learn the basics of Vuetify and create a stunning Material Design Admin website 😃

(4.9) 74 reviews

2,278 learners

gymcoding

Vue.js

Vuetify

Reviews from Early Learners

What you will learn!

Setting up a Vuetify project via the Vue CLI
Layout with Vuetify Grid System
Learn the basics of Vuetify Typography, Breakpoints, Color, etc.

Admin site created with Beauty Pie,
Join us for practical luggage coding 🏋️‍♀️

Creating a Vuetify Admin Template: Basics

_{Check out the demo page (link)}

Lecture Introduction 📖

Vuetify GridSystem, Typography, Breakpoints, Colors and more!
I'll explain the basics you need to know before using Vuetify 😃

Lecture Reactions 📝

Fortunately, many people were satisfied with the course 😃
(For those who feel the lecture speed is fast, we recommend watching at 0.75x speed 🙂 )

Lecture Keyword

#Practical #CodingContent

Introducing the Knowledge Sharer ✒️

Jim Coding YouTube channel that creates practical coding content no see.
YouTube | GitHub | Gymstagram | Codingstagram

Expected Questions Q&A 💬

Q. Do you provide source code?

Available through GitHub .

Q. I feel like the lecture pace is too fast.

Please check the video for feedback on lecture speed .

Q. What can I do after taking this course?

You can create a beautiful Admin site with Material Design!

Recommended for
these people

Who is this course right for?

People who want to develop a website with Vue
People who want to do web development with Material Design

Need to know before starting?

HTML
CSS
Javascript
Vue

Hello
This is

25,324

Learners

1,471

Reviews

642

Answers

4.9

Rating

Courses

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

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

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

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

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

Curriculum

All

15 lectures ∙ (1hr 52min)

Section 1. Lecture introduction

3 lectures ∙ (6min)

Section 2. Create a project

3 lectures ∙ (27min)

4. Create a project
10:15
5. Description of project structure
07:47
6. Project Settings
09:17

Section 3. Grid system

3 lectures ∙ (22min)

7. Grid System Part 1
06:08
8. Grid System Part 2
10:24
9. Grid System Part 3
06:19

Section 4. Learning Vuetify

6 lectures ∙ (55min)

Published:

Last updated:

Reviews

All

74 reviews

4.9

74 reviews

김정남
Reviews 7
∙
Average Rating 5.0
5
100% enrolled
- 짐코딩
  Instructor
  감사합니다~! 👍
netioi
Reviews 2
∙
Average Rating 5.0
5
33% enrolled
- 짐코딩
  Instructor
  감사합니다~! ☺️
대협
Reviews 15
∙
Average Rating 5.0
5
100% enrolled
딘딘은
Reviews 1
∙
Average Rating 5.0
5
33% enrolled
vuetify 입문용으로 좋은 강의인것 같습니다. 강사님의 목소리 톤과 발음도 적절해서 편안히 듣기 좋았습니다. 아쉬운 부분은 아무래도 시간이 지나서인지 각 세팅별로 버전이 달라 생기는 문제들인데, 이 부분은 어쩔수 없는것 같습니다. 좋은강의 무료로 제공해주셔서 감사할 따름입니다!
- 짐코딩
  Instructor
  감사합니다~! 💪
쿠카이든
Reviews 484
∙
Average Rating 5.0
5
27% enrolled
Vuetify에 대해 많이 배웠습니다! 좋은강의 감사드려요~~!
- 짐코딩
  Instructor
  감사합니다~! 💪

Free

gymcoding's other courses

Check out other courses by the instructor!

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

짐코딩

Vue.js 3로 실전 프로젝트를 개발하며 Composition API의 사용법을 숙지합니다. 뿐만 아니라 본 강좌를 수강하면 "Vue Router v4"와 "Pinia", "Boostrap"에 대한 기술을 가져가실 수 있습니다.

초급

Vue.js

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

짐코딩

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

React를 처음 배우시나요? 이 강의로 하나로 리액트 기초를 다지고, 린캔버스 프로젝트를 통해 실무 경험을 쌓아보세요. 그러면 자신있게 프론트엔드 개발자로 취업할 수 있어요!

초급

React, react-query, react-router

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

짐코딩

Vue.js 3로 웹 개발을 할 수 있도록 공식문서를 기반으로 하여 Vue 3 스펙을 자세하고 깊이있게 다룹니다.

초급

Vue.js

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

짐코딩

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

주변에서 코딩을 처음 시작하시는 분들을 많이 봤어요. 경력자 분들은 자바스크립트가 쉽다고 하지만 처음 접하시는 분들은 어렵게 느낄 수 밖에 없습니다. 그래서 이번 강의는 코딩에 입문하시는 왕초보 분들을 위해 쉽고! 알찬! 내용을 준비했습니다. 💪🙂

초급

JavaScript, ES6

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

최신 Next.js v15 App Router를 학습하며 노션 기반의 실용적인 개발자 블로그를 함께 구축하는 강의입니다. 추가로 커서 AI 활용법 등 다양한 인사이트도 얻을 수 있습니다.

초급

React, 블로그, Next.js

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

짐코딩

한 강의로 끝내는 TailwindCSS 입문부터 실전까지! 두 개의 프로젝트와 함께 레이아웃 구성부터 반응형 디자인! 다크모드! 까지 완벽하게 배워보세요.

초급

HTML/CSS, TailwindCSS, JavaScript

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

짐코딩

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

Vue 기반으로 성능이 뛰어난 웹을 빠르게 만들 수 있도록 도와주는 Nuxt 프레임워크 강의입니다. 현업에서 Vue를 사용하고 계신 분들이라면 꼭 보셔야하는 강의라고 자신있게 말씀드릴 수 있을 거 같아요~!

중급이상

Vue.js, Nuxt.js, pinia

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

비동기 프로그래밍: Promise, async/await 끝장내기

짐코딩

이 강의는 자바스크립트 비동기 프로그래밍에서 Promise와 async/await의 개념과 작동 원리를 명확히 설명하며, 실무에서 비동기 처리를 능숙하게 다룰 수 있도록 돕습니다.

초급

promise, async-await, asynchronous-programming

비동기 프로그래밍: Promise, async/await 끝장내기

짐코딩

프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식

짐코딩

이 강의를 통해 Webpack, NPM 등 프론트엔드 개발자가 되기 전에 꼭 알아야할 지식을 탄탄히 다질 수 있습니다.

초급

Webpack

프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식

짐코딩

입문자를 위한, HTML&CSS 웹 개발 입문

짐코딩

HTML과 CSS를 배워서 웹사이트 제작에 필요한 기본 지식을 배울 수 있습니다. 코딩을 처음 접할 때 두려움이 없도록 정말 알기 쉽게 설명한 강의입니다.

입문

HTML/CSS

입문자를 위한, HTML&CSS 웹 개발 입문

짐코딩

최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

짐코딩

"Vue 3 완벽 마스터" 후속 강의로 최신 Vue 3 버전의 프로젝트 설정과 최신 스펙을 익히는 강의입니다. Vue 기본편 또는 실전편을 수강하신 분들에게 무료로 제공되는 강의입니다.

초급

Vue.js, Vue 3, TailwindCSS

최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

짐코딩

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

짐코딩

HTML&CSS, 자바스크립트를 배웠다면 이를 활용하여 직접 포트폴리오 사이트를 만들고 배포해 보세요. 실제로 써 보는 것은 우리의 실력을 향상시키는 데 큰 도움이 될 것입니다.

입문

HTML/CSS, JavaScript, github-pages

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

짐코딩

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

Vue3 & Firebase(v10)를 활용하여 커뮤니티를 만드는 강의로 Vue3 실전 활용법, Firebase 기초부터 실전, 최신 웹 기술 활용법, 지식공유자 경험 공유 등 다양한 방면으로 개발자로써 한 단계 성장할 수 있도록 돕습니다!

중급이상

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

짐코딩

Vue.js로 웹 개발을 하며 퀘이사(Quasar)를 이용하고 싶은 분들을 위한 강의입니다. 사내에서 프론트 웹을 빠르게 구축해야 하는 분 또는 나만의 멋진 UI를 만들어야 하는 분이신가요? 이 강의를 통해서 쉽고, 빠르게 프론트 웹을 만들 수 있습니다.

초급

Quasar, Vue.js

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

짐코딩

Vuetify Admin Template 만들기 - 실전편 (Based Vue2)

짐코딩

Vue&Vuetify로 실무에서 개발하시는 분들을 위한 유용한 팁! 😃

초급

Vue.js, Vuetify

Vuetify Admin Template 만들기 - 실전편 (Based Vue2)

짐코딩

Similar courses

Explore other courses in the same field!

Vuetify Admin Template 만들기 - 실전편 (Based Vue2)

짐코딩

Vue&Vuetify로 실무에서 개발하시는 분들을 위한 유용한 팁! 😃

초급

Vue.js, Vuetify

Vuetify Admin Template 만들기 - 실전편 (Based Vue2)

짐코딩

[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

개발자의 품격

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 프론트엔드 부분에 대한 강의입니다. 이 강의는 강사의 저서 <Vue.js 프로젝트 투입 일주일 전>의 내용을 바탕으로 만들어진 강의입니다.

초급

Vue.js

[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

개발자의 품격

Vue.js - Django 연동 웹 프로그래밍 (실전편)

김석훈

클라이언트 전문 FW인 Vue.js와 서버 전문 FW인 Django를 같이 활용하여, 업그레이드된 웹 프로그래밍을 해보자. Vue 쪽의 VueRouter와 Vuex를 사용하지 않고도, Django 쪽의 DRF를 사용하지 않고도, 쉽게 할 수 있다.

초급

Vue.js, Django, Vuetify

Vue.js - Django 연동 웹 프로그래밍 (실전편)

김석훈

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

임종태

Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login를 쉽게 배울수 있어요~~

초급

Vue.js, PWA, Firebase

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

임종태

Vue.js - Django 연동 웹 프로그래밍

김석훈

Vue.js 와 Django 프레임워크를 사용하여, 웹 프로그래밍을 할 수 있다.

초급

Vue.js, Django

Vue.js - Django 연동 웹 프로그래밍

김석훈

카카오,구글 SNS 로그인(springboot3, vue3)

bradkim

springboot를 활용하여 카카오, 구글로그인을 구현합니다. jwt토큰 기반 로그인이 구현됩니다. vue3를 통해 간단한 화면을 구성합니다.

초급

OAuth, oauth2, JWT

카카오,구글 SNS 로그인(springboot3, vue3)

bradkim

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

호돌맨

단순히 애플리케이션 하나를 만드는데 끝나지 않습니다. Spring Boot를 활용한 백엔드부터 Vue.js 모던 프론트엔드 스택을 연동한 서비스 완성 A-Z를 보여드립니다.

중급이상

Spring Boot, JPA, AWS

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

호돌맨

최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

짐코딩

초급

Vue.js, Vue 3, TailwindCSS

최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

짐코딩

Creating a Vuetify Admin Template - Basics (Based on Vue2)

Reviews from Early Learners

What you will learn!

Creating a Vuetify Admin Template: Basics

Lecture Introduction 📖

Lecture Reactions 📝

Lecture Keyword

Introducing the Knowledge Sharer ✒️

Expected Questions Q&A 💬

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

gymcoding's other courses

Similar courses

Recommended for
these people

Hello
This is