Web development is one of the most sought after job in today's world. Anyone familiar with the process of web development can understand how hard it is to develop a website from scratch. Keeping this in mind, I tried to make a video where I guide all the process that are involved in web development. I have used django framework and we will see how to create a django project and deploy it on free hosting services.
The video contains 9 parts where we go through the steps one by one. Each heading is linked to individual video in case you don't want to see the complete video and want to know how some of the things are done.
In the first part of the video, we go through the website. We see how the website looks like when it is finally completed. We get to see features like making a custom user model for registering students and teachers separately. Allowing superusers or the teachers to upload chapters and files to the course. We see the structure of the website.
We start by creating a simple django project in a virtual environment. we get to see the very basics of django project like creating a application and settings up URL mapping for each application. As we are setting up user models, we need to set media directory where the user will provide the profile picture and that will be stored on our machine in specified path. We see the model finction of the django which is basically a table that will contain all the information about user like name, user_type, profile pic etc. and finally we come to know how we can take input from users in form of data and images and save it into our database.
In this part we get to see how the information is presented from the django backend to the frontend for the users. We come across the forms that will be shown as fields to the users to fill in the information and that will be conveyed to our database using views from django. The backend of the django deals with the information processing and URL mapping, meaning how information is coming from the html pages and how it is processed. The 'what' part of the equation comes into light when we see how to setup templates that behaves as a medium to pass information from back-end to front-end and vice-versa. Templates are basically HTML pages that can be modified as per our requirement. Once user can see information on the html pages through templates, then we move on to authenticating the users when they register and login. This part of the video somewhat behaves as link between the backend and front-end. At the end of this part we see how we can send modified information from our views in back-end to the front-end which is known as django template tagging.
Views are an integral part of django backend. There are various ways we can use views and one of the best ways i like to handle views is using the class-based views from django.
In this part of the video, we explore the database side of the web development. We get to see how the tables(models) are created in django project and how we integrate sqlite with django. We can provide different fields like Char Field, Text Field, Image Field etc. into our models and those will be stored in form of tables in our sqlite which is integrated into the django. Each model has a primary key that is used to identify the object of the model. Since python is object oriented programmin, we mostly deal with classes and their instances here also. That being said, a model is also a class in django.
Since web development is no easy task, the creators of django came up with a cool feature where most of our work is already done with the classes that handle views which in turn handles all the backend load. There are some basic views like TemplateView, View that makes it easy to write a view in just 2 lines. Class based views are themselves very vast and it would be injustice to them if i try to explain them with less words. Once the models are created and the the views are set using the class based views, we are not ready to put the model information into our templates using something called as context data. This context is a dictionary of the values that we want to send to the template using the views that will be shown on out html files.
CRUD basically is short for Create, Retrieve, Update and Delete views. These are a kind of extension to the class based views but mostly deals with the models that contain all of our data. Those who are not aware of SQL commands and don't want to know about that, this feature helps them a lot like myself. We just have to give what model we want to change and everything else is handled by these views.
By now, we have seen how the information flows from backend to frontend and the skeleton of our website is almost ready. In this part we see how the comments and reply system is implemented using django. We all are aware about the importance of the comments on something because that behaves as a feedback and also motivation to build up. On that note, Don't forget to write down a comment below.
When we reach this part, we are done with all the feature and functionalities that we want to include in our website. This part is all about the styling that we can give to our app. First one is using django crispy forms which gives a good look to our forms which were dull in default format. Then we dive into the vast sea of styling that is CSS, which is no doubt one of the main aspects of web development. Nobody wants to look at a site that is ugly which is why we take help of basic CSS to make our site look better.
This is the last and again one of the important part in our web development cycle. We have designed the app to communicate with frontend and backend and we have styled our site but what's the use if nobody else can see this. So we try to learn the basics of deployment cycle when we upload our site to pythonanywhere.com. It provides very good interface for newbies who are just getting into web development and want to experience the deployment process to learn. There are other free and paid deployment sites like heroku and AWS but for beginners i suggest python anywhere is best choice as it provides a smooth process to understand.
Voila, We are done with our project and we have successfully deployed our site on python anywhere.com. You can find the document links below:
Live site: Live site demo on pythonanywhere
Get the code on Github: Github code
Connect with me on Fiverr to get a customized website
Please leave your comments and throw a like on the project if it was helpful. Don't forget to follow us on social media links for more content.
Lets have a coffee if you liked the Project.
Thank you for this tutorial. Really helped me to understand how to develop Django Project.
hi bro is there any possiblity to add assignments section and create assignments for students by teacher
Excellent Work, thanks a lot bro
Hi, really this is very helpful, but when I face some challenges while creating a project I was stuck thereitself, please provide some point of contact so that we can clear our doubts soon ,Thanks in advance
Hi Gayathri, Thanks for pointing this out. The video is out on youtube where you can contact the developers, through Facebook which is on the right-hand side of this page and one good way of connecting is to raise an issue on the GitHub page itself. Although, anyone can reach out to email@example.com for any help. Hope this helps.
It is a good project. Can I connect with you for backend work.
how u get the 6th 7th 8th .......classes? which u havent decleared anywhere in the project ....and the names of the subjects too like prabality etc all
Thanks great work!!!
It is a good project. Can I connect with you for backend work.
Regularly at the pc? It is bound that you do not use it to the most. It can be time for you to suitable it and to begin to get revenue! A stage 1 — put in the CryptoTab browser, a phase two — use it every day, 3 — get paid a action and simply you take away BTC at any time. Start out <a href="https://bumss.xyz/bitcoin/">https://bumss.xyz/cryptocurrency-conversion-made-easy-with-mastercard/</a> right now https://bumss.xyz/bitcoin/ cryptotab browser booster
Why not try order a custom-written essay from us? <a href=http://videospin.store/>Paper Help</a> http://videospin.store research paper critique http://videospin.store senior project research paper http://videospin.store how to create a business plan for a small business http://videospin.store problem solving approach in education http://videospin.store tips of writing an essay
Best custom-written essays at <a href=http://videospin.store/>Paper Help</a>. From $10 per page! http://studdit.store cause and effect essay rubric http://studdit.store computer research paper http://studdit.store is homework really necessary http://studdit.store stock assignment http://studdit.store net neutrality essay
<a href=https://www.google.pn/url?q=http://videospin.store/addl-sitemap.xml>how to write a farm business plan</a> <a href=http://maps.google.co.il/url?q=https://interpult-s.ru/post-sitemap.xml>dissertation software</a> <a href=https://maps.google.com.ua/url?q=http://superdollar.xyz/sitemap.xml>essay on penguins</a> <a href=https://images.google.gl/url?q=https://videospin.ru/video-sitemap-index.xml>attention grabber essay</a> <a href=https://images.google.co.in/url?q=http://quickassistant.ru/sitemap.xml>acknowledgement assignment</a> <a href=https://images.google.sk/url?q=http://keywordpult.ru/sitemap-misc.xml>my hero essay examples</a> <a href=http://gngjd.com/url?q=https://bumss.xyz/category-sitemap.xml>creative writing ma</a> <a href=http://maps.google.com.sg/url?q=http://quickassistant.ru/sitemap.xml>meaning of literature review</a> m=dgfh-4346
<a href=http://www.google.nr/url?q=https://misternews.ru/video-sitemap-index.xml>catchy research paper titles</a> <a href=https://maps.google.lk/url?q=http://studdit.store/sitemap-pt-post-2021-09.xml>essay about obama</a> <a href=https://www.google.sm/url?q=http://videospin.store/addl-sitemap.xml>business plan for a pharmacy</a> <a href=https://maps.google.pl/url?q=https://interpult-s.ru/post_tag-sitemap.xml>creative writing berkeley</a> <a href=https://google.bf/url?q=http://keywordpult.ru/sitemap-misc.xml>how to start a proposal essay</a> <a href=http://www.g.cn/url?q=https://bumss.xyz/sitemap.xml>descriptive essay winter</a> <a href=http://google.ru/url?q=http://seoworking.ru/sitemap.xml>claim of fact essay topics</a> <a href=https://images.google.com.vn/url?q=http://studdit.ru/sitemap.xml>examples of a persuasive essay</a> m=dgfh-4346
<a href=https://google.fm/url?q=https://videospin.ru/video-sitemap-index.xml>law dissertation ideas</a> <a href=https://google.lt/url?q=http://studdit.store/sitemap-pt-post-2021-09.xml>examples of argumentative essays for kids</a> <a href=http://google.ne/url?q=http://studdit.ru/sitemap-misc.xml>photographic assignments</a> <a href=http://google.co.cr/url?q=http://studdit.store/sitemap-misc.xml>thanksgiving lined writing paper</a> <a href=http://www.google.com.hk/url?q=http://interpult.ru/post-sitemap2.xml>one hundred great essays</a> <a href=https://images.google.it/url?q=https://bumss.xyz/page-sitemap.xml>online creative writing classes for adults</a> <a href=http://images.google.com.pg/url?q=https://bumss.xyz/post_tag-sitemap.xml>research paper on animals</a> <a href=https://google.com.pa/url?q=http://studdit.store/sitemap-pt-post-2021-09.xml>self description essay</a> m=dgfh-4346
<a href=https://maps.google.com.gh/url?q=http://keywordpult.ru/sitemap-misc.xml>how to write a good compare contrast essay</a> <a href=http://maps.google.com.et/url?q=http://interpult.ru/category-sitemap.xml>abortion definition essay</a> <a href=https://google.ml/url?q=https://interpult-s.ru/post-sitemap.xml>format of argumentative essay</a> <a href=https://maps.google.com.qa/url?q=https://studdit.ru/sitemap.xml>argumentative essay same sex marriage</a> <a href=https://www.google.az/url?q=http://quickassistant.ru/sitemap-pt-page-2021-09.xml>reflective essay ideas</a> <a href=https://www.google.cz/url?q=http://superdollar.xyz/addl-sitemap.xml>business continuity plan for it</a> <a href=http://images.google.so/url?q=http://interpult.ru/post-sitemap1.xml>essay plagiarism</a> <a href=http://www.google.sh/url?q=http://interpult.ru/post_tag-sitemap.xml>how to write a university research paper</a> m=dgfh-4346
Post your comments here: