Web Development

Home / Web Development
0 student

Course Fee

₹ 15,000 ₹ 10,000

Course Insides

Level of Course

Beginners to Advance


2 Months

Classes Mode



Weekend(Sat & Sun)

Live Project

3 Live Projects


12 Exercises

About the course

Web development is the process of building websites and applications for the internet, or for a private network known as an intranet. Web development is not concerned with the design of a website; rather, it’s all about the coding and programming that powers the website’s functionality.

From the most simple, static web pages to social media platforms and apps, from ecommerce websites to content management systems (CMS); all the tools we use via the internet on a daily basis have been built by web developers.

Web development can be broken down into three layers: client-side coding (frontend), server-side coding (backend) and database technology.

Who should take the course ?

  • Project Managers
  • HR Professionals
  • IT professionals
  • BPO executives
  • Supply chain management executive
  • Finance professionals
  • Healthcare professionals
  • Manual Tester


  • It’s one of the most sought-after jobs
  • It’s a high-paying job
  • You can work independently(be your own boss) or with a team
  • You can work from anywhere
  • It brings out or improves your creativity(build your own idea from nothing)
  • It’s interesting and fun
  • It helps you become a better problem-solver
  • It is a job for the future


  • Why is Web Development?
  • How Does the Internet Actually Work?
  • How Do Websites Actually Work?
  • Setup Your Local Web Development Environment
  • Introduction to HTML
  • The Anatomy of an HTML Tag
  • What is The HTML Boilerplate?
  • How to Structure Text in HTML
  • HTML Lists
  • HTML Image Elements
  • HTML Links and Anchor Tags
  • HTML Tables
  • HTML Forms
  • Publish Your Website!
  • Practice, Questions and exercise
  • Introduction to CSS
  • Inline CSS
  • Internal CSS
  • External CSS
  • How to Debug CSS Code
  • The Anatomy of CSS Syntax
  • CSS Selectors
  • Classes vs. Ids
  • Stylised
  • What Are Favicons?
  • HTML Divs
  • The Box Model of Website Styling
  • CSS Display Property
  • CSS Static and Relative Positioning
  • Absolute positioning
  • The Dark Art of Centering Elements with CSS
  • Font Styling in Our Personal Site
  • Adding Content to Our Website
  • CSS Sizing
  • CSS Float and Clear
  • Practice, Questions and exercise
  • What is Bootstrap?
  • Installing Bootstrap
  • Web Design 101 – Wireframing
  • The Bootstrap Navigation Bar
  • Setting Up Our New Project
  • Bootstrap Grid Layout System
  • Adding Grid Layouts to Our Website
  • Bootstrap Containers
  • Bootstrap Buttons & Font Awesome
  • The Bootstrap Carousel
  • Bootstrap Cards
  • The CSS Z-Index and Stacking Order
  • Media Query Breakpoints
  • How to become a Better Programmer – Code Refactoring
  • Put it into Practice – Refactor our Website
  • Advanced CSS – Combining Selectors
  • Advanced CSS – Selector Priority
  • Practice, Questions and exercise
  • Introduction to Javascript
  • Javascript Alerts – Adding Behaviour to Websites
  • Data Types
  • Javascript Variables
  • Naming Conventions for Javascript Variables
  • String
  • Functions
  • Random Number Generation in Javascript: Building a Love Calculator
  • Control Statements: Using If-Else Conditionals & Logic
  • Collections: Working with Javascript Arrays
  • Control Statements: While Loops
  • Control Statements: For Loops
  • Practice, Questions and exercise
  • Introduction to the Document Object Model (DOM)
  • Adding Javascript to Websites
  • Selecting HTML Elements with Javascript
  • Manipulating and Changing Styles of HTML Elements with Javascript
  • The Separation of Concerns: Structure vs Style vs Behaviour
  • Manipulating HTML Element Attributes
  • Practice, Questions and exercise
  • What is jQuery?
  • How to Incorporate jQuery into Websites
  • Selecting Elements with jQuery
  • Manipulating Styles with jQuery
  • Manipulating Text with jQuery
  • Manipulating Attributes with jQuery
  • Adding Event Listeners with jQuery
  • Practice, Questions and exercise
  • What is Node.js?
  • Install Node.js on Windows
  • The Power of the Command Line and How to Use Node
  • The NPM Package Manager and Installing External Node Modules
  • What is Express?
  • Creating Our First Server with Express
  • Handling Requests and Responses: the GET Request
  • Understanding and Working with Routes
  • Responding to Requests with HTML Files
  • Processing Post Requests with Body Parser
  • Practice, Questions and exercise
  • Why Do We Need APIs?
  • API Endpoints, Paths and Parameters
  • API Authentication and Postman
  • What is JSON?
  • Making GET Requests with the Node HTTPS Module
  • How to Parse JSON
  • Using Express to Render a Website with Live API Data
  • Using Body Parser to Parse POST Requests to the Server
  • Setting Up the Sign Up Page Mailchimp API
  • Posting Data to Mailchimp’s Servers via their API
  • Adding Success and Failure Pages
  • Deploying Your Server with Heroku
  • Practice, Questions and exercise
  • Introduction to Version Control and Git
  • Version Control Using Git and the Command Line
  • GitHub and Remote Repositories
  • Gitignore
  • Cloning
  • Branching and Merging
  • Forking and Pull Requests
  • Practice, Questions and exercise
  • What is EJS?
  • Templates? Why Do We Need Templates?
  • Creating Your First EJS Templates
  • Running Code Inside the EJS Template
  • Passing Data from Your Webpage to Your Server
  • The Concept of Scope in the Context of Javascript
  • Adding Pre-Made CSS Stylesheets to Your Website
  • Understanding Templating vs. Layouts
  • Understanding Node Module Exports: How to Pass Functions and Data between Files
  • Practice, Questions and exercise
  • SQL vs. NOSQL
  • SQL Commands: CREATE Table and INSERT Data
  • Updating Single Values and Adding Columns in SQL
  • Understanding SQL Relationships, Foreign Keys and Inner Joins
  • What is MongoDB?
  • Installing MongoDB on Windows
  • MongoDB CRUD Operations in the Shell: Creat
  • MongoDB CRUD Operations in the Shell: Reading & Queries
  • MongoDB CRUD Operations in the Shell: Update
  • Relationships in MongoDB
  • Working with The Native MongoDB Driver
  • Practice, Questions and exercise
  • How to Deploy Web Apps with a Database
  • How to Setup MongoDB Atlas
  • Deploying an App with a Database to Heroku
  • Practice, Questions and exercise
  • What is REST?
  • Creating a Database with Robo 3T
  • Set Up Server Challenge
  • Set Up Server Solution
  • GET All Articles
  • POST a New Article
  • DELTE All Articles
  • Chained Route Handlers Using Express
  • GET a Specific Article
  • PUT a Specific Article
  • PATCH a Specific Article
  • DELETE a Specific Article
  • Practice, Questions and exercise
  • What is React?
  • Introduction to Code Sandbox and the Structure of the Module
  • Introduction to JSX and Babel
  • JSX Code Practice
  • Javascript Expressions in JSX & ES6 Template Literals
  • Javascript Expressions in JSX Practice
  • JSX Attributes & Styling React Elements
  • Inline Styling for React Elements
  • React Components
  • Javascript ES6 – Import, Export and Modules
  • [Windows]​ Local Environment Setup for React Development
  • React Props
  • React DevTools
  • Mapping Data to Components
  • Javascript ES6 Map/Filter/Reduce
  • Javascript ES6 Arrow functions
  • Keeper App Project – Part 2
  • React Conditional Rendering with the Ternary Operator & AND Operator
  • State in React – Declarative vs. Imperative Programming
  • React Hooks – useState
  • Javascript ES6 Object & Array Destructuring
  • Event Handling in React
  • React Forms
  • Class Components vs. Functional Components
  • Javascript ES6 Spread Operator
  • Managing a Component Tree
  • Keeper App Project – Part 3
  • React Dependencies & Styling the Keeper App
  • Practice, Questions and exercise
  • Design School Project
  • SmartBrain Project
Curriculum is empty


0.00 average based on 0 ratings

5 Star
4 Star
3 Star
2 Star
1 Star
₹ 15,000 ₹ 10,000