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.
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!
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.
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"채널을 운영하고 있으며, 인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.
제 강의의 특징은 이제 막 시작하시는 분들을 위하여 설명하고자 할 때는 최대한 쉽게, 알려드리고자 할 때는 최대한 알차게 설명드립니다.
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?
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 🙂
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. ^^
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.
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!! 💪
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! 🙇♀️