Mern Stack Development

Fron-End Developer

• HTML
• CSS/CSS3
• JavaScript
• ECMAScript
• jQuery
• Bootstrap 5
• PSD to HTML
• XD to HTML
• Responsive Design

React JS

• React JS Introduction
• Scope of React JS
• What is React JS?
• Understanding the Terminology of React JS
• What is Single Page Application?
• Understanding the React JS Architecture
• Setting up the React JS Environment
• Creating the First Project in React JS
• Understanding the Project Folder & Files Structure
• Working with assets – HTML, CSS, Images, JavaScript in React JS
• Understanding the Term: Component.
• What is Component?
• Creating the new Component(s)
• Accessing the Created Component(s)
• Working with Re-Usable Component(s)
• React Fragments
• Understanding the Terms: ‘props and ‘state’
• Working with ‘props’
• Implementing the ‘props’ into Component(s)
• Creating the ‘state’ object, setting the ‘properties’ into it
• Accessing the ‘properties’ from ‘state’ object into Components
• Working with Event Handlers ex., onClick, onHover, onBlur,
• onFocus, onChange etc.,
• Conditional Rendering
• Lists and Keys in React JS
• Composition Vs Inheritance
• Higher Order Components
• Type checking with Prop Types
• Creating the methods into Component(s)
• Writing the definition(s) of the methods
• Passing ‘parameters’ into methods
• Understanding the concept of Property Binding
• Two types of Property Binding., 1. One Way Property Binding
• and 2. Two Way Property Binding
• Asking the User to input the value, accessing those value(s)
• Creating the group of Component(s) and accessing those
• through ‘state’ object
• Creating the CRUD operations
• Understanding the concept of Routing
• Creating the group of Component(s) and aligning them into
• Routing
• Error Boundaries
• Introduction to progressive WebApps
• Progressive WebApps with React
• React with TypeScript
• Fetching the Data from RESTAPI into Component(s) and
• accessing the Data
• Understanding and Working with Material UI (React JS UI
  Framework)
• Creating the Button, Radio, Form, Table etc.,
• Working with Form, Two – Way Property Binding
• Creating the Validation with Error Hints,
• Applying the Regular Expressions to Input Fields
• Working with the concept of Observables
• Working with the concept of Services
• Implementing the concept of Observables & Subscribe with Services
• Implementing the concept of Observables & Subscribe with
• Services using RESTAPI
• Understanding the Terms: babel, webpack
• Understanding the concept of Redux
• Understanding the Terms: Component, Action, Reducer, Data Store
• Understanding and implementing the concept of Redux
• Introduction to middleware and need of middle ware in React JS
• Understanding the Term: Saga
• Implementing the functionality of Redux with Saga
• Understanding the Terms: Life Cycle Hooks
• What is the usage of Life Cycle Hooks
• How many types of Life Cycle Hooks: 1. Class Based Life Cycle
• Hooks and 2. Functional Based Life Cycle Hooks
• Understanding the Class Based Life Cycle Hooks and its
• methods: componentDidMount(), componentDidUpdate(),
• componentWillUnmount() etc.,
• Understanding the Functional Based Life Cycly Hooks and its
• methods: useState(), useEffect(), useContext(), etc.,
• Understanding the concept of Styled Components
• Working with React JS Developer Tools
• Implementing the concept of ContextAPI
• Understand and Implementing the Unit Tests in React JS
• Creating the Single Page Application in React JS
• Introduction to Server-Side Rendering (SSR)
• Implementing Server-Side Rendering in React JS
• Node JS and Express JS