• Master HTML
  In this you will learn how to create the structure and the template of the webpages and websites.
• Mastering CSS
  In this you will learn how to add styles and make your webpages look stylish and responsive.
• Basics of Programming
  For any language the first and the most important thing to learn is the syntax, variables, loops, and conditionals. In this section, we will cover how to convert our logic to Code.
• Mastering JavaScript
  In this you will understand how to add the functionality to you HTML and CSS webpage and websites.
• Functions
  In this section, you will learn to write code in a modular way to help you reuse the code in different files and make it more readable and organized.

• The Internet
  Introducing web and learning about internet,Understanding web and http, learning all about Web vs Internet,Learning about client-server architecture,Understaning frontend and backend.
• What do HTML/CSS/JS do?
  Understanding frontend technologies - HTML, CSS, JS
• Setting Up Our Developer Environment
  Setting up VS - Code - Installing various extensions( live-server etc)

• Introduction to HTML
  First brush with HTML, understaning html and role of html in creating a web page,Writing our first html code,Understanding HTML Boilterplate , HTML-5 syntax and HTML Tree,Looking for documentation on MDN and W3School.
• Learning HTML Tags
  Learning heading, paragraph and other useful html tags,Understanding Blocks vs Inline elements,Entity codes, working with anchor tags, various use cases of anchor tags.
• HTML Forms
  Taking input from the using various HTML Input Elements and learning all about HTML Forms
• HTML Tables
  Creating tables in HTML
• Media Elements-Image,Audio,Video,iframe
  Learning how to work with images, audio, video and iframe elements in HTML.
• HTML Sementic elements
  Learning about HTML Sementic Elements(nav, article, section, header, main, footer, aside, figure and figcaption).

• Introduction to CSS
  Introducing CSS and understanding the role of CSS,Adding CSS to out HTML Page,Learning all about selectors (Basic + Advanced Selector),Understaning inheritance of various properties and Precedence of selectors in CSS.
• Basic CSS Properties and Box Model
  Learning about background-color, font-size, color, border, text-transform, text-decoration etc. Learning about CSS Colors and various Color format (hexadecimal, rgb, rgba and hsl format), Learning about box model in CSS and various box-model properties. Understanding CSS Units.
• Display, Positions and Flexboxes, Media Queries
  Working with layout and changing the normal flow and default layout using display, positions and flexboxes, using Media Queries to create responsive layout.
• Transition, Transform and CSS Animations
  Learning about fun stuff in CSS, adding transition, transform and Animations.
• 3D Transform
  Creating a 3D rotating card using 3D Transform
• CSS Grids and CSS Variables
  Understaing CSS Grids and creating responsive layout using grids, Understanding CSS Variables.
• Introduction to CSS Frameworks
  Exploring various CSS frameworks - Bulma, Material UI, Sementic UI, Tailwing CSS, and Bootstrap.
• Bootstrap
  Exploring bootstrap and how to add in our project,Learning all about bootstrap grids and creating a responsive layout,Using various bootstrap components - navbar, card, button etc,Exploring bootstrap utilities for css - flex, display, positions, font etc

• Introduction to JS
  Introducing JS, Various features - Compile-Interpreted-JIT languages, Dynamically vs Statically Typed JS Engine,Learning primitives in JS(Number, String, Boolean, undefined, null) and strings methods,Learning all about Math object and generating random numbers in given range,Understaning if-else if-elseif-else , Ternary operator, Binary operator, Logical and Bitwise Operators Shortcircuiting using Logical AND and OR operator
• JS Arrays, Nested Arrays
  Learning the first data structure - Array, and Various Array methods.
• JS Objects
  Learning all about JS Object
• Repeating stuff with Loops
  Understanding while, for, forof and forin loops in JS
• Introducing Functions
  Learning all about functions and types of function - function expression, arrow function, first class function.
• Function deep dive - Execution context
  Diving deep into the function execution and understanding the execution context
• Scopes, HOF, Closure
  Resoving scopes in JS, Learning about HOF and Closures
• Prototypes, Constructor Function and Class Syntax
  Understaning Object inheritance in JS and how prototypes helps to achive it, Understanding Construction function and class Sytax in JS(getter, setter, static methods).
• Async Programming and Web APIs
  Asynchrounous Programming - Event Loop, Callback Queue and Web APIs Environment.
• Callback Hell and Promises
  Understanding Callback hell and using Promises
• Introduction to DOM Web API
  Understanding what DOM is and how to manipulate DOM using JS,Selecting elements in a DOM tree using various selectors,Learning about various DOM properties - innerText, textContent, innerHTML, setAttribute, getAttribute,Travarsing the DOM tree from child to parent and vice-versa,Creating and deleting elements in a DOM tree.
• Events and Event Listener
  Diving into the events and how events works
• Event Lifecycle - Bubbling and Capturing, Event Delegation
  Exploring the event life cycle and understanding event bubbeling, Capturing and Event Delegation.
