0% found this document useful (0 votes)
30 views32 pages

STEP in MERN Stack React

require

Uploaded by

difel60579
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
30 views32 pages

STEP in MERN Stack React

require

Uploaded by

difel60579
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

POWERED BY 3RI TECHNOLOGIES

STEP: Software Training Employability Programme

STEP MERN STACK


[Link]
100% JOB-ORIENTED COURSE
[Link]
About Us
Company Highlights
3RI is an Advanced Technology Education Platform providing advanced and professional
training in Data Analytics that helps freshers and professionals rise to the advanced skills
requirements of the current industry.

Powered by 3RI Technologies, these online training sessions are industry-oriented


courses on Cloud Computing, Data Science, Machine Learning, and Python by top-class
faculty who have more than 7+ years of experience in the same domain.

The curriculum is designed by industry experts, who have real-time scenario-based exercises and
case studies and projects using databases from companies like Walmart, Amazon, Google, etc.
This training is supported with teaching assistance which allows individuals to develop hands-on
skills by applying the concepts and becoming technically proficient.
[Link]
Index
1. Faculty
2. Subject & Tracks
3. Curriculum
4. Placement Support
5. FAQ's
6. Who We Are?
7. Coordinates

[Link]
Faculty
Our Top-class faculty are
experienced working
professionals working in
senior positions of top-
tier companies like
Infosys, TechMahindra,
TCS, Cognizant, Google,
Microsoft, etc.
Tracks
WHAT MAKES 3RI
DIFFERENT ?

3RI Curriculum is based on a


real-time industry approach,
they are short and practical
oriented to learn the
concepts at a fast pace with
implementation skills.
MERN Stack [Link]
Software Training Employability Program
BASIC FOUNDATION MONGO DB
Linux , DBMS Architecture and Installation, CRUD
UI DEVELOPMENT Operations

HTML, CSS, JavaScript, [Link]


Bootstrap, JQuery Basic and Advanced [Link]
with latest version
SOFT SKILLS / APTITUDE
[Link]
Logical Reasoning & Complete detailed study
Communication Skills Training NODE JS
Introduction to Node JS, NodeJS
Projects, HTTP
[Link]
MERN Stack [Link]
Basic Foundation

1. Linux Foundation 2. Introduction to Database Mgt Systems


Introduction to UNIX and its flavours Introduction to Database
UNIX architecture DBMS, RDBMS, ORDBMS
File System DDL, DML, DCL, TCL
User and Group Policies Data types
Unix general commands SELECT Statement
Concept of Files and Directories in Unix Restricting and Sorting Data
Aggregating Data Using Group Functions
Manipulating Data
Subqueries
Important Functions
Joins and different types
[Link]
MERN Stack [Link]
UI DEVELOPMENT
HTML: Hyper Text Markup Language
1. HTML Basic Horizontal Rules
What is Markup Language
Line Breaks
Basic Structure of HTML
3. Images
Meta Tags
Optimizing web graphics - JPEG, GIF & NG
External Link Tags
Getting images from Photoshop
2. HTML Elements Embedding Images in a Web Page
Basics, Elements , Attributes
Using Graphics as Links
Paragraphs and Formatting
Using Background Images
HTML Skeleton, Links
Setting image properties via HTML
Creating an HTML Document
4. Hyperlinks
Basic Content Structure
Href, Name, Title, Target
Headings
[Link]
MERN Stack [Link] 7. HTML5
HTML5 Structural Elements
UI DEVELOPMENT Section, Article, Aside
Header, Hgroup
5. Div & Tables
Footer, Nav
Creating of Div Tag
HTML5 Content Elements
Creating and Modifying Tables
Figure, Figcaption, Video
Formatting Tables
Audio, Embed, Canvas
Table Headers and Captions
HTML5 New Application Focused
6. Form
Elements
Name, Action, Method
Meter, Details, Summary
Text, Hidden, Password
Progress, Time
Radio Button, Checkbox
HTML5
Select, Textarea
Input Types
Submit, Reset, Button
Color, date, DateTime
email, month, number range, search, tel
time, url, week
[Link]
MERN Stack [Link]
CSS: Cascading Style Sheet
UI DEVELOPMENT [Link] CSS
Versions of CSS
HTML5 Form Attributes Types of CSS Rules
autocomplete CSS and Markup Languages
novalidate 2. CSS Basics
form/formaction Adding Styles to an HTML Tag
autofocus Adding Styles to a Web Page and Web
multiple pattern(regexp) Site
placeholder required Redefining an HTML Tag
Defining Classes to Create Your Own Tags
Defining IDs to Identify an Object
Defining Styles with the Same Rules
Adding Comments to CSS
Style Sheet Strategies

