Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

Quasar Perfect Master: Nếu bạn muốn nhanh chóng tạo một web Vue phía trước! (Dựa trên Vue3)

Khóa học này dành cho những ai muốn sử dụng Quasar trong khi phát triển web với Vue.js. Bạn có phải là người cần nhanh chóng xây dựng một trang web nội bộ hoặc tạo giao diện người dùng thú vị của riêng mình không? Thông qua bài giảng này, bạn có thể tạo một trang web phía trước một cách dễ dàng và nhanh chóng.

(5.0) 40 đánh giá

428 học viên

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

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • Kiểu chữ, Màu sắc, Điểm dừng, v.v. Quasar "đúng cách" Cách sử dụng

  • Xử lý biểu mẫu & Kiến thức cần thiết cho công việc thực tế như kiểm tra tính hợp lệ và xử lý đa ngôn ngữ!

  • Sắp xếp thành phần bằng Hệ thống lưới, Bố cục & sắp xếp

  • Tìm hiểu Quasar đúng cách, bao gồm Quasar Utils&Plugins, SEO, Triển khai, v.v.

  • Instagram, Youtube, Trang đăng nhập Ý nghĩa thực tế thông qua mã hóa nhân bản!

Bạn muốn vẽ UI nhanh chóng và chính xác?
Nắm vững Quasar hoàn chỉnh cho Vue3 mới nhất!

Khung giao diện người dùng dựa trên Vue.js
Hoàn thành Quasar chỉ trong một lần

Bạn có quen thuộc với Quasar , nền tảng giao diện người dùng (UI) dựa trên Vue.js không? Khóa học này sẽ giúp bạn tạo giao diện người dùng (UI) một cách liền mạch cho cả dự án cá nhân và chuyên nghiệp.


Dễ dàng, nhanh chóng, tiện lợi
Nếu bạn muốn phát triển giao diện người dùng mà bạn muốn!

Ban đầu, tôi đang chuẩn bị một khóa học về xây dựng một trang web cộng đồng thực tế bằng Vue3, Quasar và Firebase. Tôi cũng dự định sử dụng cộng đồng này cho mục đích cá nhân.

Tuy nhiên, khi tôi đang tạo UI bằng Quasar, sinh viên đã hỏi tôi rất nhiều câu hỏi về cách xây dựng UI và tôi nghĩ, "Để tạo được UI mong muốn mà không gặp bất kỳ vấn đề nào, chúng ta cần một khóa học Quasar riêng biệt."

Bởi vì bạn càng tham gia nhiều vào khuôn khổ mà bạn sử dụng khi xây dựng ứng dụng web ban đầu thì sự khác biệt về năng suất phát triển và bảo trì giữa việc biết và sử dụng khuôn khổ đó "đúng cách" hay không càng lớn.

Vì vậy, vì dù sao thì tôi cũng đang chuẩn bị bài giảng,

  • Giúp những người tạo trang web cá nhân phát triển giao diện người dùng tuyệt vời một cách nhanh chóng.
  • Khóa học này sẽ giúp các nhà phát triển trong lĩnh vực này phát triển các ứng dụng web front-end thành công .

Tôi đã chuẩn bị một khóa học giúp bạn hoàn thành Quasar Framework chỉ trong một lần.


Tại sao lại là Quasar Framework ? 👀

  • Đây là một khuôn khổ hiện đang hỗ trợ ổn định cho Vue3 mới nhất .
  • Mỗi thông số kỹ thuật API thành phần (Prop, Event, Slots) đều tuyệt vời.
  • Đây là một khuôn khổ toàn diện hỗ trợ phát triển front-end, bao gồm các thành phần, tiện ích, plugin và bản dựng.

Tôi cũng đang có kế hoạch phát triển một cộng đồng mà tôi sẽ sử dụng lần này, bằng cách sử dụng Quasar ~! 😊


Quasar Perfect Master
Khám phá chương trình giảng dạy 📖

  • ✅ Bằng cách cùng nhau xem xét các tài liệu chính thức , chúng tôi sẽ trao quyền cho học sinh tự mình tiến lên.
  • ✅ Chúng tôi cung cấp hướng dẫn riêng cho những phần yêu cầu kiến thức trước để giúp bạn hiểu đúng.
  • ✅ Chúng tôi đã chuẩn bị một chức năng thú vị và mã hóa bản sao trong lớp học để bạn có thể học các kỹ năng thú vị và thực tế .

Bắt đầu với Quasar

  • Chuẩn tinh là gì? Tại sao lại sử dụng chúng?
  • Bắt đầu với Quasar CLI - 4 cách
  • Cấu trúc dự án - Kiểm tra cấu trúc giàn giáo

Kiến thức cơ bản về Quasar

  • Kiểu chữ, Màu sắc, Khoảng cách - Sử dụng Phông chữ, Màu sắc và Khoảng cách
  • Breakpoints - Dễ dàng tạo thiết kế web đáp ứng
  • Tạo tính năng Chế độ tối

