Mern Full Stack Training And Internship Kochi

• Download & Install  Git on Mac & Windows
• Git Setup: Your Name & Email
• Command Line Basics
• Create a Git Repository: git init
• Stage & Commit Files: git add, git commit & git log
• How to Handle Local Repository
• Ignore Files with gitignore
• Create a ReadMe File
• Create a New Remote Repository
• Push To a Remote Repository: git push
• Pull From a Remote Repository: git pull & git fetch
• Clone a Remote Repository: git clone
• Branches: List, Create, Swich to, Merge, Push & Delete
• How to Handle Merge Conflicts
• Pull Requests
• Undo Changes: git checkout

• Introduction and structure of HTML
• HTML elements, Tags and attributes
• HTML Images
• HTML Link
• HTML div and span
• HTML list
• HTML table
• HTML form
• HTML Media
• Iframe
• HTML5 Semantic elements

• Introduction of CSS
• CSS syntax
• CSS Selectors
• Styling methods in CSS
• CSS Properties
• Marquee
• Media Query

• SS gradients
• CSS flex property
• CSS Display
• Transitions, transformation, animation
• Box sizing
• Grid

• Introduction to bootstrap
• Bootstrap containers and components
• Table, images and colors
• Alerts, Buttons
• Spinners, cards, pagination, carousal, navbar and modal
• Bootstrap grid system
• Bootstrap grid system advanced

• Introduction to JavaScript
• Creating Variables in JavaScript
• Creating Functions in JavaScript
• Returning Data from Functions
• Working with Conditions
• Looping in JavaScript
• Working with Strings and Arrays

7.1: Manipulating DOM Elements with JavaScript

• Accessing DOM element using “classes”
• Accessing Elements using “id”
• Manipulating DOM Elements
• Updating DOM styling with JavaScript
• Template Literals
• Query Selector

7.2 OOPs Concept in JavaScript

• Class Implementation in JS
• Encapsulation in JS
• Polymorphism in JS
• Inheritance in JS

7.3 Working with Modern JavaScript

• Working with ES6
• Arrow Functions
• Comparing Arrow Function with Normal Function
• Callback Functions
• Array Map
• Rest and Spread Operators
• Promises
• Working with Async and Await
• Form Validation with JavaScript
• Concept of Json
• Closure and Function Currying
• Map and Set
• Error Handling
• Hoisting
• Memoization and Recursion

8.1 Introduction to React

• Introduction To React
• Comparing React with other Frameworks
• Working with Virtual DOMs
• Explanation with component-based Architecture
• Concept of Single Page Application
• Features and Limitations of React JS
• Setting Up React Development Environment

8.2 Working with Functional Components

• Defining a Component
• Working with Child Components
• Nested usages of Components
• Comparing Functional component with Class components
• Component Rendering
• Understanding JSX

8.3 Components

• Styling React Component
• Inline Internal and External styling
• React Bootstrap concept and implementation
• Array Mapping

8.4 Introduction to Hook

• Understanding concept of Hook
• Adding State to the Component
• Updating Component State

8.5 Working with ChildComponent to Parent Components

• Passing Data to Child Components
• Updating Data in Child Components

8.6 Introduction to useContext Hook

• Concept of Props Drilling
• Introduction to useContext Hook
• Passing Data to Multiple Components
• Updating the Parent Data from Child Component

8.7 Working with Data in Functional Component

• Invoking Functions in React Component
• Raising Event with React Components
• Working With Spread and Rest Operators
• Working with Conditional Operators
• Concept of Destructuring in React JS

8.8 Introduction to useEffect Hook

• Concept of useEffect Hook
• How to handle side effects in React JS
• API Integration using use Effect hook

8.9 Working with Routing in React

• Understanding the dynamics of Single Page Architecture
• Creating Single Page architecture with React Routers
• Defining React Router Dom installation
• Concept of Browser Router, Routes and Route
• Nested Routing in React
• Creating Custom Routes and Links
• Concept of useParams and use Navigate
• React Router V6 and its features

8.10 Working with Forms

• Capturing Events from Forms
• Updating Forms Data
• Working with TextArea, Inputs, etc
• Introduction to Form Management libraries

8.11 Working with Redux

• What is Redux
• Installing Redux
• Why use Redux for state management
• Redux principles: Actions, Reducers, Store
• Data flow in Redux
• Creating selectors to retrieve data from the Redux store

9.1 Getting Started with Node js

• Course Introduction
• Why Node js
• Installing Node js
• Building Sample Node Script
• Executing Node Scripts

9.2 Modules in Node JS

• Introduction to different modules
• Concept of different modules
• Node Asynchronous Programming
• Working with Callbacks
• Async and Await

