Front-end

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,269 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

24,770

Learners

1,382

Reviews

631

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

muskdeer
Reviews 7
∙
Average Rating 5.0
5
100% enrolled
- gymcoding
  Instructor
  ありがとうございます～！ 👍
netioi3057
Reviews 1
∙
Average Rating 5.0
5
33% enrolled
- gymcoding
  Instructor
  ありがとうございます~! ☺️
hyup
Reviews 15
∙
Average Rating 5.0
5
100% enrolled
dindine
Reviews 1
∙
Average Rating 5.0
5
33% enrolled
vuetify入門用として良い講義のようです。講師様の声のトーンや発音も適切で快適に聞いて良かったです。残念な部分はどうしても時間が過ぎているのか各セッティングごとにバージョンが違って生じる問題なのですが、この部分は仕方ないようです。良い講義無料でご提供いただきありがとうございます！
- gymcoding
  Instructor
  ありがとうございます〜！ 💪
kukaeden
Reviews 439
∙
Average Rating 5.0
5
27% enrolled
Vuetifyについてたくさん学びました！
- gymcoding
  Instructor
  ありがとうございます〜！

Free

gymcoding's other courses

Check out other courses by the instructor!

React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで

gymcoding

React を初めて学習しますか? この講座で React の基礎を学び、LinCanvas プロジェクトを通じて実務経験を積んでください。そうすれば、自信を持ってフロントエンド開発者として就職できます!

Basic

React, react-query, react-router

React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで

gymcoding

TailwindCSS を完全にマスター: ポートフォリオから管理まで!

gymcoding

1つの講義でTailwindCSSの入門から実践までを完了! 2つのプロジェクトでレイアウト構成からレスポンシブデザイン、ダークモードまで完璧に学んでください。

Basic

HTML/CSS, TailwindCSS, JavaScript

TailwindCSS を完全にマスター: ポートフォリオから管理まで!

gymcoding

Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

gymcoding

最新のNext.js v15 App Routerを学習しながら、Notion基盤の実用的な開発者ブログを一緒に構築する講義です。さらにCursor AI活用法など様々なインサイトも得ることができます。

Basic

React, Blog, Next.js

Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

gymcoding

Vue3パーフェクトマスター：基礎から本番まで - 「基本編」

gymcoding

Vue.js 3でWeb開発を行うための公式文書に基づいてVue 3の仕様を詳しく深く扱います。

Basic

Vue.js

Vue3パーフェクトマスター：基礎から本番まで - 「基本編」

gymcoding

ポートフォリオサイトを作成して公開まで！: Web 開発入門活用編

gymcoding

HTML&CSS、JavaScript を学んだら、それらを利用して自分でポートフォリオサイトを作成し、公開してみましょう。実際に使ってみると、私たちのスキルを向上させるのに大いに役立ちます。

Beginner

HTML/CSS, JavaScript, github-pages

ポートフォリオサイトを作成して公開まで！: Web 開発入門活用編

gymcoding

[最新]Vue川の終わりの王：Nuxt 3完璧マスター

gymcoding

Vueベースでパフォーマンスに優れたWebをすばやく作成するのに役立つNuxtフレームワーク講義です。

Intermediate

Vue.js, Nuxt.js, pinia

[最新]Vue川の終わりの王：Nuxt 3完璧マスター

gymcoding

クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）

gymcoding

Vue.jsでウェブ開発を行い、クエサー（Quasar）を利用したい方のための講義です。社内でフロントウェブをすばやく構築する必要がある方、または自分だけの素敵なUIを作成しなければならない方ですか？このレッスンを通じて簡単かつ迅速にフロントウェブを作成できます。

Basic

Quasar, Vue.js

クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）

gymcoding

Vue3パーフェクトマスター：基礎から本番まで - 「本編」

gymcoding

Vue.js 3で本番プロジェクトを開発し、Composition APIの使い方を理解しています。さらに、このコースを受講すると、「Vue Router v4」と「Pinia」、「Boostrap」のスキルを取得できます。

Basic

Vue.js

Vue3パーフェクトマスター：基礎から本番まで - 「本編」

gymcoding

最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

gymcoding

"Vue 3 完全マスター" 後続の講義で最新の Vue 3 バージョンのプロジェクト設定と最新のスペックを習得する講義です。

Basic

Vue.js, Vue 3, TailwindCSS

最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

gymcoding

フロントエンドウィング：Vue、Reactを学ぶ前に必ず知っておくべき知識

gymcoding

この講義を通じて、Webpack、NPMなどのフロントエンド開発者になる前に必ず知っておくべき知識をしっかりと固めることができます。

