강의

멘토링

로드맵

BEST
Programming

/

Front-end

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

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.

(5.0) 41 reviews

431 learners

  • gymcoding
quasar
vue
프론트엔드
웹개발
front-end
Quasar
Vue.js

Reviews from Early Learners

What you will learn!

  • How to Use Quasar "Properly": Typography, Color, Breakpoint, etc.

  • Form handling & validation, multilingual processing, and other practical knowledge required in practice!

  • Aligning & positioning components using Grid System and Layouts

  • Learn Quasar properly, including Quasar Utils & Plugins, SEO, Deployment, etc.

  • Get hands-on experience through Instagram, Youtube, and Login Page clone coding!

Want to draw UI quickly & properly?
Complete Quasar Mastery for the Latest Vue3!

Vue.js-based UI framework
Finish Quasar in one go

Are you familiar with Quasar , the Vue.js-based UI framework? This course will help you seamlessly create UIs for both personal and professional projects.


Easy, fast, convenient
If you want to develop the UI you want!

Initially, I was preparing a course on building a real-world community site using Vue3, Quasar, and Firebase. I also planned to use this community for my own personal use.

However, while I was creating a UI using Quasar, students asked me many questions about UI construction, and I thought, “In order to create the desired UI without any problems, we need a separate Quasar course.”

Because the more involved you are in the framework you use when building your initial web application, the greater the difference in development productivity and maintenance between knowing and using that framework “properly” and not.

So, since I'm preparing the lecture anyway,

  • To help those who create personal websites develop a great UI quickly.
  • This course will help developers in the field develop successful front-end web applications.

I have prepared a course that will help you complete the Quasar Framework in one go.


Why Quasar Framework ? 👀

  • It is a framework that currently stably supports the latest Vue3 .
  • Each component API spec (Prop, Event, Slots) is excellent.
  • It is an all-in-one framework that supports front-end development, including components, utilities, plugins, and builds.

I'm also planning to develop a community that I'll be using this time around, using Quasar ~! 😊


Quasar Perfect Master
Explore the Curriculum 📖

  • ✅ By reviewing the official documentation together, we will empower students to move forward on their own.
  • ✅ We provide separate guides for parts that require prior knowledge to help you understand them properly.
  • ✅ We have prepared a fun function and clone coding during class so that you can learn fun and practical skills .

Getting Started with Quasar

  • What are quasars? Why use them?
  • Getting Started with Quasar CLI - 4 Ways
  • Project Structure - Examining the Scaffolded Structure

Quasar Basics

  • Typography, Colors, Spacing - Using Fonts, Colors, and Spacing
  • Breakpoints - Easily Create Responsive Web Design
  • Creating a Dark Mode feature

Grid & Layout

  • Flex Grid - The first step to creating the UI you want!
  • Web Layout, Multiple Layout - Web Layout, Multiple Layout
  • Create an Instagram profile page

Login & Form, Utils & Plugins

  • Creating a login and sign-up page
  • QForm - Form Handling, Flexibility Check
  • Quasar Utils & Plugins

Multilingual processing

  • Quasar Language Packs - Apply multiple languages to Quasar's internal components.
  • i18n - Multilingualization of Custom Components

YouTube page clone coding

  • Create a YouTube page

Deployment & SEO

  • Deployment - Deploying an SPA
  • Simple SEO optimization using Meta Plugin

Building a quick and easy UI with Quasar 🙌

This course focuses on enabling you to quickly and easily build your own UI using the Quasar framework. After completing the course, you'll gain the skills to develop your own UI by referencing the official documentation!

Preview the lectures on Jim Coding YouTube (EP 01-07)


With Jim Coding
Practical Coding Learning 💪

Hello, this is Gym Coding. I currently run the practical coding YouTube channel "GYM Coding." This year, I launched the Vue.js3 Basics and Practical Tutorials, and I've received a lot of positive feedback.

