MERN Full Stack Developer Course in Hyderabad with Live Projects

• What is website
• Types of Webpages
• Static Webpage
• Dynamic Webpage
• Types Of Languages
• Programming Languages
• Scripting Languages
• Introduction To HTML
• What is Doctype?
• HTML Editors
• Structure Of HTML
• HTML Headings
• HTML Paragraphs
• HTML Basic Tags
• HTML Elements
• HTML Attributes
• HTML Formatting
• HTML Quotations
• HTML Images
• HTML Fonts
• HTML Styles
• HTML Span
• HTML Comments
• HTML Colors
• HTML Links
• HTML Favicon
• HTML Tables
• HTML Lists
• HTML Block & Inline
• HTML Marquee
• HTML Classes
• HTML Id
• HTML Iframes
• HTML File Paths
• HTML Head
• HTML Meta
• HTML Computercode
• HTML Semantics
• HTML Entities
• HTML Symbols
• HTML Emojis
• HTML Forms
• HTML Form Attributes
• HTML Form Elements
• HTML Input Types
• HTML Input Attributes
• HTML Input Form Attributes
• HTML New Structure
• HTML Canvas
• HTML SVG
• HTML Picture, Map
• HTML Media
• HTML Video
• HTML Audio
• HTML YouTube
• HTML Geolocation
• Messagaing app's Integration
• Code auto genate tools
• HTML Layout Design
• Webpage Live Implementation.

• Introduction CSS
• Types of CSS
• CSS Selectors
• Class Selector
• ID Selector
• Tag Selector
• Universal Selector
• Grouping selector
• Attribute Selector
• Child Selector
• CSS Properties
• Type Properties
• CSS Comments
• CSS Colors
• Background Properties
• CSS Margins & Padding
• Box Properties
• CSS Links
• CSS Tables
• CSS Display
• CSS Flex
• List Properties
• Border & Outline Properties
• Positioning Propeties
• CSS Layers
• CSS Overflow
• CSS Float
• CSS Inline-block
• CSS Align
• CSS Pseudo-class
• CSS Pseudo-element
• First-line and First-letter selector
• Before and After Selector
• Realtime Implementation
• Converstion of Table CSS Layout
• CSS Menu Design (Horizontal, Vertical)
• Form Designing
 
• Introduction CSS 3
• New CSS 3 Selectors
• Adjacent Sibling Selector
• General Sibling Selector
• Rounded Corners
• Multiple backgrounds
• Border Images
• Colors
• Gradients
• Box Shadows
• CSS Web Fonts
• Custom Fonts
• Text-Shadow Property
• Text-Stroke Property
• Opacity Property
• Transition effect
• CSS 2D Transforms
• CSS 3D Transforms
• Transform effect
• Animation effects
• Css Media Queries
• Using CSS3 in Practical Layout

• Introduction Java Script
• Javascript Types
• JS Syntax
• JS Statements
• JS Output
• JS Comments
• Variables in JS
• Operators in JS
• Conditions Statements
• JS If Else
• JS Switch
• Java Script Loops
• JS Popup Boxes
• JS Events
• JS Objects
• JS Functions
• Exception Handling
• JS String Methods
• JS Numbers
• JS Array Methods
• JS Dates
• JS Math
• JS RegExp
• Using Java Script in Realtime
• Validation of Forms
• Related Examples

• Intoduction to Bootstrap
• Bootstrap Installation
• Containers
• Grid Basic
• Typography
• Colors
• Tables
• Images
• Jumbotron
• Alerts
• Buttons
• Button Groups
• Badges
• Progress Bars
• Spinners
• Pagination
• List Groups
• Cards
• Dropdowns
• Collapse
• Navs
• Navbar
• Forms
• Inputs
• Input Groups
• Custom Forms
• Carousel
• Modal
• Tooltip
• Popover
• Toast
• Scrollspy
• Utilities
• Flex
• Icons
• Media Objects

• Introduction to jQuery
• jQuery Features
• Installing jQuery
• jQuery Syntax
• jQuery Ready Function
• jQuery Selectors
• jQuery Actions
• jquery Events
• jQuery UI
• Working with jQueryUI
• jQuery Accordions
• jQuery Tabs
• jQuery Tooltips
• jQuery Autocomplete
• Date Picker
• Menu
• Dialog Box
• jQuery plugins
• jQuery Validation plugin
• jQuery Slideshow

• Web Hosting Basics
• Types of Hosting Packages
• Registering domains
• Defining Name Servers
• Using Control Panel
• Creating Emails in Cpanel
• Using FTP Client
• Maintaining a Website