Basic

Webpack

フロントエンドウィング：Vue、Reactを学ぶ前に必ず知っておくべき知識

gymcoding

非同期プログラミング: Promise、async/await を徹底的に理解する

gymcoding

この講義では、JavaScript 非同期プログラミングにおける Promise と async/await の概念と動作原理を明確に説明し、実務で非同期処理を熟練して扱うことができるように支援します。

Basic

promise, async-await, asynchronous-programming

非同期プログラミング: Promise、async/await を徹底的に理解する

gymcoding

Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

gymcoding

Vue3＆amp; Firebase(v10)を活用してコミュニティを作る講義でVue3実践活用法、Firebase基礎から実戦、最新のWeb技術活用法、知識共有者経験共有など多様な方面で開発者として一段階成長できるようにします！

Intermediate

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

gymcoding

入門者のための、HTML&CSS ウェブ開発入門

gymcoding

HTMLとCSSを学ぶことで、ウェブサイトの制作に必要な基本的な知識を学ぶことができます。コーディングに初めて触れる際に恐れがないように、本当に分かりやすく説明した講義です。

Beginner

HTML/CSS

入門者のための、HTML&CSS ウェブ開発入門

gymcoding

入門者のための、ES6+の最新のJavaScript入門

gymcoding

周辺でコーディングを初めて始める方々をたくさん見ました。キャリアの方はJavaScriptが簡単だと言いますが、初めて接する方は難しく感じるしかありません。だから今回の講義はコーディングに入門される王初歩の方々のために簡単！ちょっと！内容を用意しました。 💪🙂

Basic

JavaScript, ES6

入門者のための、ES6+の最新のJavaScript入門

gymcoding

Vuetify Admin Templateを作成する - 本番編 (Based Vue2)

gymcoding

Vue&Vuetifyで実務で開発されている人のための便利なヒント！ 😃

Basic

Vue.js, Vuetify

Vuetify Admin Templateを作成する - 本番編 (Based Vue2)

gymcoding

Similar courses

Explore other courses in the same field!

Vuetify Admin Templateを作成する - 本番編 (Based Vue2)

gymcoding

Vue&Vuetifyで実務で開発されている人のための便利なヒント！ 😃

Basic

Vue.js, Vuetify

Vuetify Admin Templateを作成する - 本番編 (Based Vue2)

gymcoding

Vue3パーフェクトマスター：基礎から本番まで - 「基本編」

gymcoding

Vue.js 3でWeb開発を行うための公式文書に基づいてVue 3の仕様を詳しく深く扱います。

Basic

Vue.js

Vue3パーフェクトマスター：基礎から本番まで - 「基本編」

gymcoding

Vue.js - DjangoインターロックWebプログラミング（実践編）

bestdjango

クライアントプロフェッショナルFWのVue.jsとサーバープロフェッショナルFWであるDjangoを一緒に活用して、アップグレードされたWebプログラミングをしましょう。 Vue側のVueRouterとVuexを使わなくても、Django側のDRFを使わなくても、簡単にできる。

Basic

Vue.js, Django, Vuetify

Vue.js - DjangoインターロックWebプログラミング（実践編）

bestdjango

カカオ、Google SNSログイン（springboot3, vue3）

bradkim

SpringBootを活用して、カカオ、Googleログインを実装します。JWTトークンベースのログインが実装されます。Vue3を通じて簡単な画面を構成します。

Basic

OAuth, oauth2, JWT

カカオ、Google SNSログイン（springboot3, vue3）

bradkim

Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

gis

Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login を簡単に学べます~~

Basic

Vue.js, PWA, Firebase

Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

gis

Vue-Django-Bootstrap 뚝딱ブログ

bestdjango

人気3総士（Vue + Django + Bootstrap）を活用して、簡単かつ素敵な自分のブログを作ることができます。レスポンシブは基本、スマートフォンでも見ることができます。

Basic

Vue.js, Django, Bootstrap

Vue-Django-Bootstrap 뚝딱ブログ

bestdjango

最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

gymcoding

"Vue 3 完全マスター" 後続の講義で最新の Vue 3 バージョンのプロジェクト設定と最新のスペックを習得する講義です。

Basic

Vue.js, Vue 3, TailwindCSS

最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

gymcoding

ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)

hodolman888675

単にアプリケーションを 1 つ作成するだけではありません。Spring Boot を活用したバックエンドから Vue.js モダンフロントエンドスタックを連携したサービスの完成まで、A から Z までご紹介します。

Intermediate

Spring Boot, JPA, AWS

ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)

hodolman888675

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