Frontend - React
HTML, CSS, Bootstrap, Javascript, React Framework
CodeCkt - Unpuzzle it
Full Stack Web Development using Python & React
Intensive program that accelerates versatile expertise in dynamic web development for career growth.
Overview
Become a proficient Full-Stack professional in just half a year through our immersive Full Stack Web Development Program. Tailored for tech aficionados, this comprehensive course encompasses frontend, backend, databases, DevOps, and deployment. Whether you’re a novice embarking on a new journey or refining your existing skills, join us to craft a formidable portfolio and thrive in the ever-evolving world of Web Development.
Course Highlights
Part 1
Part 2
Part 3
Part 4
Database - ORM
Postgres, Monog DB
Backend - Python
Django, Flask & FastAPI
Deployment & Ops
Git, Docker, Kubernetes, Microservice Model
Who Should Join
College Students
Whether you're pursuing a degree in computer science or related fields, our program can complement your academic learning and provide practical skills
Recent Graduates
Our curriculum is designed to bridge the gap between academic learning and industry demands, preparing you for a successful career.
Working Professionals
Professionals currently employed who wish to upskill or pivot into the field of full-stack development are welcome.
Career Changers
Recognizing the growing interest in tech careers, we welcome individuals looking to switch careers and venture into the dynamic fields of Full Stack Development
Tech Enthusiasts
Our courses are designed for tech enthusiasts eager to deepen their understanding and stay ahead in the ever-evolving world of tech.
Table of Contents
Introduction to Web Development and UI/UX (20 Hours)
Introduction to Web
- What is browser
- Fundamentals of Web Development
- The Key Technologies in Frontend and Backend
- Why Full Stack?
- Elements of UX
- Information architecture and sitemaps
- Principles of visual design, including Gestalt Theory
- Color Theory & typography for UI
- Interactions and micro-interactions
- Understanding various sections of a screen (Web, iOS and Android)
- Converting wireframes into high fidelity visual design
- Design for devices: understanding web & mobile
- Create a personal portfolio page design.
HTML and CSS (20 Hours)
HTML
- Overview of Web Development
- Setting Up a Development Environment
- Introduction to HTML – Structure and Elements
- Tags: <!DOCTYPE html>, <Meta Tag>, <html>, <head>, <title>, <body>, <heading>, <paragraph>, <Line break>
- iframes, table, div, span, form, input
- HTML Links, Lists, Images, File Paths, Classes, id
- Cascaded Style Sheets: Syntax, Selectors, Comments
- CSS Properties: Colors, Border, Padding, Height, Width, Alignment
- Text: alignment, decoration; Fonts: family, style, size
- Display: max-width, position, z-index, overflow, float, clear, InlineBlock; Flexbox, Grids
- Media Queries: Responsive Designs
- Animations in CSS
- Portfolio Website: Create a personal portfolio website showcasing your skills and deploying Git pages.
Responsive Design with Bootstrap and JavaScript Fundamentals (20 hours)
Bootstrap
- Introduction to Bootstrap and Grid System
- Styling with Bootstrap – Components and Utilities
- Responsive Web Design Principles
- BS Components: Buttons, Forms, Navbars, Grids
- Bootstrap Plugins
- Creating a Web-First Web Page
- Introduction to JavaScript and its Role in Web Development
- JavaScript Variables, Data Types, and Operators; Arrays
- Control Structures in JavaScript (if, else, loops)
- Functions and Objects in JavaScript
- Blog Application: Build a blog application with responsive design
Advanced JavaScript and Single-Page Applications (20 Hours)
Advanced JavaScript
- Advanced JavaScript – Lists, Dictionaries, and Functions
- Working with Files and Exception Handling
- Understanding Asynchronous JavaScript
- DOM Manipulation with JavaScript
- Creating Custom Reusable HTML Components
- Interacting with Hardware (Camera/Microphone)
- Making HTTP Requests with JS
- Real-time Chat Application: Create a chat application and integrate real-time features
Introduction to React JS (20 Hours)
React Fundamentals
- What and why React?
- Setup & Installation; Node Package Manager
- Creating first React Component
- Understanding JSX and its advantages
- Functional vs Class based Components
- Using props to pass data; Rendering dynamic data
- JSX Expressions and JavaScript in JSX
- State Management and Events; Conditional Rendering
- Component Lifecycles; Handling Side effects
- Rendering lists of data, maps
- Adding keys to elements
- Handling user input with forms
React Advanced Concepts (20 Hours)
Advanced React
- Styling in React: Inline, CSS Modules, CSS-in-JS, Libraries
- React Routers: configuration, parameters, URL queries, route guards
- Context and Redux: State Management with Context API, Redux
- Connecting react components with Redux
- Forms & Formik; Form Validation
- Error Handling & Debugging
Advanced React Patterns (20 Hours)
React continued…
- Render Props and HOCs
- Hooks & Custom Hooks; Optimizing Functional Components
- Testing React Applications; Jest, Mocking and Simulating events
- Context Advanced; Performance Optimizations
- Server Side Rendering (SSR): Advantages, Implementations
Building Applications (20 Hours)
Projects
- Building a To-Do-List App:
- Project introduction and requirements
- Creating components and handling state
- Adding, updating, and deleting tasks
- Styling and UI enhancements
- Real-time Chat Application:
- Project introduction and requirements
- Creating components and handling state
- Adding, updating, and deleting tasks
- Styling and UI enhancements
- Social Media App:
- Project introduction and requirements
- Creating components and handling state
- Adding, updating, and deleting tasks
- Styling and UI enhancements
Python Programming (20 Hours)
Python Fundamentals
- Why Python?
- Installing & Setting up Python on System
- Understanding its Command Line & Scripts
- Simple Python Program
- Rules of Identifiers
- Python Braces: (), {}, []
- Python Keywords
- Comments
- Python Variables: Creating, Using and Printing
- Taking User Inputs from Python
- Operators: Arithmetic, Assignment, Relational, Logical, Bitwise, Membership
- Data Types: int, float, complex, str, list, tuple, dict, set, bool
- Concept of Mutability
- Data Operations: Creation, Accessing, Modification*, Use of Operators, Built-in Functions
- Type Casting
- Concept of Indentation
- Python Suites: Simple, Nested, Ladder, Hybrid
- Conditional Statement: Use of if-elif-else in Python
- Loops: while and for loop; range() function
- Use of break and continue
- Exception and Error Handling
- User Defined Functions
- Object Oriented Programming
- Comprehensions, Decorators
- Lambda Expressions
- Python Modules & Packages
- File Handling
Database - Postgres (20 Hours)
SQL
- Introduction to SQL: Syntax, Data Types, Operators
- Setting up PostgreSQL Engine
- SQL DDL, DML, DCL
- SQL Functions; Keys
- Sub queries
- Joins, Views, Indexes, Grouping SQLAlchemy with Python
- ORM using Python
- Creating and Configuring Models
- Creating, Fetching, Updating and Deleting data Project
- Simple Book Management Panel: Create a CLI based book management portal with DB.
Flask (20 Hours)
Backend with Flask
- Creating Virtual Environment
- Setting up requirements
- Creating First Flask App
- Routing; Variables Rules; URL Building
- The Jinja Templating; Templates; Template Inheritance
- Static Files
- HTTP Methods
- Flask Forms
- Redirection
- Flask Ports
- File Upload & Download
- Flask Authentication and Authorization; JWT
- Sessions, Role Based Access Control, Cookies
- Deployment of Flask Server
- E-commerce Site: Develop a basic e-commerce website using Flask.
API Development with FastAPI (20 Hours)
FastAPI Framework
- What is API; Restful API vs Others
- API Client Tools
- Setting up FastAPI Project: async in Python
- Method Structures: GET, POST, PUT, DELETE, PATCH
- Validations: Pydantic, Data validation, Status code
- Http Exceptions
- Connecting with Databases (SQLAlchemy)
- Authentication, JWTs
- Relationships
- Testing: pytest, unit-test, coverage reports
- Deployment over servers
- Task Management API: Build a task management API using FastAPI.
Django Web Framework (20 Hours)
Django Fundamentals
- Django installation
- Creating First Django Project
- Running a Django Application
- Django Template View
- Django URL Mapping
- Sharing data between view and template
- SQL Database: Django Models; The MVT
- Database Design and Optimization
- Django Forms: Design, Validation, Customization
Django Advanced (20 Hours)
Django Advanced Features
- Relative URLs with Templates
- Template Inheritance
- Email Configuration with Django
- Django User Management: Registration, Login, Password, Sessions
- Class Based Views (CBVs): Template, CRUD, List, Detail etc.
- Django Admin: Registration, Customization and Configuration
Django Programming (20 Hours)
Project
- E-commerce Platform: Extending the previous project
Django for API Development (20 Hours)
Django REST Framework (DRF)
- Models & Migrations; Creating JSON Responses
- Serializers: GET, POST, PUT, DELETE
- Status Codes
- APIView, Generic API View and Mixins
- Validation
- Model Serializer; Custom Serializer Fields
- Serializer Relations; Hyperlinked Model Serializer
- Concrete View Classes
- Viewsets and Routers; ModelViewSets
- DRF Docs; Swagger Docs
- DRF Permissions, Authentication
- Throttling
- DRF Filter, Paging
- API Testing and coverage
- Social Media API: Build a social media API with Django REST framework.
GIT (20 Hours)
GIT Version Control
- What is version control?
- Benefits of version control
- Introduction to Git
- Installing Git
- Configuring Git settings
- Basic Git commands: init, clone, add, commit
- What is version control?
- Benefits of version control
- Introduction to Git
- Installing Git
- Configuring Git settings
- Basic Git commands: init, clone, add, commit
- Remote repositories and Git hosting services
- Cloning remote repositories
- Pulling and pushing changes
- Collaborative workflows
- Forking and contributing to open-source projects
- Pull requests and code reviews
- Stashing changes
- Rebasing and interactive rebasing
- Cherry-picking commits
- Submodules and Git LFS
- Git hooks
- Advanced Git techniques
- Git best practices
- Tagging and releasing versions
- Git aliases and custom commands
- Exploring Git log
- Recovering lost commits and data
- Tips for efficient Git usage
- Setting up Git in a project
- Branching strategies for teams
- Git in CI/CD pipelines
Linux Introduction (20 Hours)
Fundamentals of Linux
- Basic commands
- A Gentle Introduction to vi / vim / nano
- Customizing the Prompt
- Text Processing & IO
- Tar extracting and compression
- What Is the Shell?
- Basic shell scripting
- User management; Basic permissions
- Networking concept
- DHCP & DNS
- Firewall
- Creating partitions with XFS format
- NFS, SSHFS
- Growing partitions
- SSH & RDP
- User Management: Creating a Secure User Account Management Script.
Containerization (20 Hours)
Docker
- What is containerization?
- Docker architecture
- Installing Docker
- Docker CLI basics
- Docker images vs. containers
- Docker Hub and image repositories
- Building custom Docker images
- Running Docker containers
- Managing container lifecycles
- Docker networking modes (bridge, host, overlay)
- Linking containers
- Data persistence with Docker volumes
- Docker Compose for multi-container applications
- Introduction to Docker Compose
- Defining multi-container applications with docker-compose.yml
- Networking in Docker Compose
- Scaling services
Kubernetes & CI-CD (20 Hours)
Kubernetes
- Challenges of managing multiple containers
- Introduction to container orchestration
- Overview of Kubernetes
- Docker Swarm vs. Kubernetes
- Kubernetes components (master and nodes)
- Pods, Services, Replication Controllers
- Kubernetes objects and resources
- kubectl CLI basics
- Setting up a local Kubernetes cluster (e.g., Minikube)
- Provisioning a cluster on cloud providers
- Access control and RBAC
- Namespace isolation
- Defining and deploying applications with YAML manifests
- ConfigMaps and Secrets for configuration management
- Rolling updates and rollbacks
- Liveness and readiness probes
- Pod-to-Pod communication
- Service discovery and load balancing
- Ingress controllers for external access
- Network policies and security
- Cluster autoscaling
- Backup strategies for Kubernetes clusters
- Scalability and performance optimization
- Setting up Continuous Integration
- Configuring Continuous Development
- Social Media App: Extending the previous social media app by Containerization and Orchestration.
Microservices & Deployment (20 Hours)
Microservice Architecture
- Introduction to Microservice Architecture
- Designing Microservices and APIs
- System Design Concepts Deployment
- Deploying Applications to Linux Servers or Cloud Services (AWS, Azure)
- Continuous Deployment with Git and CI/CD Pipelines
- Securing Web Applications and HTTPS
- Scalability and Load Balancing
- Web Security and Best Practices
- Performance Optimization for Web Applications Project
- Social Media App: Extending previous project with Microservice Architecture.
Final Project Work (40 Hours)
Process
- UI/UX Design
- Microservice Architecture
- Frontend Development
- Backend Development
- Database Integration
- User Authentication & Authorization
- Testing and QA
- Deployment and DevOps
- Fit-Fusion: A Health & Fitness Community Platform
- Create a web application that allows users to track their fitness progress, connect with trainers, share workout routines, and monitor their health. The application integrates user profiles, personalized workout plans, social interactions, and fitness tracking.
- Edu-Quest: Interactive e-Learning Portal
- Develop an e-learning platform that offers courses, quizzes, assignments, and discussions. Implement interactive learning materials, progress tracking, and user engagement features for students and instructors.
- Rent-Pal: Rental Management & Tenant Portal
- Build a property management system that enables landlords to list properties, manage tenant records, and track rental payments. Tenants can use the portal to pay rent, submit maintenance requests, and communicate with landlords.
- Job-Hub: Job Search & Recruitment Platform
- Create a job portal where job seekers can search for positions,submit applications, and build professional profiles. Employerscan post job openings, review candidate profiles, and manage the hiring process.
- Event-Ease: Event Planning and Ticketing Solution
- Design a web application for event planners and attendees. The platform allows event organizers to create and promote events, manage ticket sales, and collect RSVPs, while attendees can discover, purchase tickets, and interact with other participants.
- Recipe-Root: Culinary Inspiration & Recipe Sharing
- Develop a recipe-sharing community where users can share their favourite recipes, create cookbooks, and explore culinary content. The application offers features like ingredient shopping lists and user reviews.
- Connecto-Chat: Real-Time Messaging & Chat Application
- Create a real-time chat application with group chats, private messaging, and multimedia sharing capabilities. The platform can be used for personal communication, team collaboration, and online communities.
- Art-folio: Art Gallery and Portfolio Showcase
- Build an online art gallery where artists can showcase their portfolios, sell artworks, and connect with art enthusiasts. The platform should include image galleries, artist profiles, and ecommerce functionality.
- Eco-Track: Environmental Sustainability Dashboard
- Develop a sustainability tracking platform that allows users to monitor their environmental impact, set sustainability goals, and receive eco-friendly suggestions. The application should provide insights into carbon footprint reduction.
- Travel-Vista: Travel Planning and Itinerary Management
- Create a travel planning tool that assists users in building itineraries, discovering destinations, and booking accommodations and activities. The application should include user-generated travel diaries and photo sharing.
Interview Preparation (20 Hours)
Career Development
- Overview of Interview Preparation Phase
- Setting Clear Career Goals
- Crafting an Effective Resume and Persuasive Cover Letter
- Showcasing Key Projects and Skills
- Crafting a Compelling Elevator Pitch
- Mastering Self-Introduction Techniques
- Introduction to Technical Interviews
- Preparing for Coding Challenges
- Review of Key Data Structures
- Solving Algorithmic Problems
- Simulated Technical Interviews
- Learning from Feedback
- Handling Behavioural Questions
- Crafting Effective Responses
- Enhancing Communication and Collaboration Skills
- Building Confidence
- Comprehensive Mock Interviews
- Self-Assessment and Key Takeaways
Projects
Fit-Fusion: A Health & Fitness Community Platform
Create a web application that allows users to track their fitness progress, connect with trainers, share workout routines, and monitor their health. The application integrates user profiles, personalized workout plans, social interactions, and fitness tracking.
Event-Ease: Event Planning and Ticketing Solution
Design a web application for event planners and attendees. The platform allows event organizers to create and promote events, manage ticket sales, and collect RSVPs, while attendees can discover, purchase tickets, and interact with other participants.
Rent-Pal: Rental Management & Tenant Portal
Build a property management system that enables landlords to list properties, manage tenant records, and track rental payments. Tenants can use the portal to pay rent, submit maintenance requests, and communicate with landlords.
Edu-Quest: e-Learning Portal
Develop an e-learning platform that offers courses, quizzes, assignments, and discussions. Implement interactive learning materials, progress tracking, and user engagement features for students and instructors.
Connecto-Chat: Real-Time Messaging & Chat Application
Create a real-time chat application with group chats, private messaging, and multimedia sharing capabilities. The platform can be used for personal communication, team collaboration, and online communities.
Art-folio: Art Gallery and Portfolio Showcase
Build an online art gallery where artists can showcase their portfolios, sell artworks, and connect with art enthusiasts. The platform should include image galleries, artist profiles, and ecommerce functionality.
Travel-Vista: Travel Planning and Itinerary Managemen
Create a travel planning tool that assists users in building itineraries, discovering destinations, and booking accommodations and activities. The application should include user-generated travel diaries and photo sharing.
Standout Features
Comprehensive Curriculum
A comprehensive curriculum tailored for Full Stack Development equips learners with the diverse skill set necessary to thrive in this dynamic field.
Career Development
we offer holistic guidance for your journey to success in the field which includes guidance on resume building , job search strategies, Mock interviews and Portfolio development.
Guest speakers
Guest speakers from leading tech companies provide insights into career paths, interview strategies, and networking opportunities.
Workshops
Regular workshops on emerging technologies, best practices, and industry trends keep participants up-to-date with the ever-evolving tech landscape.
Hands-on Projects:
Throughout the program, participants work on real-world projects, building a portfolio of web applications that demonstrate their skills to potential employers.
It's time to invest in your growth!
- Gain access to our curated courses tailored for aspiring Full Stack Developers..
- Build a standout resume that catches the eye of top employers.
- Explore internships to gain practical experience and enhance your skill set.
- Practice and refine your interview skills with our mock interview sessions.
Recipe-Root: Culinary Inspiration & Recipe Sharing
Develop a recipe-sharing community where users can share their favourite recipes, create cookbooks, and explore culinary content. The application offers features like ingredient shopping lists and user reviews.