[Link]
MERN Stack [Link]
UI DEVELOPMENT
3. Font Properties
Understanding Typography on the Web Setting Text and Foreground Color
Setting the Font Size Decorating Text
Making Text Italic and Setting Bold, Bolder, Setting Text Direction
Boldest Setting Page Breaks for Printing
Creating Small Caps 5. Color and Background Properties
Setting Multiple Font Values Choosing Color Palettes
4. Text Properties Setting Text and Foreground Color
Adjusting Text Spacing Setting a Background Color
Setting Text Case Setting a Background Image
Aligning Text Horizontally and Vertically Setting Multiple Background Values
Indenting Paragraphs.

[Link]
MERN Stack [Link]
9. Floating
UI DEVELOPMENT None, left, right
6. Box Properties Initial, inherits
Setting an Element’s Margins 10. Pseudo – elements and CSS classes
Setting an Element’s Border 11. CSS List
Setting an Element’s Outline list-style
Setting an Element’s Padding list-style-image
Setting the Width and Height of an Element list-style-position
7. CSS Border list-style-type
Border, width, color, style 12. CSS3
8. Positioning Borders
Static, relative, absolute CSS3 Backgrounds, CSS3 Gradients
Fixed, z-index CSS3 Shadows, CSS3 Text Effects

[Link]
MERN Stack [Link]
UI DEVELOPMENT
JAVASCRIPT
CSS3 Fonts, CSS3 2D/3D Transforms
1. Introduction
CSS3 Transitions, CSS3 Animations
2. Statements & Comments
CSS3 Multiple Columns
3. Variables
13. Create a Layout Using CSS Property
4. Data types
5. Operators
6. Conditional Statements and Loops
7. User Defined Functions
8. HTML Events
Window Event Attributes
-onload
-onunload

[Link]
MERN Stack [Link]
UI DEVELOPMENT
Form Events Mouse Events
-onblur -onclick
-onchange -ondblclick
-onfocus -onmouseover
-oninput -onmouseout
-onselect -onmousedown
-onsubmit -onmouseup
Keyboard Events 9. JS Validations
-onkeydown
-onkeypress
-onkeyup

[Link]
MERN Stack [Link]
UI DEVELOPMENT
JQUERY
1. Introduction jQuery callback
2. JQuery Syntax jQuery chaining
3. jQuery Selectors 6. JQuery HTML
jQuery Get
4. jQuery Events
jQuery Set
5. jQuery Effects
jQuery Add
jQuery Hide/Show
jQuery Remove
jQuery Fade
jQuery CSS Classes
jQuery Slide
jQuery CSS
jQuery Animate
jQuery Stop()
7. jQuery Misc
jQuery noConflict()

[Link]
MERN Stack [Link]
UI DEVELOPMENT
BOOTSTRAP
1. How to Create a Layout in Bootstrap 4. Navigation bar in Bootstrap
Grid Classes Inverted Navigation Bar
2. Basic Tags in Bootstrap Fixed Navigation Bar
Contextual colors and backgrounds Navigation Bar with Dropdown
3. Table in Bootstrap Right-aligned Navigation Bar
Bootstrap Basic Tables, Striped Rows, Collapsing the Navigation Bar
Hover Rows, Bordered Tables, 5. Form in Bootstrap
Condensed Table, Contextual Classes Vertical Form
Responsive Tables Horizontal Form
Inline Form

[Link]
MERN Stack [Link]
UI DEVELOPMENT
6. Buttons in Bootstrap
Button Styles
Button Sizes
Block Level Buttons
Active/Disabled Buttons
7. Images in Bootstrap
Rounded Corners Image
Circle Image
Thumbnail Image

[Link]
MERN Stack [Link]
MONGO DB
[Link] Goals, Architecture & Installation [Link] ATLAS
What is need for Non RDBMS Overview
Benefits of using Document based Configurations
databases Connecting to Mongo Db Atlas.
[Link] Operations
Understanding of CRUD Operations
Functional usage of CRUD
Read / Write Operations with CRUD
[Link] Design and Data Modelling
Schema Design and
Data Modelling in MongoDB®
Various Data Structure and
Tools to Manage Data Model in MongoDB [Link]
MERN Stack [Link]
NODE JS & EXPRESS JS
1. Introduction to Node JS
Connecting to Mongo databases
Foundation
Performing CRUD operations
Introduction to the Node JS framework
The NodeJS framework
Installing NodeJS
Installing NodeJS
Using NodeJS to execute scripts
The HTTP protocol
The Node Package Manager
Building an HTTP server
The [Link] configuration file
Rendering a response
Global vs local package installation
Processing query strings
The HTTP protocol
NodeJS using Representational State
Building an HTTP server
Transfer
Rendering a Response
Using NodeJS to execute scripts
Using Representational State Transfer
[Link]
.
MERN Stack [Link]
NODE JS & EXPRESS JS
2. Express Framework Building a front-end controller
An Introduction to Express JS Defining routes
Routing Creating actions
Setting Up Router Using REST reading POST data
Route Parameter and queries Adding middleware
HTTP Interaction Data Sources
Handling Form Data How [Link] connects to databases
Handling Query Parameters RDBMS databases and NoSQL
Error Handling databases
Creating and Consuming RESTful Defining Jade and Handlebars
Services templates
The model-view-controller pattern Connecting to RDBMS & NoSQL DB
[Link]
MERN Stack [Link]
NODE JS & EXPRESS JS
3. Mongoose and its uses
RDBMS databases and NoSQL
databases
Using Database and its usage
4. Redux Setup & Alerts
The Gist Of Redux & Principle
Creating a Redux Store
Alert Reducer, Action & Types
Alert Component & Action Call

