Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Django 4 for the Impatient
  • Toc
  • feedback
Django 4 for the Impatient

Django 4 for the Impatient

By : Greg Lim, Daniel Correa
3.8 (10)
close
Django 4 for the Impatient

Django 4 for the Impatient

3.8 (10)
By: Greg Lim, Daniel Correa

Overview of this book

Learning Django can be a tricky and time-consuming activity. There are hundreds of tutorials, loads of documentation, and many explanations that are hard to digest. However, this book enables you to use and learn Django in just a couple of days. In this book, you’ll go on a fun, hands-on, and pragmatic journey to learn Django full stack development. You'll start building your first Django app within minutes. You'll be provided with short explanations and a practical approach that cover some of the most important Django features, such as Django Apps’ structure, URLs, views, templates, models, CSS inclusion, image storage, authentication and authorization, Django admin panel, and many more. You'll also use Django to develop a movies review app and deploy it to the internet. By the end of this book, you'll be able to build and deploy your own Django web applications.
Table of Contents (14 chapters)
close

Creating a base template

We currently have our movies page, mailing list signup page, and news page. However, users have to manually enter in the URL to navigate to each of the pages, which is not ideal. Let's add a header bar that allows them to navigate between pages. We will begin with movie/templates/home.html:

  1. We will use as a base the markup of the Navbar component from getbootstrap (https://getbootstrap.com/docs/5.1/components/navbar/). We also include the bootstrap.bundle.min.js script inside the <head> tag. This file provides additional user interface elements, such as dialog boxes, tooltips, carousels, and button interactions. Besides that, we will include a meta viewport tag that detects a user device and scales an application, depending on that device.
  2. In movie/templates/home.html, make the following changes in bold:
    <!DOCTYPE html>
    <html>
      <head>
        …
        <script src=...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete