Django QuickStart Web Application for Beginners

Welcome to the QuickStart guide to Django Applications! 🤩
Where Django is a popular Python-based framework for web development and today we will set it up from scratch!
In this tutorial we will focus on some the main components of websites. We will:
1. Setup a Django development server using Python (01:46)
2. Render an HTML template (05:18)
3. Add some CSS Styling (13:26)
4. And last but not least - JavaScript client side interactions (20:24)
🛑 PLEASE KEEP IN MIND 🛑
-----------------------------------------------
This is a QUICKSTART guide with the sole purpose of connecting all the above components together! By the end of this tutorial you will have your very own template of a basic Django website and you will also learn which files and terms we use for different operations.
Or alternatively, you can just clone my code if you already have some background with Django:
github.com/MariyaSha/DjangoQu...
In the next few tutorials we will learn how to work with Django databases and templating engine! After we have all the basics covered - we will then move with creating a useful application and even hosting it online.
💻 RELATED TUTORIALS OF MINE 💻
--------------------------------------------------------------
⭐ Anaconda for Beginners:
• Anaconda Beginners Gui...
⭐ Flask Hello World Web App for Beginners:
• Simple Web App with Fl...
⭐ Simple Calculator Web App with Anvil:
• Simple Calculator with...
⭐ Advanced Web App with Flask and SQLite:
• Flask SQLite Web Appli...
⏰ TIME STAMPS ⏰
-----------------------------------------------
00:00 - intro
00:45 - install Django
01:46 - create Django project
03:04 - run Django server
03:56 - customize port number
04:37 - create Django app
05:18 - create an HTML template
06:31 - setup a templates directory
07:46 - working with views
09:19 - working with routes
13:26 - create a CSS stylesheet
14:56 - setup a static directory
15:59 - HTML file structure
17:50 - link stylesheet with templating engine
20:24 - setup JavaScript
21:18 - link JavaScript with templating engine
22:34 - thanks for watching!
🤝 Connect with me 🤝
--------------------------------------
🔗 Github:
github.com/mariyasha
🔗 Discord:
/ discord
🔗 LinkedIn:
/ mariyasha888
🔗 Twitter:
/ mariyasha888
🔗 Blog:
www.pythonsimplified.org
💳 Credits 💳
----------------------
⭐ Beautiful animated graphics by:
mixkit.co

[@MichaelSwartout]

Why do you put a forward slash after the variable you defined, which was called in the path method?

[@PythonSimplified]

Great question Michael! 😀 I would think that if you set it to "myapp" instead of "myapp/" and then try to lead to another route after that - we won't be dealing with "localhost:8000/myapp/myview" but with "localhost:8000/myappmyview" as we never added a slash after "myapp". I might be wrong, but if we do an experiment and dispose of the backslash - we immediately get a "Page not found (404)" error. However, in the case of changing "myview/" to and empty string "" - we never had any issues as we didn't add any additional routes after it. Also note that when we looked at the myproject/urls.py file, the existing 'admin/' route included a backslash to begin with. According to this principle - I repeated it across any new route I've added on my end. Only after I've seen your question, I've started experimenting with that... I must admit that I didn't even think of it! 😊 Thank you so much for your awesome question! I'll pin it to the top to see if any Web Dev experts will be able to confirm my answer from above, as I'm not entirely sure I got it right... I would say it's a fancy guess at this point of time 😉

[@manusoftar]

@@PythonSimplified did you try to add a backslash to the beginning of the next folder route??, I mean, in your example, if you remove the backslash at the end of "myapp", did you try to add it to the next dir, like "/myview" ???

[@truth-7380]

yo yo yo 😂😂😂 You are unique. I wish you all the best.

[@deepak2950]

Your teaching and content is top-notch and truly exceptional. I am incredibly grateful to have found it.❤️ Thank you for sharing your knowledge and expertise with the world. Keep up the great work!

[@vadymmudryi7978]

Yo yo yo! I watched this video to the end and it's amazing. I never thought Django is so easy to start. Thank you for explaining.

[@johnmamodu6650]

How can one person be this beautiful, intelligent, simple and super helpful. When it gets difficult for me, all I need to do is look for your tutorial on it and its done. You are a life saver and I appreciate you. Thank you Mariya for all you do to help us simplify the process🤟

[@vinni_codes]

You has definitely mastered the sacred arts of simplified teaching. I learn in a single video what I don't learn in weeks of college class

