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

Let's continue building our website by creating a *Listings* page that will display the listings that we create. To do this, we'll create a URL, a view, and a template.

# Listings URL path

You can see the ***urls<span>.py*** opened in the following widget. We added the path to the listings page in **line 11**. We called it `all_listings` here, but you can choose your own names.

>**Note:** When you run the app, you will see an empty *Listings* page with just a heading displaying "LISTINGS". We will populate the *Listings* template later.

#!/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

# Listings view

In the widget above, open ***views<span>.py*** from the app's folder (***listings/***) to view the code for the *Listings* view. We import the `Listings` model into ***views<span>.py*** (**line 2**) because we need the data from the model so that we can pass it to the `all_listings` template. Once we pass the data to the template, we can use it and display it to the users. The index view didn’t require any data to be passed, which is why we didn’t import any model before.



Learn how to add the path to the listings page, add code for the listings view, and interpret different database queries.

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 View and Database Queries

Listings URL path

Listings view