강의

멘토링

로드맵

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

  • revi1337님의 프로필 이미지
    revi1337

    Reviews 5

    Average Rating 5.0

    5

    100% enrolled

    For those who feel the need for front-end like me but really hate CSS, I highly recommend taking the full course including Vue1,2 and Quasar. I also took Vue1, Vue2 and the full course including Quasar. It took me less than 2 weeks to take all 3 and review them. Here is my review. First of all, I can feel that the instructor thinks a lot about the students. Quasar has so many built-in components that if I was not careful, it could have been a lecture in the form of simply following the tutorial in the official documentation. However, I really liked the part where they do a simple toy project like an event quest based on what they learned when they get bored. Thanks to this, I was able to recognize frequently used properties. In fact, the official Quasar documentation was all in English, so it was difficult to refer to it, but the instructor also helped me a lot by referring to the API in the official documentation and writing code, so I think I learned how to refer to the official documentation on my own. When you're about to finish, you'll see the instructor pause before he starts making something and you'll see yourself searching through the official documentation by yourself with ctrl + k or ctrl + f. This is my first time writing a review, so I'm going to say a bunch of nonsense... To summarize, the quality of the lecture is very high.. I know there's going to be a next lecture, but when will it be?

    • gymcoding
      Instructor

      Thank you so much for leaving such a thoughtful review~! 🙂 When planning, filming, editing, and reviewing a lecture, I try to think from the listener's perspective. I am so touched that you know about the curriculum, tips, code, speed, pronunciation, etc. 👍 I will try to release the next lecture within June! ㅎㅎ Thank you 🙂

  • juwon88832604님의 프로필 이미지
    juwon88832604

    Reviews 17

    Average Rating 5.0

    5

    100% enrolled

    I completed all of Jimcoding's VUE basics, practical, and Quasar lectures to upgrade myself to the front-end. It was a long and difficult course because it was my first time acquiring knowledge, but I am grateful and happy that I was able to complete it thanks to the teacher's detailed explanations for beginners. The Quasar lecture has the great advantage of being able to create pages quickly, and the components are pretty. I need more training to get used to it, but it was still easy to learn. I learned a lot while practicing and having fun. The teacher's quick answers were also good. I also praise his passion for teaching. Thank you for creating such a great lecture. ^^

    • gymcoding
      Instructor

      Wow~!! Thank you so much for your kind words! Thank you for your hard work! 🎉 Thank you 🙂

  • soleintent1403님의 프로필 이미지
    soleintent1403

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    I am an office worker who studies after work in my spare time because I think it would be a great help if I could do front-end development for work, even though it is not my major or related job. I was listening to Jim Coding's free lectures, and since it was about Quasar, which I was interested in, I took the class right away. First of all, I had a hard time getting information about Quasar in Korean, so I am so grateful that you uploaded the lecture, and I really liked the lecture style that substitutes difficult concepts with easy expressions to make them understandable. Thanks to this lecture, I was able to understand a lot about Quasar.

    • gymcoding
      Instructor

      After work... You're amazing! You worked hard to stay strong. Thank you~!! 🙂 🎉

  • vm11with4544님의 프로필 이미지
    vm11with4544

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    It feels like a lecture worth 1 million won.

    • gymcoding
      Instructor

      Wow~! Thank you~!! 🙂 🎉

  • sanggusseu2599님의 프로필 이미지
    sanggusseu2599

    Reviews 7

    Average Rating 5.0

    5

    100% enrolled

    500-point lecture!! The lecture was really fun and informative! 🤗 In particular, the part where you explained it by referring to the official documentation was impressive. 👍 Thanks to that, I was able to gain the confidence to continue learning on my own by using the official documentation even after the lecture was over. Also, thanks to the detailed work process shown in the lecture on making dark mode, Instagram, YouTube, etc., I was able to learn an efficient work method! I'm already excited to create various sites using Quasar! Thank you for always giving great lectures!! 💪

    • gymcoding
      Instructor

      Reading the course reviews, I can't help but smile 😙 I wanted to help students grow on their own by looking at the official documents together rather than simply sharing specs. I'm so glad that my lecture was helpful. I think I'll be able to create even better content thanks to you. Thank you! 🙇‍♀️

$68.20

gymcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!