강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Full-stack

Vue.js - Lập trình web liên kết với Django (phiên bản thực tế)

Hãy nâng cấp lập trình web bằng cách sử dụng Vue.js, một FW dành riêng cho máy khách và Django, một FW dành riêng cho máy chủ. Bạn có thể dễ dàng thực hiện việc này mà không cần sử dụng VueRouter và Vuex ở phía Vue hoặc không cần sử dụng DRF ở phía Django.

(4.8) 21 đánh giá

396 học viên

  • bestdjango
Vue.js
Django
Vuetify

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

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

  • Bạn có thể tạo chương trình web bằng cách liên kết Vue.js và Django.

  • Bạn có thể trang trí màn hình bằng Vuetify, nó có nhiều tính năng hơn Bootstrap.

  • Bạn có thể tìm hiểu thêm về Django và các công nghệ khác.

  • Để kết nối với máy khách, bạn có thể sử dụng JsonResponse.

  • Bạn có thể tận dụng lợi thế lớn hơn của Django, chế độ xem lớp.

Chúng tôi cung cấp các nguồn mới nhất cho Vue/Vuetify 3.x và Django 5.x.      

Chúng tôi cung cấp hướng dẫn bằng video về cách cập nhật phiên bản theo sự khác biệt (Phần 1).      

Dễ dàng kết nối máy khách và máy chủ của bạn với Vue.js và Django.
+ Tiến thêm một bước nữa, tận dụng Vuetify!

Việc sử dụng Vue và Django mang lại những lợi ích sau:

  • Cả hai đều có điểm chung: chúng dễ sử dụng hơn so với các nền tảng khác nhưng lại được sử dụng rộng rãi.
  • Vì chúng tôi sử dụng Vue nên những lợi thế của Client Rendering trở nên rõ ràng.
  • Điều này có nghĩa là màn hình trông tuyệt vời, không có hiện tượng nhấp nháy và tốc độ hiển thị màn hình nhanh hơn.

  • Vì chúng tôi sử dụng Django nên các công nghệ phụ trợ như xác thực/DB trở nên dễ dàng và tiện lợi.
  • Django cung cấp xác thực phiên theo mặc định, do đó bạn có thể sử dụng nó như vậy.
  • Bạn có thể sử dụng các tính năng ORM và Admin của Django như hiện tại.
  • Bên cạnh đó, các công nghệ phong phú của Django liên quan đến lập trình web cũng rất nổi tiếng.

Đây là một lợi thế của khóa học này so với phương pháp liên kết Ứng dụng trang đơn thông thường.

  • Đây là phương pháp tích hợp Vue-Django, nhưng bạn không cần phải sử dụng VueRouter/Vuex/DRF.
  • Đây là phương pháp tích hợp Vue-Django nhưng sử dụng chức năng Admin của Django.
  • Django không chỉ có thể được sử dụng như một máy chủ API mà còn để xử lý mẫu.
  • Bạn có thể sử dụng lại chức năng xác thực của Django.

Để chuẩn bị cho bài giảng trước (Lập trình web tích hợp Vue.js-Django)
Tính năng này đã được nâng cấp.

  • Bạn có thể học các chức năng CRUD của blog giống như trong đời thực.
  • Vì sử dụng chức năng xác thực của Django nên bạn có thể dễ dàng triển khai chức năng xác thực.
  • Vì Vue được sử dụng theo cách của Vite chứ không phải theo cách của CDN nên nó phù hợp với các chương trình lớn.
  • Bạn có thể chia chương trình Vue của mình thành các thành phần và tái sử dụng các thành phần chung.

Để trang trí màn hình của bạn, chúng tôi sẽ chỉ cho bạn cách sử dụng Vuetify so với Bootstrap.

  • Tôi chọn Vuetify vì nó có nhiều tính năng hơn Bootstrap.
  • Nếu bạn đã quen với Bootstrap, bạn có thể tạo nó theo cách tương tự.

Xem các bài giảng trước

Vue.js - Tích hợp Django - Lập trình web
Nguyên tắc tích hợp máy khách-máy chủ, các thuật ngữ chính của SPA/SSR và mã hóa theo năm cách khác nhau.

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

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

  • Tôi muốn cấu hình các chương trình máy khách và máy chủ một cách độc lập.

  • Tôi muốn nâng cấp chương trình web Django của mình lên một tầm cao mới.

  • Tôi muốn tự do sử dụng chế độ xem lớp của Django.

  • Tôi muốn sử dụng Django làm xương sống cho chương trình web Vue của mình.

  • Để làm cho màn hình trông đẹp hơn, tôi muốn sử dụng thư viện Vuetify.

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

  • Bạn có thể tự viết mã các ví dụ hướng dẫn Django.

  • Trải nghiệm mã hóa chế độ xem lớp Django.

  • Tôi biết các lệnh Vue.js cơ bản.

