β News and tutorials every other Monday β Unsubscribe anytime β No spam. Always free.
Create a Modern Application with Django and Vue
π Create a Modern Application with Django and Vue
Previously, in the Django for Beginners tutorial series, we talked about how to create a web application using Django, a full-stack Python-based web framework that follows the MTV design pattern. We call it full-stack because we can create both the frontend and the backend with it.
This solution, however, has one small flaw. When the end-user requests a webpage, the page will need to be rendered in the backend, and then the rendered HTML page will be sent to the user. As you can imagine, when you have a lot of users, that will put a lot of pressure on your server.
To solve this problem, developers usually split the application into two parts, the backend and the frontend. This way, when the user requests a webpage, instead of rendering the webpage, the backend only gathers the necessary data and transfers them to the frontend. The clientβs machine, which usually has a lot more excessive computing power, will use the data to render the webpage inside the browser directly, hence relieving the pressure on the server.
In this tutorial, we are going to discuss how to create a modern single-page application using Django as the backend, Vue as the frontend, and GraphQL as the API manipulation language that connects them together.
| Read More |
|
$14.99 βHTML & CSS: A Practical GuideβIn this course, we embark on an exciting journey through the fundamental building blocks of web development: HTML and... Read more |
Join my newsletter
β News and tutorials every other Monday β Unsubscribe anytime β No spam. Always free.
βοΈ Issue #2: Fundamentals of Web Development A web application consists of the frontend and the backend. The frontend is the part of the application that the users can see through their browser. For example, when you type a URL in your browser and hit Enter, you will receive a webpage. That webpage is the frontend, created with HTML (Hypertext Markup Language) and CSS (Cascading Style Sheet). HTML defines the content and information displayed on the webpage, and CSS controls the appearance...
βοΈ Issue #001: New JavaScript Course Published!! Hello Reader, We are thrilled to announce the launch of our brand-new web development course, hosted at TheDevSpace! This comprehensive course is designed to equip you with the skills and knowledge necessary to excel in the dynamic field of web development. Whether you're a beginner looking to start your coding journey or an experienced developer aiming to sharpen your skills, this course has something for everyone. π π π π thedevspace.io π...
Issue #4 November 20th, 2023 βοΈ Creating an Image Slider with HTML, CSS, and JavaScript In this article, we are going to discuss how to build an image slider using HTML, CSS, and JavaScript. I will demonstrate two different ways to create the slider, one opacity based and the other transform based. π π π π Creating an Image Slider with HTML, CSS, and JavaScript A Crush Course in DNS (Domain Name System) DNS is a crucial service that translates domain names into IP addresses, allowing users to...