Introduction to ES5 & ES6

• ES5
• ES6
• ES5 VS ES6
• ES5 VS ES6 Syntax Difference
• ES6 Advantages

What is ReactJS?

• ReactJS Introduction
• Advantages of ReactJS
• Workflow of ReactJS
• Scope of ReactJS

Overview of JSX

• Difference between JS and JSX.
• React Components overview
• What is Child Components?
• What is JSX expressions?

ReactJS Environment Setups

• Node setup
• How to use NPM?
• How to create package.json and purpose of it?
• Best IDE for ReactJS and How to write optimized code in ReactJS?
• ReactJS browser plugins overview.

Building Blocks of React.JS

• Core Building Blocks of React
• Components
• State and Props
• Rendering
• What is JSX
• Example
• Why JSX
• Advantages of JSX
• Expressions in JSX
• Internal Implementation of JSX
• Hands-on: Creating a react component with jsx

Components in React JS

• What are Components in React JS
• Types of Components
• Functional component
• Class Component
• Functional component vs Class Component
• Creating Class Components
• Creating Functional Components
• Converting Functional Components to Class Components

Conditional Rendering

• Conditional Rendering in React JS
• Logical && Operator
• Switch case operator

List & Keys

• react key prop
• map function to iterate the List
• References
• When to use Refs
• How to Create Refs
• How to access Refs

Event Binding types

• Bind () method
• Arrow function
• Arrow function inside the expression
• Arrow function inside the expression with parameter

ReactJS Component Life Cycles Overview

• Constructor
• Render
• Should component update
• Component willMount
• Component didMount
• Component Unmount

Advance Topics in React JS

• What is context API?
• When to use the context API
• How to use the Context API
• Fragments
• Why we use Fragments?
• Fragments short Syntax
• Keyed Fragments

ReactJS forms and UI

• Lists of Form components.
• Setup Controlled and Uncontrolled form components.
• Control Input elements.
• How to set default values on all formats of Input elements.
• ReactJS Form validations.
• How to write Styles?
• Animations overview

Routing in ReactJS and Other JS concepts

• Single Page Application Overview.
• How to configure React Router?
• History of Router
• How to Handle Conditional statement in JSX?
• IIFE in JSX for complex logic overview.

Styles in ReactJS?

• CSS and inline styles in ReactJS overview.
• Introduction to styled components
• Bootstrap & React Bootstrap
• Font Awesome and Material UI Icons

Router with Navigation

• How to Load the router library?
• Configure the React Router?
• How to Pass and receive parameters?
• Invalid URL (404 page).

Hooks

• Introduction to Hooks
• The useState hook
• useEffect hook
• useHistory hook
• The useContext hook
• The useReducer hook
• Another Hooks

Redux Overview

• Introduction to One Store.
• Provider Component
• Actions.
• Reducers.
• Dispatchers
• View Controllers

Projects

• Single page Static Website
• Application with CRUD Operations
• Deploying

Introduction to Node.js

• What is Node.js?
• Why Node.js?
• Install Node.js
• Run a simple Node.js Script
• Create a Node Module and use it in your code
• Node Modules
• Node Built-in packages.
• Creating your own package.
• Import your own Package.
• NPM (Node Package Manager)
• Local and Global Packages

Asynchronous Programming

• What is Asynchronous Programming in JavaScript?
• JavaScript EventLoop
• Callbacks
• Callback Hell
• Promises
• Promise Chaining
• Async Await

FileSystem

• Synchronous vs Asynchronous IO
• File Constants (__dirname and __filename)
• Synchronous File Operations
• Asynchronous File Operations
• FileSystem Watcher

Streams and Events

• What are Streams in Node.js
• Reading and Writing Streams
• Understanding and using EventEmitter class
• Emitting Events
• Responding to events

HTTP

• What is HTTP
• How Does HTTP Work?
• Standard HTTP response codes
• Node HTTP Module
• Processing Form Data
• Processing Query Strings from URL
• Sending Back response

ExpressJS

• What is ExpressJS?
• Installing ExpressJS
• Creating a simple HTTPServer using ExpressJS
• Routing in Express
• Templating in Express
• Middlewares

ExpressJS and MongoDB

• What is MongoDB
• MongoDB Advantages
• Documents
• Collections
• Mongoose ODM
• Creating Schemas and Models using mongoose
• CRUD Operations in MongoDB using Mongoose and Express

REST API using Express and Mongoose

• What is a REST API
• Why REST API?
• Data Exchange Formats
• Realtime Implementation