Xin chào
Đây là

2,090

Học viên

153

Đánh giá

224

Trả lời

4.6

Xếp hạng

5

Các khóa học

프로그램 개발은 C 언어로 시작했으며, 자바를 거쳐 최근에는 주로 파이썬을 사용하고 있다.
KT ucloud 서비스의 백엔드 서버 개발 프로젝트에 참여하여, 자바로 고객의 폴더/파일에 대한 메타 정보 처리 엔진을, 파이썬으로 클라이언트 푸시 서비스를 개발하였다.

또한 KT인터넷 회선의 속도 측정 프로그램, 네트워크 장비에 대한 운용관리 프로그램, 방대한 양의 트래픽 데이터 분석 프로그램을 개발한 바 있다. 개인적으로는 파이썬의 매력에 푹 빠져 되도록이면 파이썬으로 코딩하기를 즐겨하고 있다.

그 일환으로 요즘은 Django를 활용한 웹 프로그래밍, Django Rest Framework를 활용한 JSON 연동, Pandas를 활용한 데이터 분석, Scikit-learn/Tensorflow/ChatGPT 를 활용한 AI 솔루션 개발 등의 프로젝트를 개발하면서 파이썬의 활용도를 넓혀가고 있다.

< 저서 >

1. Django 로  배우는 파이썬 웹 프로그래밍 (초판, 한빛미디어, 2015.4월)
2. Django 를 활용한 파이썬 웹 프로그래밍 - 실전편 (초판, 한빛미디어, 2016. 7월)
3. Django 로  배우는 파이썬 웹 프로그래밍 (개정판, 한빛미디어, 2018. 8월)
4. Django 를 활용한 파이썬 웹 프로그래밍 - 실전편 (개정판, 한빛미디어, 2019. 11월)
5. Django 로  배우는 파이썬 웹 프로그래밍 (3판, 한빛미디어, 2022. 11월)

 

< 동영상 강의 >

1. Vue.js - Django 연동 웹 프로그래밍 (인프런 동영상, 2019.4월)
2. Vue.js - Django 연동 웹 프로그래밍 - 실전편 (인프런 동영상, 2020.9월)
3. Vue - Django - Bootstrap 뚝딱 블로그 (인프런 동영상, 2021. 9월)
4. Django REST framework 핵심사항 (인프런 동영상, 2022.2월)
5. AI Web Programming (인프런 동영상, 2024.2월)

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

Tất cả

109 bài giảng ∙ (11giờ 28phú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ả

21 đánh giá

4.8

21 đánh giá

  • zdzc5298558님의 프로필 이미지
    zdzc5298558

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    講義通りに整理しながら作業するので、後半部に行ってもコード編みやすくなると思います。

    • modoomusic06071506님의 프로필 이미지
      modoomusic06071506

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      89% đã tham gia

      その間、入念に理解できなかったdjangoの内容を公式文書をつかみながら理解することができ、Vue.jsも公式文書と一緒に理解しながら勉強できて楽しい心で勉強しました。良い講義を作ってくれてありがとう!

      • newpullin님의 프로필 이미지
        newpullin

        Đánh giá 3

        Đánh giá trung bình 4.7

        4

        100% đã tham gia

        VueとDjangoについて理解するのにたくさん役立ちました。

        • candy04061681님의 프로필 이미지
          candy04061681

          Đánh giá 1

          Đánh giá trung bình 5.0

          5

          93% đã tham gia

          必要なものだけを知らせてくれ、もっとディテールしたり、後で適用してみるべきことはキーワードやヒントで教えてくれて調べてみることができるようにしてくれます。 vue.jsをしなかったか、djangoを学ぶことができる人、 一人でフルスタックで何かを作ってみる方がおすすめです! インフラで講義を複数購入しましたが、 この講義はお金が惜しくない!おすすめおすすめ

          • bs8choi7413님의 프로필 이미지
            bs8choi7413

            Đánh giá 1

            Đánh giá trung bình 5.0

            5

            99% đã tham gia

            926.720 ₫

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

            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!