24Trainers | Top IT Institute and Software House in Islamabad

Special welcome gift. Get 30% off your first purchase with code"24 Trainers".

Full-Stack Web Development Course

Full-Stack Web Development Course In Islamabad
Online & On-Campus
  • Students Enrolled : 1045
  • Skills Level : All Level
  • Total Modules : 13
  • Projects Cover : 10
80000 PKR
Enroll via WhatsApp
Enroll via WhatsApp

Course Detail

  • Module 01: : HTML

    • Introduction
    • HTML Basics
    • Paragraph
    • Headings
    • Images
    • Lists
    • Forms
    • Tables
    • Div Elements
    • Block Elements
    • Inline Elements
    • All Important HTML Tags

  • Module 02: : CSS

    • Introduction
    • CSS Basics
    • Selectors
    • Colors
    • Backgrounds
    • Box Model
    • Margins & Padding
    • Borders
    • Text & Fonts
    • Positioning (static, relative, absolute, fixed, sticky)
    • Display (block, inline, inline-block, none)
    • Flexbox
    • Grid
    • Media Queries
    • Pseudo-classes and Pseudo-elements
    • CSS Variables
    • Animations
    • Transitions
    • Z-index & Opacity
    • Overflow
    • Responsive Design

  • Module 03: JavaScript

    • Introduction
    • JavaScript Basics
    • Variables: var, let, const
    • Data Types
    • Operators
    • Conditional Statements
    • Loops
    • Functions
    • Events
    • DOM Manipulation
    • Window Object
    • Timers
    • Array Methods
    • String Methods
    • Objects
    • Date and Time
    • Math Object
    • Error Handling
    • Form Validation
    • ES6+ Features
    • Callback Functions
    • Promises
    • Async / Await
    • Fetch API
    • Local Storage & Session Storage
    • JSON
    • JavaScript Comments

  • Module 04:Tailwind CSS

    • Introduction
    • Installation
    • Utility-First Concept
    • Responsive Design
    • Container & Spacing
    • Flexbox
    • Grid System
    • Width & Height
    • Typography
    • Colors
    • Borders & Radius
    • Backgrounds
    • Positioning
    • Display
    • Visibility
    • Hover & Focus States
    • Transitions & Animations
    • Customizing Tailwind
    • Dark Mode
    • Plugins

  • Module 05: Bootstrap

    • Introduction
    • Bootstrap Setup
    • Grid System
    • Typography
    • Colors & Backgrounds
    • Spacing
    • Buttons
    • Images
    • Tables
    • Forms
    • Alerts
    • Cards
    • Modals
    • Navbar
    • Carousel
    • Collapse
    • Badges, Breadcrumbs, Pagination
    • Tooltips & Popovers
    • Responsive Utilities
    • Bootstrap Icons

  • Module 06: ReactJS

    • Introduction
    • What is React?
    • React Setup
    • JSX
    • Components
    • State Management
    • Events in React
    • Hooks (useState, useEffect, useRef, useContext)
    • useEffect Hook
    • React Props
    • Conditional Rendering
    • Lists and Keys
    • Forms in React
    • useRef Hook
    • React Router DOM
    • Styling in React
    • Lifting State Up
    • useContext Hook
    • Custom Hooks
    • React Lifecycle
    • React Dev Tools
    • Form Validation
    • Third-party Libraries
    • API Integration
    • React Conditional Classes
    • React Fragments
    • React Keys
    • React Performance Optimization
    • Deployment (Basic)

  • Module 07: cPanel & Website Hosting

    • Introduction to cPanel
    • Dashboard Overview
    • File Manager
    • Website Upload
    • Domain Management
    • Subdomains
    • Addon Domains
    • Redirects
    • Email Accounts
    • FTP Accounts
    • Databases
    • SSL Certificates
    • Backups
    • DNS Management
    • Metrics & Analytics
    • Security
    • Softaculous App Installer
    • Cron Jobs
    • cPanel Settings

  • Module 08: Git & GitHub

    • Introduction
    • Installing Git
    • Initialize Git Repository
    • Basic Git Commands
    • Git Branching
    • Working with Remote Repository
    • Cloning Repository
    • Pulling Changes
    • .gitignore File
    • GitHub GUI Options
    • Staging and Commit Flow
    • Collaboration
    • SSH vs HTTPS
    • GitHub Pages Deployment
    • GitHub Actions (Intro)
    • Best Practices
    • Advanced Git (Optional)

     

  • Module 09: NodeJs

    • Node.js Introduction
    • Node.js Installation
    • Node.js Architecture
    • Global Modules
    • File System Module
    • Events Module
    • Creating HTTP Server
    • Reading and Writing Files
    • Working with Packages (npm)
    • Creating Custom Modules
    • Using Environment Variables
    • Working with Streams and Buffers

  • Module 10: Express.js

    • Express.js Introduction
    • Installing Express
    • Creating First Server
    • Express Routing
    • Middleware Functions
    • Serving Static Files
    • Handling Forms and JSON
    • URL Parameters and Query Strings
    • Error Handling in Express
    • RESTful APIs with Express
    • Postman for API Testing

  • Module 11: NestJS

    • NestJS Introduction
    • Installing NestJS CLI
    • NestJS Project Structure
    • Controllers and Routes
    • Providers and Services
    • Dependency Injection
    • DTO and Validation Pipes
    • Middleware in NestJS
    • Guards and Interceptors
    • Working with MongoDB (Mongoose)
    • Exception Filters
    • Modular Architecture
    • Swagger Integration for API Docs

  • Module 12: MongoDB

    • MongoDB Introduction
    • NoSQL vs SQL
    • Installing MongoDB Locally
    • MongoDB Compass Overview
    • Creating Databases and Collections
    • CRUD Operations
    • Data Modeling in MongoDB
    • MongoDB Atlas Setup
    • Mongoose ODM Introduction
    • Creating Schemas and Models
    • Data Relationships (One-to-Many, Many-to-Many)
    • Aggregation Framework
    • Indexes and Performance

  • Module 13: Connecting Frontend with Backend

    • REST API Integration with React
    • Fetch and Axios Setup
    • Displaying API Data
    • Creating and Submitting Forms
    • Error and Loading States
    • User Authentication System
    • JWT Token Authentication
    • Protected Routes in React
    • Logout and Session Management

Kindly fill out the form, and our team will get in touch with you shortly.

Please enable JavaScript in your browser to complete this form.