• jQuery
  Introduction to JS framework-jQuery, Learning and exploring easy to use APIs provided by jQuery,Exploring various APIs in jQuery - .css(), html(), attr(), first(), last() etc,Learning how add events in jQuery,Creating effects using jQuery- sliding, toggle etc
• Understanding AJAX
  Introduction to AJAX, learning what AJAX is and how it is useful in Web Development and SPAs,Comparing traditional Client-Server Model with AJAX Model,Learning about various data exchange format - JSON and XML.
• APIs and Endpoints, Postman
  Demystifying the APIs and Endpoints calling the APIs using Postman, understanding Status Code etc.,Learning how to make HTTP request using JS,Learning the native of making AJAX request using XMLHttp request object.
• Fetch
  Introducing modern way of making request using fetch web API
• Third Party Libraries - Axios, jQuery
  Making request using third party libraries such as Axios and jQuery
• Unix, Git and Github
  Exploring Unix environment and basic unix commands,Learning all about VCS and why do we need them,Exploring git in detail and learning how to commit changes, resolve conflicts etc.,Learning all about github.
• Exploring Node.js
  Introducing Node.js and Learning all about Node, how its is useful, what we can do using Node etc.,Learning various inbuilt Node modules e.g : http, file-system, path etc.,Sharing code between js files in Node.js.
• File System, Path Modules
  Working with file system, Learning how to read and write data into the files
• Exploring NPM, installing and uninstalling packages Exploring NPM world and learning how to install packages using NPM and creating projects using NPM,Installing packages locally and globally.
• Introducing Express
  Introducing out Web Framework for creating server,Comparing library and frameworks,Creating our first express app
• Using nodemon
  Using nodemon as a tool to restart server automatically.
• All about templating engines
  Understanding templating languages and why do we need them
• Configuring express to use EJS
  Configuring express to use various templating engine such as EJS,Setting up the views directory,Learning about various ejs tags and their uses,Passing data from server to the templates.
• Conditionals and Loops in EJS,Serving static assets in Express
  Learning how to conditionally render the data in templates and Looping over data inside the templates,Using stylesheets and scripts in our express app as static files
• GET vs POST Request
  Introducing GET vs POST request and where do we use them
• Defining POST route,Parsing the request body
  Understanding POST request in detail,Parsing the request body using express body parsing middleware
• All about REST
  Learning all about REST architecture and creating REST routes for CRUD app
• Inserting, Update, Deleting with mongo
  Exploring various mongo queries for inserting,deleting, updating data in collections
• Mongo Operators
  Learning about mongo operators and their uses for building complex queries
• Introducing Mongoose
  Introducing mongoose as ODM,Learning ODM vs ORM,Creating schema using mongoose and using Model to manipulate the data
• Cookies
  Learning all about cookies Client Side Storage
• Authentication using bcrypt
  Diving into authentication and understanding Authentication vs Authorization,Learning about Cryptographic Hashing Functions,Implementing authentication using Bcrypt from scratch,Implementing Authentication from scratch
• Authentication using Passport.js
  Learning about passport.js and adding Authentication using passport,Adding authorisation using middlwares in our app
• Web Security Introduction
  Understanding common secuirity issues using and Mongo Injection,Cross site scripting and how to mitigate small attacks,Sanitising payoad before storing the data into the database,Using helmet to prevent various attacks.
• Preparing our app for deployment
  Preparing and deploying our app to production enviroment,Connecting our App with cloud database using MongoDB Atlas,Deplyoing and Monitoring our app to Heroku

• Introduction to React.js
  Introducing all about React.js and why do we use react how it solves our problem,Exploring new generation js features - destructring, spread, rest parameters, arrow functions etc.,Creating and understanding our first react app.
• Class vs Functional Components State vs Props
  Learning all about React components - Class and Functional components,Handleing state and props in react,Learning how to take input and working with forms in react,React Events
• Learning useState ,useEffect,useRef Hook
  Expolring hooks in react and their uses
• Sending HTTP Request
  Sending http request using fetch and axios
• Router - SPAs vs MPAs
  Understanding react router - SPAs vs MPAs
• Context API in React
  Handling global state with Context in React
• All about react Hooks
  More about react Hooks
• MERN Stack Project
  Project

• Next.js Setup & Core Concepts
  Next.js vs React comparison, File-based routing system, Pages and layouts structure, Static assets and public folder - CSS modules and styled-jsx.
  
  Project:
  Personal Portfolio with Next.js.
• Routing & Navigation
  Dynamic routing with [slug], Nested routes and catch-all routes, Link component and useRouter hook, Programmatic navigation, Route groups and parallel routes.
  
  Project:
  Blog Platform with Dynamic Routes.
• Data Fetching Strategies
  Static Site Generation (SSG) with getStaticProps, Server-Side Rendering (SSR) with getServerSideProps, Incremental Static Regeneration (ISR), Client-side data fetching with SWR/React Query.
  
  Project:
  News Aggregator with Mixed Rendering.

• App Router & Server Components
  App directory structure, Server vs Client Components, Layouts and templates, Loading and error pages, Streaming and Suspense.
  
  Project:
  Dashboard with Server Components.
