0% found this document useful (0 votes)
77 views11 pages

Croma Campus - MERN Stack Training Curriculum

The document describes a MERN stack development training curriculum. The MERN stack includes MongoDB, Express.js, React.js, and Node.js. The training curriculum covers JavaScript, each component of the MERN stack, building web apps, working with data, testing, securing, and deploying apps. It provides detailed modules on JavaScript, each MERN component, frameworks like Express.js, and concepts like Flux and Redux.

Uploaded by

Yogesh Saxena
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)
77 views11 pages

Croma Campus - MERN Stack Training Curriculum

The document describes a MERN stack development training curriculum. The MERN stack includes MongoDB, Express.js, React.js, and Node.js. The training curriculum covers JavaScript, each component of the MERN stack, building web apps, working with data, testing, securing, and deploying apps. It provides detailed modules on JavaScript, each MERN component, frameworks like Express.js, and concepts like Flux and Redux.

Uploaded by

Yogesh Saxena
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
You are on page 1/ 11

MERN Stack Development Training Curriculum

G-21, Sector-03, Noida-201301


Contact#: 0120-4155255
[email protected]
MERN

(Mongo | Express.JS | React.JS | Node.JS)

 MERN? The MERN stack is a JavaScript stack that's designed to make the
development process smoother. MERN includes four open-source components:
MongoDB, Express.JS, React.JS, and Node.JS. These components provide an
end-to-end framework for developers to work in.

 Become a MERN Stack JavaScript Developer: React and Node are a popular
combination for building robust full-stack applications. Learn full-stack JavaScript
development with MongoDB, Express.JS, React.JS, and Node.JS (MERN). In this
comprehensive learning path, you can learn how to build data-driven applications,
as well as test, secure, and deploy your code.

 Build web apps using React.JS and Node.JS


 Work with data using MongoDB and Express.JS
 Test, Secure, and Deploy your apps.

 Training Curriculum
 JavaScript (ECMAScript (ES6,ES7,ES8,ES9))
 MongoDB
 Express.JS
 React.JS
 Node.JS

 MongoDB, a NoSQL database


 Express.JS, a web application framework that runs on Node.JS
 React.JS, React is an open-source JavaScript library for building user interfaces. It
is maintained by Facebook and a community of individual developers and
companies.
 Node.JS, is an open-source, cross-platform, JavaScript runtime environment that
executes JavaScript code outside a web browser.

G-21, Sector-03, Noida-201301


Contact#: 0120-4155255
[email protected]
JavaScript with ECMAScript

1. Introduction to JavaScript Framework


 History of Javascript
 What is ES6 (ECMAScript 6/JavaScript 6)
 ES6 Module System
 A Word on Bable
 Block Scope, Let & Const
 Template Literals
 Arrow Functions
 Spread and Rest Operators
 Object Literal Improvements
 Destructuring
 Classes
 Inheritance
 Static Properties and Methods
 Promises
 Iterators and Iterables
 Generators
 Modules
 New Features in ES6
 JavaScript let
 JavaScript const
 JavaScript Arrow Functions
 JavaScript Classes
 Default parameter values
 Array.find()
 Array.findIndex()
 Exponentiation (**) (EcmaScript 2016)

G-21, Sector-03, Noida-201301


Contact#: 0120-4155255
[email protected]
Node.JS
(Node.JS Coding Standards & Best Practices)

1. Introduction
 Audience
 Pre-requisites
 About Node
 Execute Node
 Features
 Who use Node
 Concepts
 Where to use
 Where not to use

2. Environment Setup
 Text Editor
 Nodejs Run Time
 Download NodeJs
 Installation
 Executing

3. First Application
 Creating a NodeJs Application
 Make a request to NodeJs Server

4. REPL Terminal
 What is REPL?
 Starting REPL
 REPL Commands
 Stopping REPL

5. Packager Manager (NPM)


 Installing Modules using NPM

G-21, Sector-03, Noida-201301


Contact#: 0120-4155255
[email protected]
 Global vs Local Installation
 Using packages.json
 Attributes of packages.json
 Uninstalling Module
 Updating Module
 Searching Module
 Create a Module

6. Callbacks Concept
 Using Props
 Default Props
 State and Props