[Link]
MERN Stack [Link]
[Link]
[Link]
Features of React JS
Advantages
Limitations
[Link] Setup
Install global packages
Add dependencies and plugin
Run the server
[Link] component
Render function
Component API

[Link]
MERN Stack [Link]
[Link]
State [Link] ─ Events
Props Simple Example
Mixings Child Events.
JSX [Link] - Redux
React Pure Component Concept of Redux
Creating a React Component Redux API
Creating a Class Component React-Redux provides
Creating a function Component Middleware- (Trunk)
[Link]─ Component Life Cycle [Link] ─ Router
Lifecycle Methods. Install a React Router
Explanation on life cycle Create Components
Add a Router
[Link]
MERN Stack [Link]
[Link]
8. Component Inter Communication Hook State
Component composition Hook Effect
Pass data from parent to child Building your Own Hooks
Pass data from child to parent 11. Unit Testing Components
[Link] Order Component in react Jest
Use of HOC in React React test utilities
Example and Syntax of HOC
[Link] in react
When to use Hook
Rules of Hook

[Link]
MERN Stack [Link]
[Link]

GIT: Complete Overview


1. Introduction to Git & Distributed Version Control
2. Types of Version Control System
3. Life Cycle
4. Create clone & commit Operations
5. Push & Update Operations
6. Stash, Move, Rename & Delete Operations.

[Link]
MERN Stack [Link]
SOFT SKILLS [Link] Self Presentation
[Link] Analysis Personal grooming, Dressing, Hygiene
Know yourself [Link] Communication
Personality types Verbal – Language
Areas of interest Voice modulation - Tone, Pitch
[Link] Discovery Clarity of Speech
SWOT Analysis – strength, weakness, Listening skills – Active Listening,
opportunities, threats Selective Listening
[Link] Setting Written communication – general
Short-term plan business correspondence
Long-term plan [Link] Etiquette
Effective Time-management

[Link]
MERN Stack [Link]

[Link] Language
Understanding non-verbal communication
Postures, Gestures, Eye contact
[Link] to prepare an impressive Resume
[Link] for Group Discussion
[Link] Telephonic interview
[Link] – Technical interview
[Link] – Personal Interview (PI)
[Link] Etiquettes and Mannerisms

[Link]
MERN Stack [Link]
APTITUDE [Link] Reasoning
Number and Letter Series
[Link] Aptitude
Calendars
Number Systems
Clocks
LCM and HCF
Logical Sequence
Percentages
Blood Relations
Profit, Loss, and Discount
[Link]
Interest (Simple and Compound)
Speed, Time, and Distance Linear Equations
Ratio and Proportion Quadratic Equations
Probability Higher Degree Equations
Permutation & Combination
Time and Work
Heights and Distances
[Link]
Don't Forget!
Placement Support

Placement at Our Interview Resume Workshop


Client's Location Preparartion by Experts

Real World Application Exclusive Sessions


Integration in Resume from Experts
[Link]
FAQ's
Do I need to purchase any Software ?
No, we provide necessary installation guides of the software required.

What are the specific System Requirements ?


4 GB / 8 GB RAM, 500GB Hard disk (i3 Processor).

What are Projects ?


Projects are real world datasets from companies like Nike, Yelp,Amazon, Netflix etc.
that are provided to our students.

[Link]
The Presenters
Sanjay Sir
MERN Stack
Who We Are Developer

Abhishek Sir Bharti Ma'am


Web Development Web Specialist
Trainer

* Images used for representation purpose [Link]


Have any questions or
suggestions?
Contact us
Mailing Address
3RI Technologies Pvt Ltd. 405 - 4th Floor,
Rainbow Plaza, Pimple Saudagar,
Rahatani, Pune - 411017
Email Address
enquiry@[Link]
Phone Number
+918308103366/+918669653366

[Link]

You might also like