Learn Full Stack Web Development Course

Online & Classroom Training

  • 10,000+ Career Transitions
  • Lifetime LMS Access
  • 100% Placement Assistance
  • 500+ Hiring Partners for Placements
  • 350+ Batches
  • 500+ Expert Trainers

Enroll Now

Dani-FSD-Ads Form

Our team will call you and confirm the Demo and Batch Details.

Full Stack Development Syllabus

The Best in Industry content by leading industry faculty in the form of case studies and projects, assignments and live sessions.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Module 1: HTML
  • HTML intro basic
  • Tags and Elements
  • Headings
  • Paragraphs
  • Block and inline elements
  • Tag Attributes
  • Lists and Tables
  • Forms
  • Buttons
Module 2: CSS

• Color (all 3 methods)
• CSS Selectors
• Colors in CSS
• CSS Box Model
• Margin and Padding Shorthand, and Borders
• Text Formatting Styles
• Alignment and Floating
• Positioning in CSS
• Setting Images As Element Background & other property
• Pseudo Classes
• Flex box, Grids and Positions
• CSS Animations
• CSS Transformation

Responsive designs with media query

Module 3: Bootstrap

• Introduction
• Layout – Breakpoints, Container, Grid, column, rows
• Content – typography, images, table
• Forms – overview, form control, select, check & radios, validations
• Components – Buttons, Card, Carousel, Dropdown, Navbar, Pagination, popover, progress
• Utilities – Background, border, colors, display, flex, position, sizing

Module 4: JavaScript

• Fundamentals – variables, data types, type conversions, basic operators, comparisons, logical operators
• Loops – while, for, do while
• Conditional statement, switch
• Arrays and pop(), push(), shift(), unshift()
• Functions & function expressions & first class function
• Object

  • RegEx
  • OOps
  • JS validations
  • Error handling

ES6

• Let, const
• Arrow functions
• Array methods – forEach(), map(), reduce(), filter(), slice(), splice()
• Destructuring Object and Array
• Spread Operator vs Rest Operator
• Template literals
• for/in and for/of loop
• Promises, async/await
• setTimeout(), setInterval()
• JavaScript classes & OOPs
• Javascript – Excecution context
• Call stack
• Hoisting
• window & this keyword
• scope chain, lexical environment
• Temporial dead join
• Block scope & shadowing
• Closure
• Event loops

DOM

• Finding HTML elements – getElementById(), getElementByClassName(), getElementsByTagName(), querySelector(), querySelectorAll()
• Changing HTML elements
• Adding and Delete elements
• DOM events – onclick(), onchange(), onsubmit(), onload()
Making API call
• 1- Using fetch()
• 2 – Using axios() AJAX
• Ajax intro, How AJAX works ?
• XMLHttpRequest
• AJAX request/response
• API with AJAX

jQuery

• Selectors
• Methods
• Events – click, submit, change, select, focus, load..
• Effects – hide, show, toggle, delay
• Traversing

Module 5: Data Structure and Algorithm

Arrays – Insertion, Searching, Traverse, Deletion, Target sum
• Strings
• Bit Manipulation
• Searching and Sorting – linear & binary search, Bubble, Selection, Insertion, Merge, Quick sort
• Recursion and Backtracking
• Hashing
• Stacks – LIFO, push() & pop(), seek()
• Queues – FIFO, enQueue & deQueue, circular queue
Linked List – Insertion, deletion, midpoint, cycle detection 
• Trees – Tree Traversal, Binary Tree, Balance Binary tree, AVL tree
• Heaps
• Greedy Programming – Prim’s, Huffman, Dijkstra Algorithm
• Dynamic Programming – maximum subArray sum, longest common subsquence …
• Graphs – Adjacency list, BFS , DFS algorithm

 

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Module 6: React JS

• Components – class & functional components
• JSX
• Props & State
• useState
• useEffect
• Componeny Life cycle methods
• Pure component
• Conditional rendering
• List & keys
• Form handling & validation
• High Order component
• API calls – axios & fetch Hooks
• useContext
• useReducer
• useRef
• useMemo
• useCallback
• Custom Hook

State management library – Redux

Module 7: Node.js & Express

• Introduction to Node.js ( Node Architecture, How Node Works, Installing Node )
• Modules: Built-in and custom & promises & event emitters
• NPM packages
• Introduction To Express & use of it
• Different HTTP method (GET ,POST,PUT,DELETE,HEAD) and diff and when use what?
• Defining routes in EJS and setting a END point in the nodes and
• handling the request and response object
• Middleware
• Security of API end points
JWT token
• Authentication and authorization
• Building a simple REST API with NodeJS and Express.

Module 8: Mongo DB

• Database and its kind
• Difference between sql & nosql
• Introduction to MongoDB, Importing, Exporting & Querying data
• Creating & Manipulating Documents
• Advanced CRUD operations
• Indexing & Aggregation pipeline
• Building a Simple Web Application With Node, Express & MongoDB
• Library of mongoDB using mongoose to setup the link b/w code and database
• Doing all CRUD operation on Database using API

Version Control:
• Introduction to Version Control
• Introduction to Git and GitHub
• Centralized and Distributed Version Control System
• Git Basics
• Forking
• Cloning
• Making changes to Local Repositories
• Committing and Branching
• Collaborating with Multiple Developers

Module 9: Live Deployment and Capstone Project

Capstone Projects

  • Food Ordering Application
  • Blogging Web Application
  • Social Media Web Application
  • Ecommerce Application
Download Brochure

Why Innomatics Stands Out the Best!

Why innomatics is different from other edtech

Why You Must Enroll For Full Stack Development Course?

Reports suggest that there will be 27.7 million new Full Stack Developers in the market by 2024. In India, on an average, a Full Stack Developer earns Rs 9.24 LPA, which may vary according to the person’s experience, location of the job, size of the company and other such factors.

The demand for a Full Stack Developer is at an all-time high and will continue to remain so. Linkedin Emerging Jobs Report 2020 placed Full Stack Development jobs at the number 4 position. The report also suggested that the FSD roles have witnessed a 35% growth year every year since 2015. Therefore FSD roles are here to stay.

Enroll Now

Dani-FSD-Ads Form