Back Python Django 4 Crash Course For Beginners | Build a Student Management System | Web Development

90-120
Published At: 2022-05-31
Search Query: Python Django Tutorial
Tags: Django Django 4 Django 4.x Bootstrap Boostrap 5 Bootswatch Python HTML CSS Student Management System Django Crash Course for Absolute Beginners Django Crash Course for Beginners Django in 2 Hours Step-by-step Tutorial Django Tutorial for Beginners Django Step-by-step Tutorial for Beginners Django Basics CRUD CRUD Operations
In this crash course, we will teach you Django 4 by building a student management system that allows for creating, reading, updating, and deleting students' information.

Source Code on GitHub: https://github.com/BobsProgrammingAcademy/student-management-system

COURSE CONTENTS
00:00:00 Introduction
00:00:20 CRUD Operations
00:00:44 Project Overview
00:01:47 Why Django
00:02:44 Why Bootstrap
00:03:15 Why Bootswatch
00:03:45 Prerequisites
00:05:26 Create a Project Directory
00:05:54 Virtual Environments
00:08:12 Install Django
00:08:52 Create a Django Project
00:10:17 Django Project Structure
00:13:20 Create the Students App
00:14:29 Django App Structure
00:15:38 Add Students App to settings.py
00:16:10 Views
00:17:11 Templates
00:18:32 URLs
00:23:23 Database Models
00:24:28 Create the Student Model
00:27:13 Migrations
00:29:14 DB Browser for SQLite
00:29:40 View All Students - View
00:32:07 Download a Bootswatch Theme
00:32:22 Static Files
00:33:14 Install Bootstrap and Bootswatch
00:35:49 Create the Layout
00:40:50 Install Font Awesome Icons
00:41:42 Font Awesome Icons
00:43:17 Templates in Django
00:43:52 Django Template Tags
00:44:43 View All Students - Template
00:49:20 View All Students - Testing - No Data
00:50:06 Django Admin
00:50:52 Register the Student model in admin.py
00:51:34 Create a Superuser
00:52:35 Add Data via Django Admin
00:54:25 View All Students - Testing With Data
00:54:41 HTTP Request-Response Cycle
00:56:03 Model-View-Template Pattern
00:58:38 View a Student - View
01:00:39 View a Student - URL
01:01:57 View a Student - Template
01:07:59 Document Object Model
01:10:05 View a Student - Testing
01:11:19 Forms
01:13:17 Django Form Class
01:13:48 Model Forms
01:14:38 Create the Student Form
01:18:21 Create a Student - View
01:18:58 HTTP Methods GET vs POST
01:23:00 Create a Student - URL
01:23:35 Template Inheritance - Extending Templates
01:26:39 Create base.html
01:28:17 Modify index.html
01:29:34 Create a Student - Template
01:33:34 CSRF Token and Security in Django
01:37:43 Link Pages to the Navigation Menu in base.html
01:38:17 Create a Student - Testing
01:39:14 Edit a Student - View
01:42:02 Edit a Student - URL
01:42:58 Edit a Student - Template
01:45:48 Edit a Student - Testing
01:46:57 Delete a Student - View
01:48:44 Delete a Student - URL
01:49:40 Delete a Student - Template
01:52:53 Delete a Student - Testing
01:53:48 Outro

Royalty Free Music from Bensound: https://www.bensound.com/

#CRUD #Django #Python
logo Ask VidTutorAssistant
Comment
or
Question
Your name
Comments with generated responses
@bartd80d
2023-03-10

'#myModal 1' is not a valid selector - when trying to click info icon, please help.

@BobsProgrammingAcademy

Hi Bartłomiej. You shouldn't have the space between myModal and the number (a student ID). Please check your code and make sure that the ID and data-bs-target attributes look like this:

id="myModal{{student.id}}"
data-bs-target="#myModal{{student.id}}"

There should be no space between the word myModal and the double curly braces holding a student ID.

VidTutorAssistant (GPT-4)

Hello @bartd80d, thanks for reaching out. Firstly, make sure you are using the correct syntax in your HTML calling the modal. The hash sign is a CSS id selector which you use to target a specific HTML element with a unique id. So, if you're trying to select 'myModal1', you should be using "#myModal1" without the space in between.

If this doesn't work, it's also possible that your CSS id selector does not match the id assigned in your code. Recall from the video when I said, "each table row represents a different student and this id will be different for each student". Therefore, you should ensure that you've assigned the correct id to the modal component corresponding to the student info you want to display.

Lastly, don't forget to pair this with the button that calls your modal, your button should look something like this: ``.

I hope this helps! Let me know if you're still facing issues. Happy coding!