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: https://github.com/MariyaSha/DjangoQuickstart 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: https://www.youtube.com/watch?v=MUZtVEDKXsk ⭐ Flask Hello World Web App for Beginners: https://www.youtube.com/watch?v=6plVs_ytIH8 ⭐ Simple Calculator Web App with Anvil: https://www.youtube.com/watch?v=NiQdsK3H57Y ⭐ Advanced Web App with Flask and SQLite: https://www.youtube.com/watch?v=v3CSQkPJtAc ⏰ 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: https://github.com/mariyasha 🔗 Discord: https://discord.com/invite/wgTTmsWmXA 🔗 LinkedIn: https://ca.linkedin.com/in/mariyasha888 🔗 Twitter: https://twitter.com/mariyasha888 🔗 Blog: https://www.pythonsimplified.org/ 💳 Credits 💳 ---------------------- ⭐ Beautiful animated graphics by: mixkit.co