Python Full Stack Syllabus - Techblume
Python Full Stack Syllabus - Techblume
HTML
CSS
JavaScript
Git & GitHub
MySQL
Python
Django
React
Redux
REST API
HTML
1. Introduc on to HTML
o Structure of an HTML document
o Tags, elements, and a ributes
2. Text Forma ng
o Headings, paragraphs, lists (ordered, unordered)
o Bold, italic, underline, and other text forma ng tags
3. Links and Naviga on
o Anchor tags
o Internal, external, and rela ve URLs
4. Images and Mul media
o Image tags, a ributes
CSS
1. CSS Basics
o Syntax, selectors, and proper es
o Inline, internal, and external stylesheets
2. Box Model
o Margins, borders, padding, and content
3. Posi oning and Layouts
o Sta c, rela ve, absolute, fixed, s cky
o Flexbox, Grid, and float layouts
4. Typography
o Fonts, text styles, line height, le er spacing
5. Colors and Backgrounds
o RGBA, HEX, gradients, pa erns
6. CSS3 Features
o Transi ons, anima ons, and transforma ons
o Media queries for responsive design
MySQL
1. Database Basics
o Rela onal databases and SQL overview
o Database normaliza on
2. SQL Basics
o SELECT, INSERT, UPDATE, DELETE
o WHERE, ORDER BY, GROUP BY, and HAVING
3. Joins and Subqueries
o INNER, LEFT, RIGHT, and FULL joins
o Nested subqueries
4. Advanced Queries
o Indexes, views, stored procedures
o Triggers and transac ons
5. Database Design
o ER diagrams and schema design
o Keys (primary, foreign, composite)
© 2024 TECHBLUME. ALL RIGHTS RESERVED
Python
1. Introduc on to Python
o Variables, data types, and operators
o Input/output func ons
2. Control Structures
o If-else, loops (for, while)
3. Func ons and Modules
o Built-in and custom func ons
o Impor ng libraries
4. Data Structures
o Lists, tuples, sets, dic onaries
5. OOP in Python
o Classes, objects, inheritance, polymorphism
6. Error and Excep on Handling
o Try-except blocks
7. Advanced Python
o Generators, decorators, context managers
Django
1. Introduc on to Django
o MVC/MVT architecture
o Se ng up a Django project
2. Models
o Defining models and migra ons
o Rela onships (one-to-many, many-to-many)
React
1. Introduc on to React
o React basics and JSX
o Component lifecycle and hooks
2. State Management
o useState, useReducer
3. Props and Events
o Passing props and event handling
4. Rou ng
o React Router
o Nested and dynamic routes
5. Advanced Topics
o Context API
o Performance op miza on
© 2024 TECHBLUME. ALL RIGHTS RESERVED
Redux
1. Introduc on to Redux
o State management basics
o Store, ac ons, and reducers
2. Middleware
o Redux Thunk and Redux Saga
3. Integra on with React
o connect(), useSelector(), useDispatch()
4. Advanced Redux
o Normalizing state
o Handling side effects
REST API
1. Introduc on to REST
o Principles of RESTful architecture
o HTTP methods (GET, POST, PUT, DELETE)
2. Building APIs
o Using Django/Node.js
o Serializa on and deserializa on
3. Authen ca on
o JWT, OAuth
4. Tes ng APIs
o Postman, automated tes ng
5. Error Handling
o Status codes and custom error messages
3. E-commerce Website
Technologies Used: HTML, CSS, JavaScript, React, Redux, Default public API
(e.g., Fake Store API or other e-commerce APIs)
Descrip on: A dynamic e-commerce website that displays products from a
default public API, enabling users to browse items, add them to their cart,
and proceed to checkout. Redux is used to manage the applica on's state,
including the shopping cart and product list.
Features:
Product Lis ng Page: Display a grid of products fetched from the API with
product images, names, prices, and descrip ons. Users can filter products
by category.
Product Detail Page: A page where users can view more detailed
informa on about a product when they click on an item, including reviews,
addi onal images, and an "Add to Cart" bu on.
Shopping Cart: Users can add items to their cart, view the cart, update
quan es, and remove items. The cart state is managed using Redux,
ensuring it persists across different components.
Checkout Process: A checkout page where users can enter their shipping
informa on and confirm their order. This page can be integrated with a
mock payment gateway or API.
Responsive Design: The website adjusts seamlessly for desktop, tablet,
and mobile devices to ensure a smooth user experience across all screen
sizes.
Features:
Product Browsing: View and filter products by categories, size, and price.
Product Details: Click on products for detailed descriptions, images, and
size options.
Shopping Cart: Add products to the cart, view, and modify quantities.
User Accounts: Register, log in, and manage your profile and order history.
Checkout: Enter shipping details and complete the purchase with a simple
checkout process.