7. Event Loop
 Validating Props

8. Event Emitter
 Set State
 Force Update
 Find DOM Node

9. Buffers
 Lifecycle Methods

10. Streams
 Simple
 Complex

11. File System


 Simple
 Child

12. Global Objects


 What is Refs
 Using Refs

13. Utility Modules


 What is Keys

G-21, Sector-03, Noida-201301


Contact#: 0120-4155255
[email protected]
 Using Keys

14. Web Modules


 Install a React Router
 Add a Router
 Create Components

15. Express Framework


 What is Flux
 Flux Elements
 Flux Props

16. Restful API


 Install Redux
 Create Files and Folders
 Actions
 Reducers
 Store
 Root Component
 Other Components

17. Scaling Application


 Install React CSS Transitions Group
 Add a CSS File
 Appear Animation
 Enter and Leave Animations

18. MongoDB
 Connecting Node and MongoDB
 Database Creation, Drop
 Collection Operations
 Documents Operations

19. Application
 Node and MongoDB Application

G-21, Sector-03, Noida-201301


Contact#: 0120-4155255
[email protected]
Express.JS
(Web Application Framework)

1. Express.JS Basics
 Introduction, Advantages
 Environment Setup
 Basic Application

2. Advanced Concepts of Express.JS


 Request
 Response
 GET
 POSt
 Routing
 HTTP Methods
 URL Building
 Middleware
 Templating
 Static Files
 Form Data
 Database
 Cookies
 Sessions
 File Upload
 Authentication
 REST FUL API’s
 Scaffolding
 Debugging

G-21, Sector-03, Noida-201301


Contact#: 0120-4155255
[email protected]
MongoDB
(NoSQL Database)

1. MongoDB Basics
 Introduction, Advantages
 History, Features
 No SQL Databases
 Advantages over RDBMS

2. Environment Setup
 Install MongoDB
 MongoDB Shell
 MongoDB Data Model
 MongoDB Datatypes

3. Database
 Create Database
 Drop Database

4. Collection
 Create Collection
 Drop Collection

5. CRUD Documents
 Insert Documents
 Update Documents
 Delete Documents
 Query Documents

6. Methods
 Limit()
 Sort()
 Skip()

G-21, Sector-03, Noida-201301


Contact#: 0120-4155255
[email protected]
React.JS
(An Open-Source JavaScript library for Building User Interfaces)

1. Introduction of React.JS
 Audience
 Pre-requisites
 About React
 Features
 Advantages
 Limitations

2. Environment Setup
 Create of Root Folder
 Install Global Packages
 Add Dependencies and Plugins
 Create the Files
 Set Compiler, Server and Loaders
 html
 jsx and Main.js
 Running the Server

3. JSX
 What is JSX
 Using JSX
 Nested Elements
 Attributes
 Javascript Expressions
 Styling
 Components
 Naming Convention

4. Components
 Stateless
 Stateful

G-21, Sector-03, Noida-201301


Contact#: 0120-4155255
[email protected]
5. State
 What is State?
 Props

6. Props Overview
 Using Props
 Default Props
 State and Props

7. Props Validation
 Validating Props

8. Component API
 Set State
 Force Update
 Find DOM Node

9. Component Life Cycle


 Lifecycle Methods

10. Forms
 Simple
 Complex

11. Events
 Simple
 Child

12. Refs
 What is Refs
 Using Refs

13. Keys
 What is Keys
 Using Keys

14. Router

G-21, Sector-03, Noida-201301


Contact#: 0120-4155255
[email protected]
 Install a React Router
 Add a Router
 Create Components

15. Flux Concept


 What is Flux
 Flux Elements
 Flux Props

16. Using Flux and Redux


 Install Redux
 Creating Components
 Working with States
 Composing Components
 Actions
 Event Handlers
 Reducers
 Store
 Root Component
 Other Components
 Unit Testing – Tools, React, Redux

17. Animations
 Install React CSS Transitions Group
 Add a CSS File
 Appear Animation
 Enter and Leave Animations

18. Higher-Order Components


 What is Higher-Order Components

G-21, Sector-03, Noida-201301


Contact#: 0120-4155255
[email protected]

You might also like