APNA

COLLEGE

Delta : Full Stack Web Development

MERN Stack (Mongo, Express, React, Node)

' Let not the fruit of action be your motive to action. Your
concern is with action alone, not with the fruit of action. '
- The Bhagavad Gita
 APNA
COLLEGE

MERN
What's new? Full Stack Web Development
500+
Our experience tells us that students on videos. Classes on
average are 3 times more serious in a paid Live alternate days for next 4.5
months
batch. The completion of course and watch
time of students increases exponentially. 12+ Hours of Live Sessions
 APNA
COLLEGE

Batch Overview
Complete Frontend Development

Complete Backend Development

Complete Database (SQL & MongoDB) 500+ 12+

video Hours of Live
Complete MERN Stack (MongoDB, Express, React, lectures Sessions
Node)
Real Life and Industry Grade Projects Duration : 4.5 Months
Course access is for Two Years
LIVE sessions on how to get a job, resume,
freelance, open source & more
 APNA
Topics Frontend COLLEGE

CATEGORY CHAPTERS OVERVIEW

What is Web? Understanding how and who built the web

General architecture used by websites; requires & response

Introduction Client-Server Architecture
Setting our environment on our laptop/computer
Setting Developer Environment where we'll do coding

Structure How to create the structure of a web page

Learning about various tags in HTML like <h1>, <p>, <a>, <img> etc
Tags in HTML
Understand the difference between inline and block HTML
HTML Block v/s Inline elements

Learn to create tables in HTML

Tables
Learn about forms and form fields
Forms

Intro to CSS Introduction What is CSS & how to use it in HTML, different styles of writing

Understanding Selectors Element, Class & Id selectors etc., combinators, pseudo

Selectors in CSS classes, pseudo elements, specificity in CSS
Selector Specificity Understanding the specificity & priority of CSS selectors
 APNA
Frontend COLLEGE

CATEGORY CHAPTERS OVERVIEW

Box Model Understanding the CSS box model

Styling with CSS
Learning about various CSS units used to style HTML elements, absolute &
CSS Units relative

CSS Transition Understanding element transitions in CSS along with shorthand

More CSS
CSS Transforms Understanding element transformations in CSS along with shorthand

Intro to Flex Understanding flexbox layout, cross axis, main axis etc.
Flexbox
Flex properties flexbox direction, justify content, align items, align self, flexwrap, flex sizing,etc.

Media Queries Learn about Media Queries & Viewport

Responsive Designs
Animations & 3d Space Basics of CSS animation and how to animate HTML elements using animate.css

Frontend frameworks What are frontend frameworks and how to use one

Bootstrap Components Using various bootstrap elements like Navbar, buttons, cards etc

Layouts(Grid system) Learning about grid system of bootstrap

Tailwind CSS What is Tailwind? Understanding Tailwind as a Framework

 APNA
Frontend COLLEGE

CATEGORY CHAPTERS OVERVIEW

Tailwind CSS Components Covering button, navbar, fonts, margin, padding etc.

Creating Responsive Designs Understanding responsiveness in tailwind, @apply, @layer etc.

Major Project CSS Major Project Focus on using concepts we have learn to build our project

Intro to JS What is JS and use of JS

Starting with Javascript
Variables, operators, conditional, loops Learning the basics of the language

Scope Understanding scope in JS

Hoisting What is hoisting and its application

Functions and
Arrays in JS Functions expressions v/s
Difference between function expression and declaration
Function declaration
Arrays and its usage What are arrays and using array functions like splice, slice etc.

Intro to Objects What are objects, how to create them and using di erent notations to access object’s
Objects and Timing data
Events Object functions Learn to iterate over objects, delete object properties, creating nested objects

Understanding DOM DOM Understanding DOM, what it is, how to access elements from the DOM
 APNA
Frontend COLLEGE

CATEGORY CHAPTERS OVERVIEW

Understanding DOM Events How to manipulate DOM events in JS

IIFE What are immediately invoked function expressions

Closures Closures What are closures and its application

Arrow functions Learning about arrow functions and bindings in arrow functions

“this” keyword How does the “this” keyword works in JS

Constructors and
Prototypes Prototypes Discussing what are prototypes in JS, why do we use them and its application

Class Learning about using classes in JS and how to deal with class inheritance in JS

Promises, Callback What are promises and callbacks in Javascript, Why to use
Ashyncronous
JavaScript Timed Events What is setTimeout, Event loops in javascript

What are Async Await in Javascript, Why that is important

Async Await

Intro to jQuery What is jQuery and what is the need for it

jQuery
Event handling in jQuery Handling various JS events with jQuery and exploring the library

Ajax Intro to AJAX What are async requests, what is API and JSON
 APNA
Frontend COLLEGE

CATEGORY CHAPTERS OVERVIEW

Ajax Ajax requests with jQuery Making ajax requests with jQuery and handling errors

Promises Intro to promises What is a promise, how do we use promises and chaining promises

Intro to Git What is git and why it's helpful

Git Branches Exploring branches in Git. How to create branches.

Git workflow Understanding push, commits, pull requests and using git for teams and individual

Terminal Mastering Terminal Directories, Commands, paths, operations on files etc.

Major Project JS Major Project Create something classic by using the concept learn in JS
 APNA
Backend COLLEGE

CATEGORY CHAPTERS OVERVIEW

Node.js Intro to Node Introduction to the course, hello world with nodejs

Setting up Setting up tools and the project

Intro to servers What are servers and how one can use them

Writing Our First

Server Setting up node server Beginning the project by setting up the very first node server

nodemon Introducing nodemon to monitor changes made to the server

MVC MVC architecture for our server

Creating Express Express What are frameworks, using express with node
Apps
Ejs What are template engines, setting up and working with Ejs

Middleware What is a middleware and how to use one

Database What are databases & why do we need them

Intro to Databases
SQL what is SQL, SQL queries etc.

MongoDB What is MongoDB, how to use it and setting up MongoDB for the project
MongoDb
DB operations CRUD operations for MongoDB
 APNA
Backend COLLEGE

CATEGORY CHAPTERS OVERVIEW

MongoDb Mongoose Linking MongoDB using Mongoose

APIs, error handling, validation, express router, authentication,

Mega Project Working on our Mega Project deployment & many more concepts to be covered

React

CATEGORY CHAPTERS OVERVIEW

React Components, Styling, What is React, installation, react components, styling in react, component lifecycle
methods, react hooks, redux, redux toolkit etc.
Redux & more

Major Project React Project Using the concepts we have learnt to build our project
 APNA
COLLEGE

Lectures will be uploaded on Alternate Days

Till then, keep learning & keep exploring ❤

Start Data : 7th June, 2023