Learn how to develop, add detail, and refine web applications using Django.

Become a Django Developer

The focus of this module is to learn Django web development by example. We will be developing a web application step-by-step by setting up URLs, views, and templates of different web pages. The module walks us through various useful concepts to give our app a real look. For example, we’ll learn to create and manage user accounts, implement search filters, upload images, use Bootstrap styling, and apply cloud deployment using AWS (Amazon Web Services) and Heroku.

Every concept is presented with an executable environment so we can get hands-on experience. By the end of the module, we will have a real web application using Django.

Django Takeoff: Developing Modern Applications

During development, static and media files are usually served locally.

During development, static and media files are usually served locally.

It downloads the image from the internet using this URL.

It provides Django with the path to where the image is located.

Consider the following statement:
```html
<img class="card-img-right img-thumbnail" src="{{ listing.main_photo.url }}">
```
What is the purpose of `.url`?

Consider the following statement:
<pre><code class="language-html">&lt;img class=&quot;card-img-right img-thumbnail&quot; src=&quot;{{ listing.main_photo.url }}&quot;&gt;
</code></pre>
What is the purpose of <code>.url</code>?

`from django.conf import models` is used to serve static files.


<code>from django.conf import models</code> is used to serve static files.

`from django.conf.urls.static import static` is used to serve static files.

<code>from django.conf.urls.static import static</code> is used to serve static files.

__________ is another `import` used to serve static files.


__________ is another <code>import</code> used to serve static files.

Django automatically knows where the images are located.

Django automatically knows where the images are located.

The path of the images needs to be specified in the HTML templates in order to be displayed.

The path of the images needs to be specified in the HTML templates in order to be displayed.

Complete the lines of code.

```
from django.____ import settings
from django.conf.____.static import ____
```

Complete the lines of code.
<pre><code>from django.____ import settings
from django.conf.____.static import ____
</code></pre>

Test your knowledge of setting up and displaying images in the Django web app.

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

Django 3...2...1...Takeoff! - Assessment

Appendix

Conclusion

Quiz: Images