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

# Create template

Templates are usually lengthy for this type of project. If you feel overwhelmed by them, please refer to the source code given in the code widgets.

You can see ***all_listings.html*** from the directory ***listings/templates/listings/*** opened in the following widget.

#!/usr/bin/env python
"""Django's command-line utility for administrative tasks."""
import os
import sys


def main():
    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'example.settings')
    try:
        from django.core.management import execute_from_command_line
    except ImportError as exc:
        raise ImportError(
            "Couldn't import Django. Are you sure it's installed and "
            "available on your PYTHONPATH environment variable? Did you "
            "forget to activate a virtual environment?"
        ) from exc
    execute_from_command_line(sys.argv)


if __name__ == '__main__':
    main()


import React from 'react';
import { shallow, configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

import HelloWorld from './app';

var TestResult = function() {
    this.succeeded = false;
    this.reason = "";
    this.input = "";
    this.expected_output = "";
    this.actual_output = "";
}

export const executeTests = function() {

  var results = [];

  result = new TestResult();
  result.input = 'HelloWorld Component';
  result.expected_output = "span containing text 'Hello World'"

  let wrapper = shallow(<HelloWorld />);

  // Call your Challenge function here.

  let type = wrapper.type();
  let testSuccessful = true;
  let failureReason;

  if (type !== 'span') {
    testSuccessful = false;
    failureReason = "You need to render exactly one span HTML element";
  } else if (wrapper.props().children != "Hello World") {
     testSuccessful = false;
     failureReason = "You have rendered wrong message in your span element";
  }

  result.actual_output = wrapper.html();

  if (testSuccessful) {
    result.succeeded = true;
    result.reason = "Succeeded"
  } else {
    result.succeeded = false;
    result.reason = failureReason;
  }

  results.push(result);

  return results;
}


React

Dart

GoJS React

Typescript React

Vue.js

Django provides us with built-in template tags `{% ... %}` that we can use in our templates to run Python code. We have used these tags in **lines 5**, **17**, and **19** to run Python code in this template.

Since we have passed the `all_listings` dictionary to this template, we can use the data stored in the dictionary. Do this by accessing the variable which holds the data, in this case, `all_listings`. We loop through the data in `all_listings` (**line 5**) and display specific fields by using dot notation (`.`) to access the dictionary data, for instance, `listing.title` for the title of the listing.

If there are no listings, the `{% empty %}` clause (**line 17**) will display the text, "No listings found. Try again".

The `{% endfor %}` clause ends the loop (**line 19**).

We have also added a link in **line 14** to view each listing. As of right now, the link doesn’t take us anywhere, but we will activate it later on.

# Live demo

Click the **Run** button in the widget above to test the *Listings* page. You'll see two listings that have already been populated in the database.

Look at the details of the Listings template and practice it yourself.


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

Conclusion

Django Takeoff - Assessment

Appendix

Listings Template

Create template