9.3 Streams in Node js

• Understanding Streams
• Readable and Writable Streams
• Piping Between Streams
• Passing Data through multiple Streams

9.4 Accessing Local System using Node js

• Understanding “Process” Object
• Interaction with File Systems
• Capturing Operating System Details using Node.js
• Working with “fs” Module
• Understanding the “os” Module

9.5 Node js for Web

• Creating Basic HTTP Server
• Working with HTTP Routes
• Parsing URLs and Query Strings

10.1 Introduction to Express JS

• Concept of Express JS
• Why use Express
• Setting up a development environment
• Features and Limitations
• Request-Response Cycle

10.2 Routing

• Creating routes in Express
• Handling HTTP methods
• Route Parameters
• Route middlewares

10.3 Middleware

• Concept of middleware
• Built-in middleware
• Creating custom middleware

10.4 Building APIs with Express JS

• What is an API
• Designing Restful APIs
• Handling JSON Data
• CRUD Operations with Express
• Using APIs to interact with MongoDB Server

10.5 Working with Postman Tool

• Introduction to Postman
• Installing and setting up Postman
• Creating and managing API requests in Postman

10.6 Securing Express App

• Securing Passwords
• JWT Token Generation
• JWT Token verification using middlewares
• Verifying Credentials
• Creating Registration Page
• Creating Login Page

11.1 Introduction to MongoDB

• What is MongoDB?
• Comparison with traditional relational databases
• Document-oriented database concept
• Installation and setup of MongoDB

11.2 MongoDB Data Modeling

• Documents, collections, and databases
• Schema design principles
• Data types in MongoDB

11.3 CRUD Operations

• Creating, reading, updating and deleting documents
• Insert, find, update and deleting methods
• Working with JSON
• Handling Errors

• Introduction and structure of HTML
• HTML elements, Tags and attributes
• HTML Images
• HTML Link
• HTML div and span
• HTML list
• HTML table
• HTML form
• HTML Media
• Iframe
• HTML5 Semantic elements

• Introduction of CSS
• CSS syntax
• CSS Selectors
• Styling methods in CSS
• CSS Properties
• Marquee
• Media Query


 

• CSS gradients
• CSS flex property
• CSS Display
• Transitions, transformation, animation
• Box sizing
• Grid

• Introduction to bootstrap
• Bootstrap containers and components
• Table, images and colors
• Alerts, Buttons
• Spinners, cards, pagination, carousal, navbar and modal
• Bootstrap grid system
• Bootstrap grid system advanced

• Introduction to JavaScript
• Creating Variables in JavaScript
• Creating Functions in JavaScript
• Returning Data from Functions
• Working with Conditions
• Looping in JavaScript
• Working with Strings and Arrays

7.1: Manipulating DOM Elements with JavaScript

• Accessing DOM element using “classes”
• Accessing Elements using “id”
• Manipulating DOM Elements
• Updating DOM styling with JavaScript
• Template Literals
• Query Selector

7.2 OOPs Concept in JavaScript

• Class Implementation in JS
• Encapsulation in JS
• Polymorphism in JS
• Inheritance in JS

7.3 Working with Modern JavaScript

• Working with ES6
• Arrow Functions
• Comparing Arrow Function with Normal Function
• Callback Functions
• Array Map
• Rest and Spread Operators
• Promises
• Working with Async and Await
• Form Validation with JavaScript
• Concept of Json
• Closure and Function Currying
• Map and Set
• Error Handling
• Hoisting
• Memoization and Recursion

8.1 Introduction to React

• Introduction To React
• Comparing React with other Frameworks
• Working with Virtual DOMs
• Explanation with component-based Architecture
• Concept of Single Page Application
• Features and Limitations of React JS
• Setting Up React Development Environment

8.2 Working with Functional Components

• Defining a Component
• Working with Child Components
• Nested usages of Components
• Comparing Functional component with Class components
• Component Rendering
• Understanding JSX

8.3 Components

• Styling React Component
• Inline Internal and External styling
• React Bootstrap concept and implementation
• Array Mapping

8.4 Introduction to Hook

• Understanding concept of Hook
• Adding State to the Component
• Updating Component State

8.5 Working with ChildComponent to Parent Components

• Passing Data to Child Components
• Updating Data in Child Components

8.6 Introduction to useContext Hook

• Concept of Props Drilling
• Introduction to useContext Hook
• Passing Data to Multiple Components
• Updating the Parent Data from Child Component

8.7 Working with Data in Functional Component

• Invoking Functions in React Component
• Raising Event with React Components
• Working With Spread and Rest Operators
• Working with Conditional Operators
• Concept of Destructuring in React JS

