β 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 #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...
βοΈ Issue #3: 3 Different Ways to Center A Div in CSS When it comes to designing a webpage, one of the most common problems we face is how to center or align different elements. In this article, we will explore three different methods that could help you center an element using CSS. π π π π 3 Different Ways to Center A Div in CSS π Articles of the Week 3 Different Ways to Center A Div in CSS When it comes to designing a webpage, one of the most common problems we face is how to center or align...
βοΈ Issue #2: How to Optimize Your Website Youβve put weeks of hard work into building your website, and now itβs finally ready to go live! However, to ensure your website performs at its best, there are a few things you need to take care of. In this article, we will explore various ways to optimize your website for better user experience and faster loading times, which leads to higher search engine rankings. π π π π How to Optimize Your Website π Articles of the Week How to Optimize Your...