FULL STACK DEVELOPMENT

FULL Stack Developer Training is a 360° training program offered by GRRAS, comprehensive and designed to train participants in
creating enterprise-style applications with server-side code using Node.js, Express framework, front-e nd coding using
Angular, React JS and databases with Mongo DB.

This training program has become one of the most popular and in-demand because of all the benefits it offers with a
combination of technologies. Web developers who want to take their careers to a new level can do so with FULL Stack
(MEAN) Developer Training (Master Program).

After completion of the training, participants will become experts in front-end and back-end JavaScript technologies of the
popular Mongo DB, Express, Angular, React and Node. This training program is designed to give participants a thorough
understanding of FULL Stack technologies, Mongo DB, Express, Angular JS, React JS and Node JS, and more.

Course Content: -
▪ HTML
▪ CSS
▪ Java Script Basic
▪ Jquery
▪ Bootstrap
▪ Java Script Advance
▪ Typescript
▪ Mongo DB
▪ Angular/ React JS
▪ Node/ NodeJS
▪ AWS Cloud Integration

HTML 5.1(Hypertext Mark-up Language)

▪ Introduction of tags
▪ Empty and Container Tags
▪ Html elements
▪ Html attributes
▪ Html tables
▪ Html Lists
▪ Html div with CSS float
▪ Html forms
▪ Html other important tags

CSS 4.0 (Casecadding Stylesheet) with Bootstrap

• Introduction of CSS
• Inline CSS
• Internal CSS
• External CSS
• Box model and Margin, Padding
• Float property
• Positioning in CSS
BootStrap Framework
• 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

JavaScript Basic
• JS Introduction
• JS Variables
• JS Operators
• JS Arithmetic
• JS Assignment
• JS Data Types
• JS Functions
• JS Objects
• JS Events
• JS Strings
• JS Numbers
• JS Arrays
• JS Dates
• JS Date Formats
• JS Math
• JS Random
• JS Booleans
• JS Control statements
• JS Type Conversion
• JS Bitwise
• JS RegExp
• JS Errors
 • JS Scope
• JS Strict Mode
• JS this Keyword
• JS Let
• JS Const
• JS Debugging
• JS JSON

JQuery
• JQuery Usage
• Downloading jQuery
• JQuery: Operational Overview
• Basic Selectors
• Multiple Selector
• Selecting by Order
• Attributes vs. Properties
• CSS Box Model Properties
• Element Content
• Manipulating Children
• Effects (Basic Animation)
• Hierarchical Selectors (Combinators)
• Attribute Selectors
• Basic vs. Child Filters
• Filtering Methods
• Traversing Methods
• Selecting From Forms
• Selecting Parent and Children
• Automatic DOM Traversal
• Manipulating DOM Elements
• Getting and Setting Attribute Values
• Removing Attributes
• The jQuery Function
• The jQuery Object
• Some jQuery “Static” Methods
• Utility Methods
• Binding Multiple Events to Same Handler
• Multiple Events to Different Handlers
• Event Targets
• Triggering Events
• Live Events
• Changing HTML Content
• Changing Text Content
• Managing Elements
• Introduction to Animations
• JSON Parsers
• Sending Data JSON vs XML
• JQuery AJAX Utility Methods
• JQuery and JSON
• JQuery and Other Data Types
• Serialization
• Deferred Objects
JavaScript Advance
• Variable Hoisting
• Ways of Function Definition
• Ways of function calling
• Context binding
• JS Clousers
• JS Objects
• JS Constructor
• JS prototypal inheritance
• JS CallBacks
• JS CallBack Hell
• JS Promise intro
• JS Promise as a solution for CallBack Hell
• Observable
• Obervable implimentation with RxJs
• Async / Await in JS
• JS global object
• understanding 'this'

React JS Content

Introduction to react JS

• 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

UI and Components Styling In React

• 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.

React Architecture

• 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.

Redux and advance Concepts

• 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

Hooks

• 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

Getting started with Node Welcome

• What is Node
• Node Architecture
• How Node Works
• Installing Node
• Your First Node Program

Node Module System

• Introduction
• Global Object
• Modules
• Creating a Module
• Loading a Module
• Path Module
• OS Module
• File System Module
• Events Module
• Event Arguments
• Extending EventEmitter
• HTTP Module

Node Package Manager (NPM)

• Introduction
• Package.json
• Installing a Node Package
• Using a Package
• Package Dependencies
• Installing a Specific Version of a Package
• Updating Local Packages
• DevDependencies
• Uninstalling a Package
• Working with Global Package

Building RESTful API’s Using Express

• Introduction
• RESTful Services
• Introducing Express
• Building Your First Web Server
• Nodemon
• Environment Variables
• Route Parameters
• Handling HTTP GET Requests
• Handling HTTP POST Requests
• Calling Endpoints Using Postman
• Input Validation
• Handling HTTP PUT Requests
• Handling HTTP Delete Requests
• Project- Build the Genres API
• Building RESTful APIs with Express Recap
Mongo DB
CRUD Operations Using MongoDB
• 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

Mongo – Data Validation

• Validation
• Built-in Validators
• Custom Validators
• Async Validators
• Validation Errors
• SchemaType Options

Mongoose- Modeling Relationships between Connected Data

• Modelling Relationships
• Referencing Documents
• Population
• Embedding Documents
• Using an Array of Sub-documents
• Transactions
• ObjectID
• Validating ObjectIDs
• A Better Implementation

Authentication and Authorization

• 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
Handling and Logging Errors
• Introduction
• Handling Rejected Promises
• Express Error Middleware
• Try Catch Blocks
• Express Async Errors
• Logging Errors
• Logging to MongoDB
• Uncaught Exceptions
• Unhandled Promise Rejections

Deployment
• Introduction
• Heroku intro
• Account creation on Heroku
• Preparing the App for Production
• Adding the Code to a Git Repository
• Deploying to Server
• Testing the app

Cloud Computing
• 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 NoSQL database)
• Amazon Simple Storage Service (S3) (Scalable storage in the cloud )
• Heroku Cloud Platform

Projects on MEAN using all technologies:

• Ecommerce Web app
• Online Examination Application
• Online Library Management
• Online Contact Management
• Multilevel Marketing Management
• CRM