강의

멘토링

로드맵

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) 41 đánh giá

431 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à

25,197

Học viên

1,443

Đánh giá

642

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ả

41 đánh giá

5.0

41 đánh giá

  • revi1337님의 프로필 이미지
    revi1337

    Đánh giá 6

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    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
      Giảng viên

      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

    Đánh giá 17

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Để 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
      Giảng viên

      Ô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

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    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
      Giảng viên

      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

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

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

    • gymcoding
      Giảng viên

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

  • sanggusseu2599님의 프로필 이미지
    sanggusseu2599

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    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
      Giảng viên

      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! 🙇‍♀️

1.850.420 ₫

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!