8.8 Introduction to useEffect Hook

• Concept of useEffect Hook
• How to handle side effects in React JS
• API Integration using use Effect hook

8.9 Working with Routing in React

• Understanding the dynamics of Single Page Architecture
• Creating Single Page architecture with React Routers
• Defining React Router Dom installation
• Concept of Browser Router, Routes and Route
• Nested Routing in React
• Creating Custom Routes and Links
• Concept of useParams and useNavigate
• React Router V6 and its features

8.10 Working with Forms

• Capturing Events from Forms
• Updating Forms Data
• Working with TextArea, Inputs, etc
• Introduction to Form Management libraries

8.11 Working with Redux

• What is Redux
• Installing Redux
• Why use Redux for state management
• Redux principles: Actions, Reducers, Store
• Data flow in Redux
• Creating selectors to retrieve data from the Redux store

8.12 Introduction to useReducer

• What is useReducer and why is it used?
• Comparing useState and useReducer
• Dispatching actions to trigger state updates
• Initializing the state using useReducer
• Providing an initial state value

8.13 Introduction to useRef Hook

• Explain the purpose of the useRef hook in React
• How do you create a ref using the useRef hook
• Multiple refs in a Single component
• What are some common use cases for useRef in React

8.14 What is useMemo?

• Why is performance optimization important In React applications?
• An introduction to the useMemo hook
• Use cases for memorization in React

8.15 Introduction to useCallback

• Understanding the need for useCallback in React
• Creating memorized functions using useCallback
• Use cases for memorizing functions in react components
• Understanding the dependencies array in useCallback
• Comparing useCallback and useMemeo for memorization

8.16 CRUD Operations in React JS

• Explaining the concept of CRUD operations in web development
• Understanding the importance of data management in applications
• Creating components to display data in various formats(eg tables, cards etc)
• Implementing a form to create new records
• Creating editable components to update existing records
• Adding delete buttons / icons and confirmation dialogs

8.17 Build a React Project using your concepts and themes

9.1 Getting Started with Node js

• Course Introduction
• Why Node js
• Installing Node js
• Building Sample Node Script
• Executing Node Scripts

9.2 Modules in Node JS

• Introduction to different modules
• Concept of different modules
• Node Asynchronous Programming
• Working with Callbacks
• Async and Await

9.3 Streams in Node js

• Understanding Streams
• Readable and Writable Streams
• Piping Between Streams
• Passing Data through multiple Streams

9.4 Accessing Local System using Node js

• Understanding “Process” Object
• Interaction with File Systems
• Capturing Operating System Details using Node.js
• Working with “fs” Module
• Understanding the “os” Module

9.5 Node js for Web

• Creating Basic HTTP Server
• Working with HTTP Routes
• Parsing URLs and Query Strings

10.1 Introduction to Express JS

• Concept of Express JS
• Why use Express
• Setting up a development environment
• Features and Limitations
• Request-Response Cycle

10.2 Routing

• Creating routes in Express
• Handling HTTP methods
• Route Parameters
• Route middlewares

10.3 Middleware

• Concept of middleware
• Built-in middleware
• Creating custom middleware

10.4 Building APIs with Express JS

• What is an API
• Designing Restful APIs
• Handling JSON Data
• CRUD Operations with Express
• Using APIs to interact with MongoDB Server

10.5 Working with Postman Tool

• Introduction to Postman
• Installing and setting up Postman
• Creating and managing API requests in Postman
• Organizing requests in collections
• Running and automating tests in Postman

10.6 Securing Express App

• Securing Passwords
• JWT Token Generation
• JWT Token verification using middlewares
• Verifying Credentials
• Creating Registration Page
• Creating Login Page

11.1 Introduction to MongoDB

• What is MongoDB?
• Comparison with traditional relational databases
• Document-oriented database concept
• Installation and setup of MongoDB

11.2 MongoDB Data Modeling

• Documents, collections, and databases
• Schema design principles
• Data types in MongoDB

11.3 CRUD Operations

• Creating, reading, updating and deleting documents
• Insert, find, update and deleting methods
• Working with JSON
• Handling Errors

• Understanding the purpose and benefits of email OTP
• Use cases for implementing email OTP in Node js applications
• Installing required dependencies like Nodemailer
• Configuring email credentials securely
• Generating random OTPs securely
• Storing OTPs temporarily for validation
• Configuring Nodemailer to send emails
• Setting expiration times for OTPs

• Understanding the need for file uploads in web applications
• Installation of multer
• Setting up Multer middlewares
• Creating a database schema/table for storing images
• Rendering uploaded images in web pages