Before launching the "Vue.js 3 Real Community Site Creation Course," we launched the Quasar Framework course so that students can freely create the UI they want.

YouTube | GitHub | Gymstagram | Codingstagram


Q&A 💬

Q. Can I take the course without any knowledge of Vue.js?

This course is suitable for those familiar with Vue3. For prerequisite knowledge, the following courses are recommended.

And you can get various development-related knowledge from the Jim Coding YouTube channel 🙂

Q. Is the source code used in the lecture provided?

We provide the corresponding code for download for each class session.

Q. Does this also cover server integration?

No. This course focuses on Quasar , not server integration, and is designed to help you build UIs effectively and quickly in real-world situations. For more information on server integration, please refer to the "Vue.js 3 Complete Mastery: From Basics to Practice - "Practical Edition" course.


Beginner's Guide to Programming 📢

To help those just starting out with programming navigate this course, we've created a front-end development guide. By studying the following six lectures in order, you'll learn front-end development easily and enjoyably. 😊

In addition, you can access various development knowledge on the YouTube channel GYM CODING , so if you are interested, please subscribe.

Recommended for
these people

Who is this course right for?

  • Developers who need to quickly build a web project with Vue3!

  • Anyone who wants to create a pretty UI "quickly" and "easily" using Vue!

  • For those who want to use Quasar Framework "properly" from the basics!

Need to know before starting?

  • HTML&CSS

  • JavaScript

  • Vuejs3

Hello
This is

24,912

Learners

1,411

Reviews

636

Answers

4.9

Rating

17

Courses

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

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

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

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

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

Curriculum

All

