- AddressRavi Nagar Square, Nagpur.
- Emailinfo@grrasnagpur.in
- Contact No.+91 99759 98226
-
What's App No.+91 99759 98226
What's App No.+91 99759 98226
With Full Stack Development training, your value as a developer in the tech world grows manifold. With your competency in handling complete web development process in any organization, you become an inseparable asset to recruiters. There is only one language you need to learn to be able to work on these stacks and that is JAVASCRIPT. After having completed this training, you will be able to handle front end development, back end development, as well as everything associated with database aspects. The development process can be sped up with accurate skills.
In Full Stack, there are two options that are the most in demand. 1. MEAN 2. MERN The term MERN stack refers to a collection of JavaScript based technologies which are used in the development of websites. MERN is the acronym for Mongo DB, Express JS, React JS, and Node JS. All of these play an integral part in transferring database from client to server. Mongo DB is a NoSQL database system. Mongo DB is used to save data in the format of binary JSON, making the transfer of information between server and client easier. Express, being a lightweight framework is used in the building of web application in Node. Inspired from Ruby framework, Express is equipped to multiple robust features. Robust is a library of JS which can be used instead of Angular for front end development. It is supported by Facebook. Node.js is a server side platform which is built on Google Chrome’s V8 JavaScript runtime.
| Tracks | Regular Track | Full day (Fastrack) |
|---|---|---|
| Training Duration | 200 hours | 200 hours |
| Training Days | 100 days | 25 days |
- How client Server Communication work
- understanding three tier architecture
- role of different technologies
- changed role of Java script
- introduction of tags
- Empty and Container Tags
- html elements
- html attributes
- html tables
- html Lists
- html div
- html forms
- html other important tags
- Introduction of CSS
- Inline CSS
- Internal CSS
- External CSS
- intro of selectors
- Basic Selectors
- Combinator selector
- pseudo class selector
- pseudo element selector
- attribute selector
- Making a Basic Navigation Bar with UL LI
- Positioning in CSS
- Type Of Elements
- handling Gap in inline and inline block elements
- Box model( Margin, Padding, border, Box sizing , overflow)
- Float property
- positioning in CSS
- flex Module in CSS
- Grid Layout in CSS
- Transform property
- animation using transition property
- animation using key frames and animation property
- media query in css
- Introduction of bootstrap
- Bootstrap carousal
- BS Grid Basic
- BS Typography
- BS Tables
- BS Images
- BS Jumbotron
- BS Wells
- BS Alerts
- BS Buttons
- BS Button Groups
- BS Glyphicons
- BS Badges/Labels
- BS Progress Bars
- BS Pagination
- BS Pager
- BS List Groups
- BS Panels
- BS Dropdowns
- BS Collapse
- BS Tabs/Pills
- BS Navbar
- BS Forms
- BS Inputs
- BS Carousel
- BS Modal
- BS Tooltip
- BS Popover
- BS Affix
- BS Filters
- JS Introduction
- Variables in JS
- Operators in JS
- JS Data Types
- JS Control statements
- JS Functions
- JS Events
- Accessing Dom Elements in JS
- Manipulating Dom
- Form Validation
- HTML5 inbuilt validation attributes
- custom Validation
- Using Regex in Form Validation
- JS Objects
- JS Strings
- JS Numbers
- JS Arrays
- JS Dates
- JS Date Formats
- JS Math
- JS Random
- JS Booleans
- JS Errors
- JS Let
- JS Const
- jQuery Usage
- Downloading jQuery
- jQuery: Operational Overview
- Basic Selectors
- Hierarchical Selectors (Combinators)
- Attribute Selectors
- Filtering Methods
- Traversing Methods
- Selecting From Forms
- Selecting Parent and Children
- Manipulating DOM Elements
- Getting and Setting Attribute Values
- Removing Attributes
- Binding Events to Handler
- Triggering Events
- Changing HTML Content
- Changing Text Content
- Introduction to Animations
- Effects (Basic Animation)
- JSON Parsers
- Sending Data
- jQuery AJAX Utility Methods
- JS CallBacks
- JS CallBack Hell
- Asynchronus Behaviour of JS
- Java Script Threading Model
- Arrow Functions
- ways of Function Definition
- ways of function calling
- context binding
- Advance Operators ( typeof, instanceof, in, rest and spread, delete, ** )
- destructuring in js
- template string
- Variable Hoisting
- JS Clousers
- JS Objects
- JS Constructor
- JS prototypal inheritance
- JS Promise intro
- JS Promise implemetation
- Observable
- Obervable implimentation with RxJs
- Async / Await in JS
- JS global object
- understanding 'this'
- import export js Modules
Introduction to Basic building blocks of Web Application Development. HTML-CSS-JS
SPAs and React Web Apps.
ReactJS Overview.
Single Page Apps VS Multi-Page Applications.
What is a DOM, VirtualDOM and ShadowDOM?
Installing ReactJS and writing our first Hello World code.
The Folder Structure of React Application.
Basic Building Blocks of React JS – (components,state,props,jsx)
What are the components? Understanding the component basics and different types of components.
What are the functional components and container components?
Creating your first class-based component and functional component.
Understanding JSX and JSX restrictions.
Component Nesting.
What are props and a simple understanding of props?
Passing Props into components.
Accessing props inside the components.
Creating reusable dynamic components
Styling React components. The different ways of styling the react components.
Inline styles and external styles to the components.
Using styled-components.
Creating a navigation-bar in reactJS.
Introduction to React Router.
Creating Routes to our Navigation Bar.
Components configuration with state, props and children.
Understanding and using state and props, and Differences between props and state
Handling Events
Manipulating the state with setState() method
Difference between stateless and stateful components.
Adding two-way binding.
Rendering content conditionally.
Making API REQUESTS with React.
Fetching data – Axios vs Fetch.
Building Lists from data
The purpose of keys in lists and Implementing keys in lists.
Handling User Input with forms and events.
Controlled Elements versus uncontrolled elements.
Handling forms submitted.
Understanding this in Javascript and solving context issues.
Communicating child to parent.
Handling user Input of dynamic forms
Handling form submission(MAKING API CALL )
Adding Custom Form Validation.
Showing validation errors and other error messages.
Handling overall form validity.
Using Refs for DOM Access.
Redux, and The complexity of managing state.
Understanding the Redux flow.
Adding Redux to the React Project and Redux Devtools.
What is the provider and adding the provider?
Setting Up the Reducer and the Store
Dispatching the Actions.
Adding Subscriptions.
Connecting React to Redux.
Connecting the store to react.
Dispatching the Actions from within the Component.
Passing and Retrieving Data with Actions.
Switch Case in the reducer
Updating the State and the Array Immutable.
Combining multiple Reducers.
Handling Authentication in React.
The Context System with React.
Replacing Redux with Context or using both together.
Higher-Order Components in React.
The concept of Render Props.
Error Boundaries.
React.Fragments
Introducing Lifecycle methods.
Why use Lifecycle methods
React Hooks – An Introduction, Why React Hooks
Moving from classes to functional components
Introducing the first Hook: useState Hook and Second Hook: useEffect Hook
Data Fetching with hooks/replacing the class lifecycle methods
Fetching data on component mount with useEffect
Using the useRef Hook
Displaying loading state with useState
Error Handling and displaying errors with useState
The useReducer Hook
Using the useContext Hook
Introduction to deployment
Deploying the React Application
Introduction to Node JS
What is Node JS,
Node.js Process Model
Advantages of Node JS
Traditional Web Server Model
Install Node.js on Windows
Working in REPL
Node JS Console
Functions, Buffer, Module
Core Modules
Local Modules
Modules Types
Modules Exports
What is NPM
Installing Packages Locally
Adding dependency in package json
Installing package globally
Updating packages
Creating Web Server
Handling http requests
Sending Requests
Fs.readFile
Writing a File
Writing a file asynchronously
Opening a file
Deleting a file
Other IO Operations
Event Emitter class
Returning event emitter
Inheriting Events
Configuring Routes
Working with Express
Api Building with Express
Serving Static Files
Working with Middle Ware
Connecting String
Configuring
Working with Select Command
Updating Records
Deleting Records
Introducing MongoDB
Installing MongoDB on Windows
Connecting to MongoDB
Schemas
Models
Saving a Document
Querying Documents
Comparison Query Operators
Logical Query Operators
Regular Expressions
Counting
Updating a Document-
Removing Documents
Validation
Built-in Validators
Custom Validators
Async Validators
Validation Errors
SchemaType Options
Introduction
Creating the User Model
Registering Users
Hashing Passwords
Authenticating Users
Testing the Authentication
JSON Web Tokens
Generating Authentication Tokens
Storing Secrets in Environment Variables
Setting Response Headers
Getting the Current User
Logging Out Users
Role-based Authorization
Testing the Authorization
Authentication and Authorization Recap
Introduction
Handling Rejected Promises
Express Error Middleware
Try Catch Blocks
Express Async Errors
Logging Errors
Logging to MongoDB
Uncaught Exceptions
Unhandled Promise Rejections
Introduction of AWS
AWS Elastic Beanstalk( Run and manage web apps )
Amazon RDS (Managed relational database service for MySQL, PostgreSQL, Oracle, SQL Server, and MariaDB )
Amazon DynamoDB (Managed NoSQLdatabase)
Amazon Simple Storage Service (S3) (Scalable storage in the cloud )
Heroku Cloud Platform
- There are no special certifications available in this domain by any International Company. Companies that are providing the training in this domain provide their own certification. Hence, you will be provided with a certification by GRRAS after the completion of the training.
- Applications which are built with MERN stack are super easy to maintain and are cost effective. Thus, it is beneficial for companies who are looking to build websites on a budget. Your responsibilities include developing databases and servers for website functionality, coding for mobile platforms, and designing user interactions on websites.
- A software engineer is the one who uses Express to build back end API, integrate React with Express, etc.
With the knowledge about open-source front-end web development, Angular JS developer handles challenges encountered by the company.
- Placement Assistance
- Live Project Assessment
- Lifetime Career Support
- Lifetime Training Membership (Candidate can join same course again for purpose of revision and update at free of cost at our any center in India or you can solve your query by online help)