Lưới & Bố cục

  • Flex Grid - Bước đầu tiên để tạo giao diện người dùng bạn muốn!
  • Bố cục web, Nhiều bố cục - Bố cục web, Nhiều bố cục
  • Tạo trang hồ sơ Instagram

Đăng nhập & Biểu mẫu, Tiện ích & Plugin

  • Tạo trang đăng nhập và đăng ký
  • QForm - Xử lý biểu mẫu, Kiểm tra tính linh hoạt
  • Tiện ích & Plugin Quasar

Xử lý đa ngôn ngữ

  • Gói ngôn ngữ Quasar - Áp dụng nhiều ngôn ngữ cho các thành phần bên trong của Quasar.
  • i18n - Đa ngôn ngữ hóa các thành phần tùy chỉnh

Mã hóa bản sao trang YouTube

  • Tạo trang YouTube

Triển khai & SEO

  • Triển khai - Triển khai SPA
  • Tối ưu hóa SEO đơn giản bằng Meta Plugin

Xây dựng giao diện người dùng nhanh chóng và dễ dàng với Quasar 🙌

Khóa học này tập trung vào việc giúp bạn nhanh chóng và dễ dàng xây dựng giao diện người dùng (UI) của riêng mình bằng cách sử dụng framework Quasar. Sau khi hoàn thành khóa học, bạn sẽ có được kỹ năng để phát triển UI của riêng mình bằng cách tham khảo tài liệu chính thức!

Xem trước các bài giảng trên Jim Coding YouTube (EP 01-07)


Với Jim Coding
Học lập trình thực tế 💪

Xin chào, tôi là Gym Coding. Hiện tôi đang điều hành kênh YouTube hướng dẫn lập trình thực hành "GYM Coding". Năm nay, tôi đã ra mắt khóa học Vue.js3 Cơ bản và Hướng dẫn Thực hành, và tôi đã nhận được rất nhiều phản hồi tích cực.

Trước khi ra mắt "Khóa học tạo trang web cộng đồng thực tế Vue.js 3", chúng tôi đã ra mắt khóa học Quasar Framework để học viên có thể tự do tạo giao diện người dùng mà họ muốn.

YouTube | GitHub | Gymstagram | Codingstagram


Hỏi & Đáp 💬

H. Tôi có thể tham gia khóa học này mà không cần kiến thức về Vue.js không?

Khóa học này phù hợp với những người đã quen thuộc với Vue3. Để có kiến thức tiên quyết, chúng tôi khuyến nghị bạn tham gia các khóa học sau.

Và bạn có thể có được nhiều kiến thức liên quan đến phát triển từ kênh YouTube Jim Coding 🙂

H. Mã nguồn được sử dụng trong bài giảng có được cung cấp không?

Chúng tôi cung cấp mã tải xuống tương ứng cho mỗi buổi học.

H. Điều này có bao gồm tích hợp máy chủ không?

Không. Khóa học này tập trung vào Quasar , không phải tích hợp máy chủ, và được thiết kế để giúp bạn xây dựng giao diện người dùng (UI) hiệu quả và nhanh chóng trong các tình huống thực tế. Để biết thêm thông tin về tích hợp máy chủ, vui lòng tham khảo khóa học "Vue.js 3 Complete Mastery: From Basics to Practice - "Practical Edition" .


Hướng dẫn lập trình cho người mới bắt đầu 📢

Để giúp những người mới bắt đầu học lập trình dễ dàng nắm bắt khóa học này, chúng tôi đã tạo ra một hướng dẫn phát triển front-end. Bằng cách học theo thứ tự sáu bài giảng sau, bạn sẽ học phát triển front-end một cách dễ dàng và thú vị. 😊

Ngoài ra, bạn có thể truy cập vào nhiều kiến thức phát triển khác nhau trên kênh YouTube GYM CODING , vì vậy nếu bạn quan tâm, hãy đăng ký.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Các nhà phát triển cần xây dựng nhanh các dự án web với Vue3!

  • Tạo giao diện người dùng đẹp dựa trên Vue "nhanh" Ai muốn làm thì làm nhé!

  • Quasar Framework "đúng cách" từ những điều cơ bản. Ai có nhu cầu sử dụng nhé!

Cần biết trước khi bắt đầu?

  • HTML&CSS

  • JavaScript

  • Vuejs3

Xin chào
Đây là

24,574

Học viên

1,354

Đánh giá

629

Trả lời

4.9

Xếp hạng

17

Các khóa học

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

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

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

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

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

Chương trình giảng dạy

Tất cả

27 bài giảng ∙ (5giờ 56phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

40 đánh giá

5.0

40 đánh giá

  • PrivilegeEscalate님의 프로필 이미지
    PrivilegeEscalate

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

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

    • 짐코딩
      Giảng viên

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

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

    Đánh giá 17

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

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

    • 짐코딩
      Giảng viên

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

  • Estelluan님의 프로필 이미지
    Estelluan

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

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

    • 짐코딩
      Giảng viên

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

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

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    100만원 짜리 강의 느낌.

    • 짐코딩
      Giảng viên

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

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

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

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

    • 짐코딩
      Giảng viên

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

1.850.631 ₫

Khóa học khác của gymcoding

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!