27 lectures ∙ (5hr 56min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

41 reviews

5.0

41 reviews

  • PrivilegeEscalate님의 프로필 이미지
    PrivilegeEscalate

    Reviews 5

    Average Rating 5.0

    5

    100% enrolled

    저처럼 백엔드하다가 프론트의 필요성이 느껴지는데 css 가 굉장히 하기싫은분께서는 vue1,2 를 포함하여 퀘이사강의까지 풀코스로 수강하시는 것을 강추드립니다, 저 또한 vue1, vue2 를 모두 듣고 퀘이사강의까지 풀코스로 들었습니다. 3개 모두 수강하고 복습하는데까지 2주 약간 안걸렸는데요, 수강 후기는 아래와 같습니다. 우선 강사분이 수강생분들을 굉장히 많이 생각하시는게 느껴집니다. 퀘이사에는 빌트인 컴포넌트들이 너무 많아 잘못하면 단순히 공식문서에서 튜토리얼만 따라하는 형식의 강의가 될 수 있었는데, 지루해질만하면 배운 내용을 토대로 이벤트퀘스트처럼 간단한 토이프로젝트를 진행하는부분이 너무 좋았습니다. 덕분에 자주쓰는 속성들을 인지할 수 있었습니다. 사실 퀘이사 공식문서가 죄다 영어여서 참고하기가 어려웠는데, 강사분도 공식문서에서 API 를 참고하며 코드를 작성하는 과정이 저에게는 혼자 공식문서를 참고하는 방법을 알게된 것 같아 도움이 굉장히 많이 되었습니다. 완강할때쯤 되면 강사분이 뭐 만들기전에 잠깐 멈추고 공식문서에서 ctrl +k, 혹은 ctrl + f 로 혼자 공식문서를 뒤지고있는 자신을 모습을 볼 수 있을 것입니다. 후기같은거 처음써봐서 아무말 대잔치가 되어버렸는데... 정리하면 강의의 완성도가 너무 높습니다.. 다음 강의도 나오는것으로 알고있는데 언제나오죠?

    • 짐코딩
      Instructor

      정성스런 후기 남겨주셔서 너무너무 감사드립니다~! 🙂 강의를 기획, 촬영, 편집 그리고 검토할 때 듣는 사람의 입장에서 한번더 생각하려고해요. 커리큘럼, 팁, 코드, 속도, 발음 등등 알아주시니 감개무량하네요 👍 다음 강의는 6월 안쪽으로 출시해보려고 해요! ㅎㅎ 감사합니다 🙂

  • blue star님의 프로필 이미지
    blue star

    Reviews 17

    Average Rating 5.0

    5

    100% enrolled

    프론트엔드로 나를 업그레이드 하려고 짐코딩 선생님의 VUE 기본 , 실전편, 퀘이사 강의까지 모두 완강하였습니다~ 처음 습득하는 지식인지라 과정이 길고 힘들었지만 그래도 선생님의 초보자를 위한 섬세한 설명 덕분에 완강하게 되어 감사하고 기쁨 기쁨합니다~ 퀘이사 강의는 페이지를 빨리 만들수 있는 너무나 좋은 장점이 있고 컴퍼넌트들도 예쁘고, 익숙해지는데 더많은 훈련이 필요하겠지만 그래도 배우기수월 했어요~ 실습하는내내 참 재미있게 잘 배웠습니다~ 선생님의 빠른 답변 또한 좋았습니다~ 강의에 대한 열정도 칭찬 드려요~ 이렇게 좋은 강의 만들어 주셔서 감사합니다~ ^^

    • 짐코딩
      Instructor

      와우~!! 좋은 말씀 너무너무 감사드립니다! 완강하시느라 수고많으셨습니다! 🎉 감사합니다 🙂

  • Estelluan님의 프로필 이미지
    Estelluan

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    비전공, 비관련 직무이지만, 업무상 프론트엔드 개발을 할 수 있으면 큰 도움이 될 것같아 퇴근 후 틈틈이 공부중인 직장인입니다. 짐코딩님 무료강의를 잘 듣고 있었는데, 마침 관심을 가지고있던 퀘이사에 대한 내용이라 부리나케 수강했습니다. 일단 퀘이사에 대한 한국어로된 자료를 얻는데 어려움이 있었는데, 강의를 올려주셔서 너무 감사하고, 어려울 수 있는 개념에 대해 쉬운 표현으로 치환하여 이해시켜 주시는 강의방식이 정말 좋았습니다. 이 강의 덕분에 퀘이사에 대해 많은 이해를 할 수 있었습니다.

    • 짐코딩
      Instructor

      퇴근 후... 대단하십니다! 완강하시느라 고생 많으셨어요. 감사합니다~!! 🙂 🎉

  • 공유계정님의 프로필 이미지
    공유계정

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    100만원 짜리 강의 느낌.

    • 짐코딩
      Instructor

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

  • 상은쓰님의 프로필 이미지
    상은쓰

    Reviews 7

    Average Rating 5.0

    5

    100% enrolled

    500점짜리 강의!! 강의가 정말 재미있고 유익했습니다! 🤗 특히, 공식 문서를 참고해 설명해 주신 부분이 인상적이었습니다. 👍 덕분에 강의가 끝난 후에도 혼자서 공식 문서를 활용해 학습을 이어나갈 수 있는 자신감을 얻을 수 있었습니다. 또한 다크 모드, 인스타, 유튜브 등 만들기 강의에서 작업 과정을 상세히 보여주신 덕분에 효율적인 작업 방식을 배울 수 있어서 좋았습니다! 퀘이사를 이용해 다양한 사이트를 뚝딱뚝딱 만들 생각에 벌써 드릉드릉 하네요! 항상 좋은 강의 감사합니다!! 💪

    • 짐코딩
      Instructor

      수강평을 읽으면서 미소가 저도 모르게 절로 나오네요 😙 단순히 스펙을 공유하는 것 보다 공식문서를 함께 살펴봄으로써 수강생분들이 스스로성장할 수 있도록 하는 바람이 컸는데요. 제 강의가 도움이 된 것 같아 매우 뿌듯합니다. 덕분에 더욱 좋은 콘텐츠를 만들 수 있을 거 같아요. 감사합니다! 🙇‍♀️

$68.20

gymcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!