[@PythonSimplified]

Yeeeyyy! Thank you so much! Super happy you find my tutorials useful! 😃😃😃

[@PythonSimplified]

Yeeyyyy!!! Thank you so much!! Super happy you find my tutorials useful! 😃😃😃

[@markslima1557]

If anyone else had issues activating djangoQS environment, I had to deactivate (base) first, then I was able to activate (djangoQS) environment - thanks for the cool video!

[@johanneszwilling]

Refreshing different approach,...thank you!

[@jessepersinger9821]

Perfect timing! Just got added to a project that uses django at work and it’s my first time working with python backend. Thanks for the great videos.

[@PythonSimplified]

Yeyyy! It will definitely save you a few hours of reading Stack Overflow posts! hahaha 😉 Django docs are very ambiguous when it comes to Static files as well as "urls.py"... I had some struggle there 😅

[@user-he2cu7io5n]

Great tutorial -- clear, concise, informative, entertaining! You have a very special talent in teaching and your joyful energy is contagious! Thank you so much! I'm a new subscriber:)

[@yuliyaapukhtina4382]

It's the best Django explanation that I've met ever, thank you Mariya

[@remomagalhaes4707]

thank you very much from Brazil. I really appreciate your effort, Mariya. I feel lucky that the youtube algorithm recommended your channel to me.

[@billu8754]

Thank you so much for creating and sharing such an insightful and informative tutorial on setting up a Django development environment and creating a basic web application! Your step-by-step guidance made it incredibly easy for me as a beginner to understand the process and get started with Django. I truly appreciate the effort you put into explaining each aspect, from setting up Anaconda to adding static files. Your video has been immensely helpful in building my confidence and skills in Django development. Looking forward to more content from you! Keep up the fantastic work! yo yo yo !

[@wagnerjosegertrudesmuitoal3638]

Great video, very clear and complete, and the teacher has the most beautiful eyes in the world, thank you

[@TrueSQN]

I love you for that "CTRL + Reload"

[@PythonSimplified]

I had some nightmares when setting up stylesheets with Flask, took me quite some time to understand that the problem is refreshing the cache rather than something in my code 😉 Ever since - I mention Ctrl + Refresh in any possible opportunity hahahaha 😁

[@TrueSQN]

@@PythonSimplified Flask was my first ever full-stack framework :D Anyway thanks for that tip. Also i want to update: i love you for all your content *-*

[@TrueSQN]

@@PythonSimplified i wonder why you have such small amount of views. You should be top in youtube as best female python developer :)

[@odanilomedeiros]

My goodness! You rock Maryia! Thanks a bunch

[@KhalidThwiny]

Your videos are amazing! Thank you sooo much 😊

[@JosephBabatunde-xw4vx]

Thank you very much for this video. It’s been of great help to me. It made the documentary easier to understand and work with.

[@OlivierBrisson]

Thank you so much. I really hope you'll continue this django serie.

[@jmhasan5076]

Hi !! Thank you so much for starting this , I'm learning Django right now, so now I need to Integration a third party Reporting Tools like BIR, Jasper or Crystal Reports with django project.

[@mt1133]

thank you so much and please do more Django tutorials 🤩

[@CARLOSRAMIREZ-kb4hp]

thks you so much, I love the simple way to teaching us..!!

[@oddlyCT]

just found your channel, you're a fantastic teacher! and my wife loves your hair. 🔥

[@foustcor]

This is amazing. Thank you so much!

[@jeuxmathinfo9578]

Very clear explanation! Very useful ! Thank you so much !!! 🏆🏆🏆🏅🏅🏅🙏

[@patrycjamx9340]

And I hope for more Django tutorials especially with Forms. 🙂 Your job is just GREAT!!!

[@PythonSimplified]

Absolutely! I'll continue this series in the near future, I think a databases video will come sooner than forms... but it's definitely on my "to-do" list! 😉

[@pritnadoda4298]

@@PythonSimplified please continue it

[@zameerahmed1775]

Awesome explanation ................ U made Django so easy. Keep up the good work. Love frm India ❣❣❣❣

[@holy_roman_emperor01]

Thanks a lot for the video. I discovered this channel today and you make great videos. I hope you get 1 million subscribers

[@Vernietig56]

thank you so so much for this - so refreshing and engaging

[@nicholasedgarkiwanuka2588]

Amazing tutorial, I am now a confident beginner.

[@unhhgcrxexhjvuvujchcrzwzwz7956]

