BEST

Front-end

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

Name: Creating a Vuetify Admin Template - Practical (Based on Vue2)
Price: 55000 KRW
Rating: 5 (22 reviews)

Useful tips for those who are developing in practice with Vue&Vuetify! 😃

(5.0) 22 reviews

502 learners

Level Basic

Course period Unlimited

gymcoding

Vue.js

Vuetify

Vue.js

Vuetify

Reviews from Early Learners

5.0

coffeeman

100% enrolled

I learned about vuetify. Thank you.

5.0

toki moki

100% enrolled

It was a fun class Next time please... nuxt3 + vuetify3. I studied vuetify, but I really don't want to study quasar again.

5.0

어차

100% enrolled

It was a great help to me, who had no front-end experience, to be able to start with a fast, productive, high-quality UI. Thank you for the great lecture.

What you will gain after the course

Customize the style to suit your taste
Multiple Layout & Lazy Loading Settings
Practical tips for validation, custom components, implementing Vuex, and more!

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

Creating a Vuetify Admin Template: Practical Guide

_{Check out the demo page (link)}

Lecture Introduction 📖

Vuetify SASS Variables, Nav submenu settings! And more!
Practical tips for developing with Vue, including lazy loading, form validation, custom components, and applying Vuex!

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 ✒️

This is the Jim Coding YouTube channel that creates practical coding content .
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
Developers considering adopting Vuetify

Need to know before starting?

HTML
CSS
Javascript
Vue
Jimcoding Vuetify Basics

Hello
This is gymcoding

Inflearn Verified

Career Verified

40,227

Learners

3,510

Reviews

1,898

Answers

4.9

Rating

Courses

Hello! 👋
I’m Jim Coding, a coding education creator 😊

I teach in a way that non-developers can follow, making it as easy as possible while going in-depth enough to satisfy practitioners.
With 15 years of experience as a full-stack developer, I currently share programming and AI knowledge on YouTube and Inflearn.

From developing services for major corporations such as KT and Kia to building the Cafe24 e-commerce platform, a smart city IoT data platform, and proprietary services I created while running an education company, I have personally designed and built everything from the frontend and backend to AWS infrastructure.

I am now dedicating the development experience I have built up over the years to sharing knowledge.
I will deliver the essential knowledge you need in the AI era in a clear yet in-depth way.

🏆 Proven Results

🥇 Inflearn 2026 Claude Code Course BEST 1

🏆 Selected as an Inflearn 2025 Bestseller

🔥 Inflearn 2025 'The Hottest Course Right Now' - Claude Code

🎬 50,000+ YouTube subscribers · 3.6M+ total views

👨‍💻 Career

15-year full-stack developer · Currently running an education company
Frontend: React · Vue · TypeScript
Backend: Node.js · Java · Spring · Python
Infrastructure: AWS · Serverless · Lambda architecture design
Inflearn Knowledge Sharer

Startup (Entrepreneur)

Experience filing and registering patents and trademarks
Selected for multiple government startup support programs (including “Best” at Smart Venture Campus)

Corporate training (B2B)

Multicampus - In-person training on 'Claude Code' for corporate professionals
Shinhan Card Developer Training - Hosted by Multicampus, Live Online
Korea Software Human Resources Development Institute Special Lecture · Public Agency IT Mentor

🙋‍♂️ See More

🔥 GymCoding Lab - gymcoding.co
💻 YouTube - YouTube
🐙 GitHub - GitHub
📸 Instagram - Instagram
🧵 Threads - Thread
🏢 Business inquiries - biz@gymcoding.co
💬 General inquiries - hello@gymcoding.co

Curriculum

All

14 lectures ∙ (2hr 22min)

Section 1. Lecture introduction

2 lectures ∙ (2min)

1. Lecture introduction
02:23
2. Community

Section 2. Practical training 1

6 lectures ∙ (1hr 2min)

3. Style Custom - SASS Variables
12:09
4. Multiple Layouts Part 1
10:13
5. Multiple Layouts Part 2
15:06
6. Nav Submenu Settings
13:22
7. Nav Submenu Settings (Supplement)
8. Lazy Loading
11:21

Section 3. Form Validation Check

3 lectures ∙ (43min)

9. Form Validation Part 1
14:20
10. Form Validation Part 2
11:50
11. Form Validation Part 3
17:20

Section 4. Practical training 2

3 lectures ∙ (34min)

Published: 05/24/2021

Last updated: 05/13/2025

Reviews

All

22 reviews

5.0

22 reviews

fordev
Reviews 6
∙
Average Rating 5.0
11/22/2022
5
100% enrolled
It was a fun class Next time please... nuxt3 + vuetify3. I studied vuetify, but I really don't want to study quasar again.
- gymcoding
  Instructor
  11/22/2022
  Thank you for your hard work! Thank you~!! 🙂
comganet
Reviews 15
∙
Average Rating 5.0
02/15/2023
5
100% enrolled
I learned about vuetify. Thank you.
- gymcoding
  Instructor
  02/17/2023
  Thank you~!! 🙂 🎉
