Gain insights into Django, a Python framework for rapid web development. Discover hands-on learning with interactive widgets and build a portfolio-worthy Django project.

django-docker.tar.gz

Django

Project

Models

ProjectModels

ProjectModels-challenge 1

ProjectModels-challenge 2

Django is a free and open-source web application framework written in Python. It is used for rapid web development and clean, pragmatic design. It is built by experienced developers to make repetitive tasks easier, so you can focus on writing apps instead of reinventing the wheel. This course teaches Django for beginning and intermediate level learners. The course includes a hands-on learning experience with the help of interactive widgets. At the end of the course, you will have created a project in Django that can be used in your portfolio.

Django: Python Web Development Unleashed

React

Dart

GoJS React

Typescript React

Vue.js

# Explanation

Let’s take a look at how we solved this problem.


## `zing_it/forms.py` file

- We created a class called `Signup` and added all the necessary fields which were required for this challenge. 

- We added some validators in the form fields.

- We used the widget `PasswordInput` for the password fields. Learn more about this widget from the [Django documentation](https://docs.djangoproject.com/en/3.0/ref/forms/widgets/#passwordinput). 

## `zing_it/views.py` file

- At **line #6**, we imported the `Signup` form that we just created.

- At **line #26**, we defined a function by the name of `signup` in which we get our *form* and its data. 

- At **lines #30 to 35**, we grabbed *password* and *confirm_password* from the form, checked if they match, and updated the `status` message accordingly. 

## `zing_it/urls.py` file

- At **line #7**, we created a path for this `signup` view.


## `templates/zing_it/signup.html` file

- We extended the `basic.html` in it and also added other necessary components, including the `songs.css` file.

- We then created a *form* and rendered our `form` inside a table. We render `status` too.

## `templates/zing_it/base.html` file

- At **lines #9 to 14**, we added the required links to implement the horizontal navigation bar.

Let’s review the solution to the previous challenge.

Before Getting Started

Introduction to Django

First Django Application

Templates in Django

Static Files in Django

Laying Ground for Songs Playlist Application

Project Solution: Laying Grounds for Songs Playlist Application

Django Models

Django Forms

Operations on Models

Take Your Playlist to the Next Level

Project Solution: Take Your Playlist to the Next Level

Conclusion

Project Solution: Make a Signup Form

Solution

Explanation