This is perhaps the single best tech tutorial I’ve ever come across. Additionally, your communication style is exceptionally engaging without getting distracted and annoying. Great video

[@GameDownloader112]

Not sure why I clicked this video, even watched few cut scenes, anyway, very high energy and concise method of teaching!

[@user-cc5ro7mt4x]

I chan read this ;) Thank you so much! So clear and coherently. I'm happy youtube recomended you channel and now I can engoy and learn your lessons. Thank you!

[@PythonSimplified]

Thank you so much for the incredible feedback! 😃

[@gideonz74b]

Yo yo yo! You sure have some explanation skills there! You don't only show the what, but also the why. Excellent!

[@PythonSimplified]

Thank you so much Gideon! 😁

[@faresabdelghany6114]

thank you so much, this helped me a lot

[@chadbarcelo8469]

i hope a you create a django crud functionality tutorial. btw you explained it so good and much easier to understand than most of the tutorials here in youtube.

[@juanroccia]

Resulta muy útil este contenido, y a pesar de que esta lleno de tutoriales de django, este esta entre los mas actuales y atractivos.

[@mohanedAlsheikh]

yo yo yo this was amazing :D , THANK YOU

[@jaroslavkrbec582]

yo yo yo! Thanks for this great content! You saved my hopes that Django would be the love at (probably) fourth sight :D

[@davidcohen8888ify]

this is outrageous! I'm trying to learn here, and I keep looking at her! 😉

[@mohamedaitalla6312]

Awesome Mariya !

[@user-db7kz5un3x]

It is a pleasure to comment this video.

[@InfernalPasquale]

you are an excellent teacher and incredible human

[@fadyfelias]

Thanks very good tutorial, waiting next video

[@return_1101]

AWESOME. Thank you.

[@ahmedmadhi5005]

It's amazing 🤩

[@phon_o_rama2169]

Django is awesome! Thanks!

[@patrycjamx9340]

Thank you very much :) I'm learning Django right now, so your video is very helpful.

[@PythonSimplified]

Glad I caught you in the perfect timing! 😉

[@jamesl6000]

this was great. Thanks

[@griffith68]

Thank you for simplifying Python 💯🤙🏾 Awesome content. Can you please do one on Django and MongoDB? 😊👊🏾

[@juliencarrier5252]

very helpful ! thanks

[@brendansullivan4872]

Thats awesome we got the same monitor (curved). Also this was a really good video!

[@alexcaruajulca]

thanks for the subtitles

[@vladimiraleksic4066]

Yo yo yo, you are the bestyo develepoyo teacheryo. Thank you a lot.

[@chia-peiho1630]

very nice explanation! thank you

[@MrPennywise1540]

Thank you for your help!!!

[@Ahmed-iam]

Really well explained. No endless BS fr.

[@scorheim]

Good stuff! Thanks!

[@richardvanos8853]

Great video! So know we have Django installed. When to expect your charming explanation on how to continue this amazing framework? I can' t wait.

[@sakibcoder]

i was waiting for this video!

[@JeremyRefoia]

Excellent vidéo !

[@bc4198]

Thanks! Your tutorials are excellent. Yo yo yo.

[@PythonSimplified]

Thank you so much B C! 😃

[@facundonieto1396]

You are the best person ever

[@diwakar_tsn]

This will help me alot ❤️💙

[@PrernaVikram]

many thanks love.

[@JeremyRefoia]

Super vidéo !

[@user-ng8rl3jb1i]

hi nice video! very straightforward !! One question I have, is if we could possibly set one directory for static files and templates... it seems to me a little bit non trivial not to be able to access both by just setting one directory in the settings file. Don't know if I am clear..

[@bckzilla]

As usual you are amazing. Thanks for that.

[@PythonSimplified]

Thank you so much! 🙂

[@FidelMorenoC]

Increible! esto resume 3 semanas tratando de que mi app funcionara / This sums up 3 weeks of trying to set up my first website. thanks!!!

[@HslSoulsick]

hahah nice, q positivo el impacto de tu comment!!!

[@PythonSimplified]

I hear ya, Fidel! 😀 I had to browse through dozens of stack overflow posts to connect all the pieces of the puzzle 😅 The documentation is not very clear when it comes to Static files, most of my struggle was there... Needless to say - I'm not looking forward to exploring the database models hahahaha 🤣🤣🤣 (I might have to though, I think I'll rebuild my blog with Django, I do like how lightweight it is, especially in a combination with Jinja2)