capvirus1451
Reviews 2
∙
Average Rating 5.0
05/16/2022
5
85% enrolled
It fits perfectly into my head
- gymcoding
  Instructor
  05/18/2022
  Thank you for your kind words~!!! 🙂 💪
aircha
Reviews 24
∙
Average Rating 4.6
11/20/2022
5
100% enrolled
It was a great help to me, who had no front-end experience, to be able to start with a fast, productive, high-quality UI. Thank you for the great lecture.
- gymcoding
  Instructor
  11/21/2022
  Thank you! Thank you for your hard work~!! 🙂
zubi938
Reviews 5
∙
Average Rating 5.0
05/14/2022
5
100% enrolled
I really like that the lectures are comprised of only practical content. I'm glad I found the content I needed for my project here.
- gymcoding
  Instructor
  05/15/2022
  Thank you. Have a nice weekend~! 💪

gymcoding's other courses

Check out other courses by the instructor!

Mastering Claude Code: From AI Development Workflow Basics to Real-World Practice

gymcoding

Explore → Plan → Implement → Commit. Master a proven AI development workflow with Claude Code. Learn everything from MCP and sub-agents to prompt engineering through 23 missions, and complete 3 real-world projects.

Beginner

React, AI, claude

Mastering Claude Code: From AI Development Workflow Basics to Real-World Practice

gymcoding

Vue3 Perfect Master: From Basics to Practice - "Basic Edition"

gymcoding

Based on the official documentation, this course covers the Vue 3 specifications in detail and in depth to enable web development with Vue.js 3.

Basic

Vue.js

Vue3 Perfect Master: From Basics to Practice - "Basic Edition"

gymcoding

Create and publish a portfolio site! : Practical application of web development introduction

gymcoding

If you have learned HTML&CSS and JavaScript, try creating and deploying your own portfolio site using them. Actually using them will greatly help improve your skills.

Beginner

HTML/CSS, JavaScript, github-pages

Create and publish a portfolio site! : Practical application of web development introduction

gymcoding

Introduction to HTML&CSS Web Development for Beginners

gymcoding

You can learn HTML and CSS to learn the basic knowledge needed to create a website. This is a lecture that explains things really easily so that you don't have to be afraid when you first approach coding.

Beginner

HTML/CSS

Introduction to HTML&CSS Web Development for Beginners

gymcoding

Introduction to ES6+ Latest JavaScript for Beginners

gymcoding

I've seen a lot of people around me who are just starting out with coding. Those with experience say that JavaScript is easy, but those who are new to it can't help but find it difficult. That's why I've prepared easy and informative content for those who are just starting out with coding. 💪🙂

Basic

JavaScript, ES6

Introduction to ES6+ Latest JavaScript for Beginners

gymcoding

Front-end Wings: Knowledge You Must Know Before Learning Vue and React

gymcoding

Through this course, you can solidify the knowledge you need to know before becoming a front-end developer, such as Webpack and NPM.

Basic

Webpack

Front-end Wings: Knowledge You Must Know Before Learning Vue and React

gymcoding

Asynchronous Programming: Promise, async/await Complete

gymcoding

This lecture clearly explains the concepts and operation principles of Promise and async/await in asynchronous programming in JavaScript, and helps you to skillfully handle asynchronous processing in practice.

Basic

promise, async-await, asynchronous-programming

Asynchronous Programming: Promise, async/await Complete

gymcoding

Master Next.js Completely: Build a Notion-Based Developer Blog (with Cursor AI)

gymcoding

This course teaches you the latest Next.js v15 App Router while building a practical, Notion-based developer blog together. You’ll also gain various insights, including how to use Cursor AI.

Basic

React, Blog, Next.js

Master Next.js Completely: Build a Notion-Based Developer Blog (with Cursor AI)

gymcoding

The Latest Vue 3 Complete Guide: Project Setup & Specifications

gymcoding

This is a follow-up lecture to "Vue 3 Perfect Master", and it will teach you how to set up a project and learn the latest specifications of the latest Vue 3 version. This lecture is provided free of charge to those who have taken the Vue Basics or Practical Course.

Basic

Vue.js, Vue 3, TailwindCSS

The Latest Vue 3 Complete Guide: Project Setup & Specifications

gymcoding

Master TailwindCSS: From Portfolio to Admin!

gymcoding

Learn TailwindCSS from the basics to practical use in one class! Learn everything from layout composition to responsive design and dark mode with two projects!

Basic

HTML/CSS, TailwindCSS, JavaScript

Master TailwindCSS: From Portfolio to Admin!

gymcoding

Master React: From Basic Concepts to LinCanva Projects

gymcoding

Are you new to React? Learn the basics of React in one course and gain practical experience through a LinCanvas project. Then you can confidently apply for a job as a front-end developer!

Basic

React, react-query, react-router

Master React: From Basic Concepts to LinCanva Projects

gymcoding