• API Routes & Full-Stack Development
  API routes in pages/api and app/api, RESTful API design, Middleware implementation, Authentication with NextAuth.js, Database integration (Prisma + PostgreSQL)
  
  Project:
  Task Management API.
• Data Fetching Strategies
  Static Site Generation (SSG) with getStaticProps, Server-Side Rendering (SSR) with getServerSideProps, Incremental Static Regeneration (ISR), Client-side data fetching with SWR/React Query.
  
  Project:
  High-Performance E-commerce Site.

• AI APIs & Services
  OpenAI API integration, Anthropic Claude API, Google Gemini API, Hugging Face transformers, API key management and security, Rate limiting and error handling.
  
  Project:
  AI Chat Interface.
• Text Generation & Processing
  Prompt engineering best practices, Text completion and generation, Content summarization, Language translation, Sentiment analysis.
  
  Project:
  AI Content Generator Tool.
• Image & Media AI
  DALL-E and Midjourney API integration, Image generation and editing, Vision AI for image analysis, Audio transcription with Whisper, Text-to-speech integration.
  
  Project:
  AI Creative Studio.
• Advanced AI Features
  Function calling and tool use, RAG (Retrieval Augmented Generation), Vector databases (Pinecone, Supabase Vector), Embeddings and semantic search, Fine-tuning considerations.
  
  Project:
  AI-Powered Knowledge Base.

• Browser
  What happens when you hit the url on your browser ?What is system Design? Types of System Design HLD intro
• Types of Design && Design Basics
  LLD intro & SDLC Web App VS Website What is architecture
• System types
  Monoliths Distributed System LatencyThroughput
• Android Components
  Availability TIme Consistency
• Characteristics
  Availability Time Consistency
• Storing Hot Data
  Websockets & SSE Scaling Techniques Horizontal Scaling
• Theorams
  Redundancy && Replication Cap theorem Databases
• Division of Data
  DataBase optimization Partitioning Communication
• Communication
  Message Based communication Web Apps Rest Apis
• Microservices
  Microservices & architecture Web Servers && Protocols & App security Service
• Design Problem
  URL Shortener/ Pastebin Api Rate Limiter
• Design Problem
  Youtube Design Web Crawler
• Design Problem
  Drop Box Uber Backend Design
• Design Problem
  Twitter Instagram
• Design Problem
  Ticketmaster design

• Basic Of LLD
  What is LLD? LLD INTERVIEWS
• OOPS
  OOD && OOP Objects && CLASSES
• Design Principles
  OOP CONCEPTS Solid Principle
• Design Principles
  SRP Princripal O-C Principal
• Design Principles
  Livosik Principal
• Design Principles
  Integration Principal
• Design Principles
  Dependency Principal Problems
• Patterns
  Design Patterns
• Design Problems
  Case Studies
• Coding using OOPs
  Machine Coding

4-5 months duration, Frontend, Backend, React and 10 live projects

Priority Placement assistance & Doubt support

Personal mentoring, progress tracking and feedback

Certificate of Excellence/Completion

Free Backpack, Swags and access to Online course

Developer CV and In-class Hackathons

4-5 months duration, 60+ Live interactive classes, Frontend, Backend, React and 10 live projects

Priority Placement assistance & Doubt support

Personal mentoring, progress tracking and feedback

Certificate of Excellence/Completion

Free Backpack, Swags and access to Online course

Developer CV and In-class Hackathons

Highly Economical model to learn

95+ hours Exhaustive content and Tech enabled Guided learning

6 months duration, 10 live projects

Live interactive booster classes of difficult topics

Certificate of Excellence/Completion

Progress tracking and feedback

Optional Priority Placement assistance & Doubt support

Web Development is one of the most extensive course of coding blocks. It was a challenging and fun loving experience for me. I owe my success to my mentor and the great course.

Coding Blocks is really a good place to get you started with the field you like. I was part of the Elixir Batch.The teachers are very good ,they make sure you understand each concept clearly. Regular tasks were given that made me proficient in whatever I learnt.

I love coding blocks because it cleared all my coding concepts and made my algorithmic and logical part strong , thus helping me secure a 6 month internship at amazon. Also thankful for giving a nice understanding about other computer science topics like OS and System Design which helped a lot during the interviews. I am thankful to Coding blocks and team and i owe my success to coding blocks

I love Coding Blocks. They have wonderful Teachers. They recommended me to get coaching classes from sir. I am really thankful to sir. I joined Competitive Programming Batch in the 2017. I really become FAN of mentors after that batch. Then after that batch i joined again in 2018 in tha batch algo++. That two courses are the main reason why i get Placed in oyo as Software Developer. Thank you mentors and Coding Blocks for this wonderful Journey.

I opted for the online Web Development Course at Coding Blocks last summer. It was a very well structured course and teaching style of Arnav Bhaiya is really good. The course helped me build my basics really well and I was able to work on projects which was a major contributing factor in my internship offer..

landscape

landscape

landscape

landscape

landscape