[@FidelMorenoC]

@@PythonSimplified well you will see the nginex and gunicorn deploy xD, I have lots of problems with the statics files.

[@DaisyRahman]

Yo yo yo! Thank you

[@vmas700]

realy amezing🥰

[@dhirajkeswani6569]

Amazing QuickStart. Is the next part coming???

[@rickeyestes]

Thanks!

[@jackthewisedog5171]

Like your video but I will need to watch and again but it's a great video for starters

[@secureless]

Thanks Maria for the best lesson :)

[@PythonSimplified]

Thank you for the awesome comment! 😊

[@IzMroen]

yo yo yo 🙌 , thank u Maria

[@CharlesBLim]

I hope more features and more devs will use DJ.

[@cosmicblack]

good one.

[@MrPioneer7]

Thank you

[@sammox7346]

Hello sweety, thanks for your videos 🥳

[@jacobbj]

I love your voice and accent!

[@MdMozammelHossain]

Hi, thank for you simplifiend videos, is there any followup video on Django ?

[@user-vk9vc8kb1b]

謝謝🙏分享

[@ChaosArtist]

Nice video.

[@ytdavide]

Thanks...Could you continue?

[@roelofcoertze9453]

Excellent job!!

[@PythonSimplified]

Thank you so much! happy you liked it! 😃

[@biocation2739]

@@PythonSimplified I have one comment though, compared to the web development I have been doing, this seems quite complicated in comparison. I know you have not talked about database work yet, but what is the actual advantage of using the Django Framework?

[@detsureg]

yo yo yo awesome 😎🤘

[@EverythingWithSami]

i think i am in love.

[@kasondekasondel2885]

Hi Maria, I am Kasondel from Zimbabwe 🏳‍🌈 Thanks for your videos, very educative.

[@zakyvids6566]

This is amazing can you please make a tutorial on opencv and selenium webdriver as well Thanks

[@PythonSimplified]

Zaky I have an entire playlist on Selenium! Also, a bunch of OpenCV tutorials as well! 😉 Check them out: 1. SELENIUM: ⭐ Web Scraping Instagram with Selenium: kzbin.info/www/bejne/n3uqp4x4fZ6gmbs ⭐ Web Scraping Facebook with Selenium: kzbin.info/www/bejne/iaS7lKylmtuejJI ⭐ Web Scraping LinkedIn with Selenium: kzbin.info/www/bejne/bZKsk2mfhr-eetk ⭐ Create Twitter bot with Selenium: kzbin.info/www/bejne/gWWvcp2HnNiKi6c 2. OPENCV: ⭐ Drawing with OpenCV: kzbin.info/www/bejne/hqXZf2uXmZ6Back ⭐ A forest of Objects with OpenCV: kzbin.info/www/bejne/Y33WppyMfLRgbpo I hope it helps! 😊

[@DhruvilAntala]

Why do you put a forward slash after the variable you defined, which was called in the path method?

[@joker-ex5my]

I see you and think of felicity de arrow, I only understand 50% of what you say since I speak Spanish, but I still like your videos.

[@PythonSimplified]

Thank you Joker! 😃 I'm always adding captions to my tutorials and I believe KZbin automatically translates them to different languages... Maybe give it a try the next time, it might boost it to 100%! 😉

[@user-sk2rf2wx6i]

Спасибо!

[@salmanakhtar506]

Nice tutorial

[@PythonSimplified]

Thank you! :)

[@skysaville]

So much great Python content! Any thoughts on FastAPI?

[@alkomorphis2128]

what preferably to use with django: conda or pip+virtualenv?

[@house0795]

hey, what about data structures explained on python? There are few videos with that, vast majority of that topic basing on java or c. For example linked lists, hash tables etc.

[@guimoncao]

Python and JavaScript/TypeScript are the best as a whole.

[@PythonSimplified]

I have a feeling Pyscript will join the list very soon 😉

[@chrishoeffel]

Do you have interest in including a secure setup with .env and gitignore?

[@Valnurat]

I just love you. You are awesome. :) Small question. I very new to Python, but I need to create a small web app. That just holds some data and do a search on a flight webpage. Would you recommend to use Django or Flask for the web? What about to hold the metadata. What would recommend? The metadata I need to keep is dates and departures and destinations. Not any fancy. :)

[@DhruvilAntala]

[@kingcogles]

Yo yo yo! 😄