Django Full Stack Web Development with AI
This comprehensive Django Full Stack Web Development with AI course is designed to take learners from absolute basics to advanced, real-world application development, starting with core web technologies such as HTML, CSS, Bootstrap, and JavaScript, with a strong emphasis on hands-on practicals including portfolio websites, product pages, interactive applications, and responsive layouts. Learners then progress into Python programming, covering fundamentals, object-oriented and functional programming, file handling, APIs, and real-time data usage, before transitioning into the Django framework to build dynamic, database-driven web applications with user authentication, forms, CRUD operations, and Git version control. What truly sets this course apart is its deep focus on Data Science, Machine Learning, Deep Learning, and AI integration, where students work with Pandas, Matplotlib, regression models, neural networks, CNNs, GANs, and real-world datasets such as the Titanic dataset, while also learning to integrate machine learning models into Django applications, reinforced through quizzes, doubt-clearing sessions, and extensive real-world projects.
This course includes:
Course Content
Course Introduction & HTML Part 1
1.5 h
- Introduction and making students familiar with the system
- Course Overview & Roadmap
- Introduction to HTML & Getting Set up
- First website in detail
- Paragraphs and headers
- Formatting Text - Bold, Italic, etc:
- Introduction to Practicals
- Practical - Basic Portfolio Website
- Practical Solution - Basic Portfolio Website
- Practical - Tutorial Site for Beginners
- Practical Solution - Tutorial Site for Beginners
- Open to questions
HTML Part 2
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Links and URLs
- Images
- Lists
- Tables
- Practical - Website for a Zoo
- Practical Solution - Website for a Zoo
- Line Breaks and Forms
- Open to questions
HTML Part 3
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Practical - Update your Portfolio Website
- Practical Solution - Update your Portfolio Website
- Adding Comments
- Developer Console
- iFrames
- HTML5 Semantics
- Div and Span
- Mobile responsive Viewport
- Quiz 1: HTML Quiz
- Open to questions
CSS Day 1
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- CSS - What is it and Why is it so useful?
- Integrating CSS - Best Practices
- Colors - Text, Backgrounds, borders
- Practical - Beginners Styling & Solutions
- Picking Colors
- Text Styling
- Practical - Startup Product Page & Solutions
- Practical - Portfolio Page Styled & Solutions
- IDs and Classes
- Open to questions
CSS Day 2
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Revisit Divs & Spans
- Position
- Practical - Movie poster, coming-soon page & Solutions
- Float, Height & Weight
- Practical - Color Boxes & Solutions
- Margins & Padding
- Practical - Art Gallery & Solutions
- Open to questions
CSS Day 3
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Decorating Links <a>
- Practical - Navigation Bars & Solutions
- Tables, Child & Parents
- Display
- Practical - Art Gallery ++ & Solutions
- Quiz 2: CSS Quiz
- Open to questions
CSS Day 4 - Bootstrap
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Adding Bootstrap to your site
- Using Bootstrap - Jumbotrons, buttons, nav bars, etc
- Customising Bootstrap classes
- Practical - Let’s have some fun & Solutions
- Grid
- Practical - Creating a Product Page & Solutions
- Quiz 3: Bootstrap Quiz
- Open to questions
Javascript Day 1
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Introduction to Javascript
- Adding Javascript to your HTML code
- Functions - On Click
- Practical - Date/time Generator & Solutions
- innerHTML
- Style - Javascript changing CSS
- Other events - onmouseover
- Practical - Color Changer & Solutions
- Variables + Functions
- Open to questions
Javascript Day 2
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Data types - Strings, numbers and Arrays
- Developer Console - Error Handling
- Strings and Numbers
- Operators
- Comparisons
- Logical Operators
- User interaction with Variables
- Practical - Counter & Solutions
- Arrays & its details
- Open to questions
Javascript Day 3
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Practical - Counter with background color & Solutions
- Objects
- If/Else & Else If
- Practical - Welcome Message & Solutions
- Getting values from HTML forms into JS
- Using forms for a basic calculator
- Open to questions
Javascript Day 4
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Practical - Beginners Bank & Solutions
- For loops
- Practical - Car dealership & Solutions
- While loops & Comments
- Practical - Tip Calculator & Solutions
- Functions - return
- Open to questions
Javascript Day 5
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Practical - Reaction time & Solutions
- Basics of jQuery
- .css and .html
- Event Handlers
- Animate
- ES6 - Features and syntax & Let and Const
- Exponentiation, Arrow Functions and default parameter values
- Quiz 4: Javascript Quiz
- Open to questions
Python Day 1
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Introduction to Python & Setup
- Using jupyter notebook & Print and input
- Practical - Welcome program & Solutions
- Common datatypes
- Operators and comparisons
- .format
- Practical - Basic Calculator & Solutions
- Practical - Weight converter & Solutions
- Using comments
- Importing modules and using methods
- Open to questions
Python Day 2
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Investigating errors
- Practical - Dice rolling simulator & Solutions
- If/else/elif
- Practical - Number guessing challenge & Solutions
- Lists
- Practical - Twister spinner & Solutions
- A few list methods
- List Indexes & Slicing
- Practical - list within a list & Solutions
- Open to questions
Python Day 3
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- For loops
- Continue, break
- List comprehension
- Tuples and sets & Dictionaries
- Practical - Currency Converter & Solutions
- While Loops
- While Loops in games
- Practical - Number guessing revisited & Solutions
- Practical - Five lives & Solutions
- Open to questions
Python Day 4
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Functions and Function Parameters
- Recursive Functions
- Practical - Tic Tac Toe & Solutions
- Open to questions
Python Day 5
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Requests Library
- Practical - Real time currency conversion & Solutions
- Practical - Live bitcoin values & Solutions
- Reading and Writing Files
- Creating your own modules to import
- Object Oriented Programming (OOP)
- Creating a class & methods in a class
- Open to questions
Python Day 6
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- __init_
- Objects - using attributes in a method
- Changing variables in a class object
- Practical - PayFriend & Solutions
- Practical - Adventure journey & Solutions Part 1
- Open to questions
Python Day 7
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Practical - Adventure journey Solutions Part 2
- Functional Programming & Lambda
- Map
- Filter & Generators
- Quiz 5: Python Quiz
- Open to questions
Linux Day 1
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Introduction to Linux & Getting set up
- Navigating - pwd, ls, cd
- Make Directory - mkdir
- Move file - mv
- Delete - rm
- Copy file (cp) & Tail
- Vim - Writing and editing scripts in Linux
- Run a python script
- SSH
- Practical - Quick Challenge & Solutions
- Quiz 6: Linux Quiz
- Open to questions
Django & Git Day 1
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Introduction to Django & Setting up Django, virtualenv and Atom
- Creating your first project
- Model view controller
- URLs, Views
- Templates, Settings
- Practical - Your first Django Website & Solutions
- Multi page site
- Static files - CSS, JS, Images
- Forms - Input/Output
- Open to questions
Django & Git Day 2
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Custom python scripts - import
- Introduction to Git & Setting up Git & Github
- Init, Add, Push, Commit
- Pull
- Practical - Uploading one of your websites & Solutions
- Quiz 7: Beginner Django Quiz
- Quiz 8: Git Quiz
- Open to questions
Data Science Day 1
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Overview
- Introduction to Data Science
- Getting setup for Data Science
- Accessing our first dataset
- Loading our data - Pandas
- Basic exploration of the Dataframe
- Accessing columns
- Basic visualization - crosstab, countplot, factorplot
- Variable types
- The 4 Cs of Data cleaning
- Correcting and Competing
- Open to questions
Data Science Day 2 & Machine Learning basics
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Creating & Converting
- Titanic Data set - data science recap
- Quiz 9: Data Science Quiz
- Introduction to Machine Learning
- Creating a graph & Plotting graphs - matplotlib
- Practical: Creating graphs from Data & Solutions
- Linear regression - y = wx + b
- Open to questions
Machine Learning Day 2
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Practical: y = wx + b and Solutions
- Line of best fit
- Cost and Loss - Mean Squared Error
- Practical: Line of Best fit & MSE and Solutions
- Logistic Regression
- Overfitting - Train and Test
- Code - Train and Test
- Google collab - free GPUs
- Decision trees and Random forests
- Open to questions
Machine Learning & Django integration with AWS hosting
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Titanic - Quick Data Science Recap
- Titanic - Machine Learning Model
- Titanic - Making our predictions to kaggle
- Quiz 10: Machine Learning Quiz
- Integration and go live process
- Django refresher - Getting a basic site up
- Django refresher - input/output
- Django refresher - using a separate python script
- Integrating machine learning model (Duration: 10 mins)
- Open to questions
Machine Learning integration & AWS hosting Day 2
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- AWS - EC2 & Linux SSH
- Using ML models between machines
- Transferring files onto AWS - Git
- Website online - Runserver!
- Gunicorn & Nginx
- Public URL
- Styling our Website
- Open to questions
Deep Learning Day 1
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Quiz 11: Machine Learning Integration Quiz
- Introduction to Deep Learning
- Real World applications of Deep Learning
- Recap - linear/logistic regression, cost and Loss
- Scaling linear regression to neural nets
- Multiple Inputs and Hidden layers
- Open to questions
Deep Learning Day 2
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- One full pass - Forward & back propagation
- Bias and variance
- Hyperparameters
- Setting up for deep learning
- Practical: Applying Neural net to Titanic
- Practical: Optimising our titanic neural network
- Practical: New Predictions and saving our model
- Open to questions
Deep Learning Day 3
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Data Shapes
- Practical: Handwritten digits
- Quiz 12: Deep Learning Quiz
- Open to questions
Convolutional Neural Networks (CNNs) Day 1
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- What are CNNs?
- Filters
- Pooling
- One Full forward pass
- Practical: Image classifier - Preparing Data
- Practical: Image Classifier - Model architecture
- Open to questions
Convolutional Neural Networks (CNNs) Day 2
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Practical: Image Classifier - Prepare to Run
- Practical: Image Classifier - Improving Accuracy
- Running Predictions
- Running Predictions on New images
- Practical: multi class image classifier
- Quiz 13: CNN Quiz
- Open to questions
Generative Adversarial Networks (GANs)
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Introduction to GANs & a conceptual breakdown
- Practical: Preparing out data
- Practical: Designing the architecture
- Practical: Compiling the model and training the GAN
- Improving the GAN
- Applying new images
- Open to questions
Databases using Django Day 1
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Startaoo - transitioning from startproject
- Basic working page using startapp
- Setting up the database [models.py]
- Database from cmd/terminal
- Database from admin.py
- Views.py - Connecting html to database
- Forms.py and POST - user addition to database
- User deletion from database
- Table - database output
- Bootstrap styling
- Dynamic URL Routing
- Open to questions
Databases using Django Day 2
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Dynamic Links
- Practical: Online Dictionary
- Online Dictionary - structuring our solution
- Online Dictionary - Solutions
- Doubt Session
- Open to questions
User authentication using Django
1.5 h
- Recall the key concept covered in the previous lecture and give an overview of today’s lecture
- Setting up the project and app
- Nav Bar - Bootstrap
- base.html
- Include navbar and registration page
- Login/Logout pages
- Login required pages & Improving the navbar & Displaying username
- Practical: Access to ‘the mainframe‘
- Solutions
- Open to questions
Revision and Doubt sessions
1.5 h
- Revision
- Doubt session