[Latest] The Ultimate Vue Lecture: Nuxt 3 Perfect Mastery

gymcoding

This is a lecture on the Nuxt framework that helps you quickly create high-performance web based on Vue. I can confidently say that this is a must-see lecture for those who are using Vue in the field!

Intermediate

Vue.js, Nuxt.js, pinia

[Latest] The Ultimate Vue Lecture: Nuxt 3 Perfect Mastery

gymcoding

Vue 3 & Firebase 10 Community Building Full Stack - "Practical Use" (with Pinia, Quasar, Tiptap, VueUse)

gymcoding

This course on creating a community using Vue3 & Firebase(v10) will help you grow as a developer in various ways, including practical use of Vue3, Firebase basics to practical use, use of the latest web technologies, and sharing experiences as a knowledge sharer!

Intermediate

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 Community Building Full Stack - "Practical Use" (with Pinia, Quasar, Tiptap, VueUse)

gymcoding

Quasar Perfect Mastery: If you want to make Vue front-end web quickly! (Based on Vue3)

gymcoding

This course is for those who want to use Quasar while developing a web with Vue.js. Are you someone who needs to quickly build a front-end web within the company or someone who needs to create their own cool UI? Through this course, you can easily and quickly create a front-end web.

Basic

Quasar, Vue.js

Quasar Perfect Mastery: If you want to make Vue front-end web quickly! (Based on Vue3)

gymcoding

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

gymcoding

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".

Basic

Vue.js

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

gymcoding

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

gymcoding

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

Basic

Vue.js, Vuetify

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

gymcoding

Similar courses

Explore other courses in the same field!

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

gymcoding

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

Basic

Vue.js, Vuetify

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

gymcoding

Quasar Perfect Mastery: If you want to make Vue front-end web quickly! (Based on Vue3)

gymcoding

Basic

Quasar, Vue.js

Quasar Perfect Mastery: If you want to make Vue front-end web quickly! (Based on Vue3)

gymcoding

Hodolman's Stomach-Turning Development Show (SpringBoot, Vue.JS, AWS)

hodolman888675

It doesn't end with just creating one application. We will show you the A-Z of completing a service by connecting a Vue.js modern front-end stack to a backend using Spring Boot.

Intermediate

Spring Boot, JPA, AWS

Hodolman's Stomach-Turning Development Show (SpringBoot, Vue.JS, AWS)

hodolman888675

Vue.js - Django Integration Web Programming (Practical)

bestdjango

Let's try upgraded web programming by using Vue.js, a client-specific FW, and Django, a server-specific FW. You can do it easily without using VueRouter and Vuex on the Vue side, or DRF on the Django side.

Basic

Vue.js, Django, Vuetify

Vue.js - Django Integration Web Programming (Practical)

bestdjango

Creating a job search site with Vue3 and Supabase

Michael Kwon

From developing your own full-stack application to a Progressive Web App (PWA)!

Basic

Vue.js, PWA, supabase

Creating a job search site with Vue3 and Supabase

Michael Kwon

Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap

gis

You can easily learn Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login~~

Basic

Vue.js, PWA, Firebase

Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap

gis

Kakao, Google SNS Login (springboot3, vue3)

bradkim

Implement Kakao and Google login using Spring Boot. JWT token-based login will be implemented. A simple interface will be constructed using Vue 3.

Basic

OAuth, oauth2, JWT

Kakao, Google SNS Login (springboot3, vue3)

bradkim

Vue-Django-Bootstrap Quick Blog

bestdjango

You can create a simple yet beautiful blog using the popular trio (Vue + Django + Bootstrap). It is responsive and can be viewed on smartphones as well.

Basic

Vue.js, Django, Bootstrap

Vue-Django-Bootstrap Quick Blog

bestdjango

The Latest Vue 3 Complete Guide: Project Setup & Specifications

gymcoding

Basic

Vue.js, Vue 3, TailwindCSS

The Latest Vue 3 Complete Guide: Project Setup & Specifications

gymcoding

Planner, how about learning this level of web development? [Theory + Practice]

bokchi

This is a fast-paced development course for busy planners. You can learn the entire development process by developing web front-end, back-end, and DB yourself with simple explanations.

Beginner

HTML/CSS, JavaScript, Vue.js

Planner, how about learning this level of web development? [Theory + Practice]

bokchi

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

5.0

What you will gain after the course

Creating a Vuetify Admin Template: Practical Guide

Lecture Introduction 📖

Lecture Reactions 📝

Lecture Keyword

Introducing the Knowledge Sharer ✒️

Expected Questions Q&A 💬

Recommended for these people

HelloThis is gymcoding

Hello! 👋I’m Jim Coding, a coding education creator 😊

🏆 Proven Results

👨‍💻 Career

Startup (Entrepreneur)

Corporate training (B2B)

🙋‍♂️ See More

Curriculum

Reviews

gymcoding's other courses

Similar courses

Recommended for
these people

Hello
This is gymcoding

Hello! 👋
I’m Jim Coding, a coding education creator 😊