강의

멘토링

로드맵

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

25,170

Learners

1,442

Reviews

642

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 6

    Average Rating 5.0

    5

    100% enrolled

    Nếu bạn, giống như tôi, đang làm backend nhưng cảm thấy cần front end nhưng thực sự không muốn làm CSS, tôi thực sự khuyên bạn nên tham gia khóa học đầy đủ bao gồm Vue1 và 2 và bài giảng Quasar. Tôi cũng đã học cả Vue1 và Vue. Bài giảng Vue2 và Quasar như một khóa học đầy đủ. Mất chưa đầy hai tuần để học và ôn tập cả ba lớp, và việc ôn tập các lớp như sau. Trước hết, tôi có thể cảm nhận được rằng người hướng dẫn nghĩ rất nhiều về học sinh. Có rất nhiều thành phần tích hợp trong Quasar, đến nỗi nếu thực hiện không đúng cách, bài giảng có thể trở thành một hình thức chỉ đơn giản làm theo hướng dẫn từ tài liệu chính thức, nhưng tôi thực sự thích phần mà khi nó trở nên nhàm chán, bạn có thể tiếp tục với một dự án đồ chơi đơn giản như một nhiệm vụ sự kiện dựa trên những gì bạn đã học được. Nhờ điều này, tôi đã có thể nhận ra các thuộc tính được sử dụng thường xuyên. Trên thực tế, rất khó để tham khảo các tài liệu chính thức của Quasar vì tất cả đều bằng tiếng Anh, nhưng quá trình viết mã của người hướng dẫn trong khi tham khảo API trong các tài liệu chính thức rất hữu ích vì nó giúp tôi học cách tham khảo các tài liệu chính thức của riêng tôi. Khi kết thúc lớp học, bạn sẽ có thể thấy mình đang tự mình tìm kiếm các tài liệu chính thức bằng cách sử dụng ctrl + k hoặc ctrl + f trong khi người hướng dẫn dừng lại một lúc trước khi tạo bất cứ thứ gì. Đây là lần đầu tiên mình viết review nên là một bữa tiệc trọn vẹn... nhưng tóm lại là chất lượng bài giảng rất cao. Tôi biết bài giảng tiếp theo sắp đến phải không?

    • gymcoding
      Instructor

      Cảm ơn bạn rất nhiều vì đã để lại nhận xét chân thành! 🙂 Khi lập kế hoạch, quay phim, biên tập và xem lại bài giảng, tôi cố gắng suy nghĩ từ góc độ của người nghe. Tôi rất cảm động vì bạn biết rõ chương trình giảng dạy, mẹo, mã, tốc độ, cách phát âm, v.v. 👍 Bài giảng tiếp theo sẽ được phát hành vào tháng 6! cười Cảm ơn bạn 🙂

  • juwon88832604님의 프로필 이미지
    juwon88832604

    Reviews 17

    Average Rating 5.0

    5

    100% enrolled

    Để nâng cấp bản thân với giao diện người dùng, tôi đã học những kiến ​​thức cơ bản về VUE, bài tập thực tế và bài giảng Quasar của Jim Coding. Mọi người đều bướng bỉnh. Đây là lần đầu tiên tôi tiếp thu kiến ​​thức nên quá trình này rất dài và khó khăn, nhưng tôi rất biết ơn và hạnh phúc vì đã có thể nắm vững kiến ​​thức nhờ sự giải thích chi tiết của giáo viên cho người mới bắt đầu. Bài giảng của Quasar có ưu điểm lớn là có thể tạo trang nhanh chóng và các thành phần rất đẹp. Có thể phải đào tạo nhiều hơn để làm quen nhưng tôi vẫn thấy rất vui và học được nhiều điều trong suốt thời gian đó. phần thực hành. Những câu trả lời nhanh của giáo viên cũng rất tốt. Tôi cũng khen ngợi niềm đam mê của bạn~ Cảm ơn bạn đã làm một bài giảng tuyệt vời như vậy~ ^^

    • gymcoding
      Instructor

      Ôi~!! Cảm ơn bạn rất nhiều vì những lời tốt đẹp của bạn! Cảm ơn bạn đã nỗ lực kiên trì! 🎉 Cảm ơn bạn 🙂

  • soleintent1403님의 프로필 이미지
    soleintent1403

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    Mặc dù là một công việc không chính và không liên quan nhưng tôi nghĩ sẽ rất hữu ích nếu tôi có thể phát triển front-end cho công việc của mình nên tôi đang học trong thời gian rảnh rỗi sau giờ làm việc. Tôi đang nghe bài giảng miễn phí của Jim Coding, và vì nó nói về chuẩn tinh, điều mà tôi quan tâm nên tôi đã bất chợt tham gia lớp học. Trước hết, tôi gặp khó khăn khi tìm hiểu thông tin về chuẩn tinh bằng tiếng Hàn, vì vậy cảm ơn bạn rất nhiều vì đã tải bài giảng lên. Tôi rất thích phương pháp giảng chuyển những khái niệm khó thành những cách diễn đạt dễ hiểu để giúp học sinh dễ hiểu. Nhờ bài giảng này, tôi đã hiểu được rất nhiều về chuẩn tinh.

    • gymcoding
      Instructor

      Sau giờ làm việc... Bạn thật tuyệt vời! Cảm ơn bạn đã làm việc chăm chỉ trong sự kiên trì. Cảm ơn bạn~!! 🙂 🎉

  • vm11with4544님의 프로필 이미지
    vm11with4544

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    Cảm giác giống như một bài giảng trị giá 1 triệu won vậy.

    • gymcoding
      Instructor

      Ôi~! Cảm ơn bạn~!! 🙂 🎉

  • sanggusseu2599님의 프로필 이미지
    sanggusseu2599

    Reviews 7

    Average Rating 5.0

    5

    100% enrolled

    Một bài giảng 500 điểm!! Bài giảng thực sự thú vị và nhiều thông tin! 🤗 Đặc biệt, tôi rất ấn tượng với phần bạn giải thích bằng cách tham khảo tài liệu chính thức. 👍 Nhờ đó, tôi đã có thể tự tin tiếp tục tự học bằng các tài liệu chính thức ngay cả khi bài giảng đã kết thúc. Ngoài ra, thật tuyệt khi có thể học các phương pháp làm việc hiệu quả nhờ vào phần giải thích chi tiết về quy trình làm việc ở chế độ tối, Instagram, YouTube, v.v. từ các bài giảng! Tôi rất hào hứng khi tạo ra nhiều trang web khác nhau bằng Quasar! Cảm ơn bạn vì những bài giảng luôn tuyệt vời!! 💪

    • gymcoding
      Instructor

      Khi đọc phần đánh giá khóa học, tôi không thể không mỉm cười 😙 Có một mong muốn mạnh mẽ là giúp sinh viên có thể tự phát triển bằng cách xem xét các tài liệu chính thức thay vì chỉ chia sẻ các thông số kỹ thuật. Tôi rất tự hào vì bài giảng của tôi rất hữu ích. Nhờ có bạn, tôi nghĩ chúng tôi có thể tạo ra nội dung tốt hơn. Cảm ơn! 🙇‍♀️

$68.20

gymcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!