RDS_DB_NAME

RDS_DB_USERNAME

RDS_DB_PASSWORD

RDS_DB_HOST

AWS_ACCESS_KEY_ID

AWS_SECRET_ACCESS_KEY

S3_BUCKET_NAME

HEROKU_APP_NAME

RDS_DB_SGID

Gain insights into Django web development. Learn about setting up URLs, views, templates, user accounts, search filters, styling with Bootstrap, and cloud deployment using AWS and Heroku.

Django 3...2...1...Takeoff! by Bryam Loaiza_468 x 60 copy.png

Django.tar.gz

AWS_REGION

ch1-to-5-and-ch13-lsn1

ch2-lsn2

ch4-lsn3-and-ch6-to-12

ch13-lsn2-to-aws

ch1-lsn3

ch1-lsn1-ch3-lsn1

heroku-job

intro-job

The focus of this course is to learn Django web development by example. You will be developing a web application step-by-step by setting up URLs, views, and templates of different web pages. The course walks you through various useful concepts to give your app a real look. For example, creating and managing user accounts, implementing search filters, uploading images, Bootstrap styling, and cloud deployment using AWS (Amazon Web Services) and Heroku. 

Every concept is presented with an executable environment so that you get hands-on experience. By the end of the course, you will have a real web application using Django. This is a great course for beginners who want to learn the basics of Django and start building along the way.

Django Takeoff: Developing Modern Applications

We have implemented the basic website functionality, so now it's time. to start styling the website. We will use Bootstrap which is a library of HTML, CSS, and JavaScript/jQuery code that offers a variety of cool features and design options.

# Using Bootstrap

We will be using Bootstrap 5 to style the website. There are multiple ways to set it up. We have been using `pip install` for installing packages up to this point. However, we will do something different this time and implement Bootstrap 5 by putting the required code in the ***base.html*** template. This code can be found code in the Bootstrap 5 starter template using [this](https://getbootstrap.com/docs/5.1/getting-started/introduction/#starter-template) link.

Press the **Run** button to see the Bootstrap styling by having a look at the updated navbar.

See how the navbar and the Homepage are updated to add Bootstrap styling.

Navbar and Homepage Updated

Styling Pages with Bootstrap

Introduction

Django Web App Setup

Django Basics

Homepage

Listings Page

New Listing Page

Navbar

Detail Listing Page

My Listings Page

Edit Listing Page

Delete Listing Page

Users App

Register Page

Foreign Key

Images

Django Filters

Styling the Django Web App

Using Amazon Web Services (AWS)

Heroku Deployment

Build a CV Generator using Django

Conclusion

Django Takeoff - Assessment

Appendix

Styling Pages with Bootstrap

Using Bootstrap