Mind Coders

The Future Is Here...

MERN STACK
(BOOTSTRAP, REACTJS & NODEJS)
Training Course Brochure

Contact Information
Phone: +91 9039002186

Website: www.mindcoders.in

Email: hr@mindcoders.in

Address: #206, Second Floor, Pearl Business Park, In front of

Vishnu Puri iBus Stop, Bhanwar Kuwa, Indore 452014
Program Curriculum

Module 1: An Introduction to HTML Module 5: Advanced CSS

• What is HTML? • CSS 2D/3D Transform
• A Simple HTML Document • CSS Transitions
• What is an HTML Element? • CSS Effects
• CSS Animations
• CSS Buttons
Module 2: Beginning HTML Basics • CSS Media Query

• HTML Documents
• HTML Tags Module 6: An Introduction to JS
• HTML Headings
• HTML Paragraphs • What is JavaScript?
• HTML Images • Way of adding JavaScript
• HTML Links • Syntax
• Display
• Identifiers
Module 3: Main Topics of HTML • Variables
• Rules
• HTML Attributes
• HTML Attributes
• HTML Formatting Module 7: Main Topics of JS
• HTML Forms
• HTML Tables • JavaScript Operators
• HTML Lists • JavaScript Arithmetic
• HTML Classes • JavaScript Assignments
• HTML IFrames • JavaScript Data Types
• HTML Comments • JavaScript Functions
• JavaScript Objects
• JavaScript Strings
Module 4: Main Topics of CSS • JavaScript Events
• JavaScript Arrays
• CSS Text
• JavaScript Booleans
• CSS Backgrounds
• JavaScript If else
• CSS Images
• JavaScript Switch
• CSS Colors
• JavaScript Loops
• CSS Margins
• CSS Padding
• CSS Height/Width
• CSS Fonts Hands-on Practicals:
• CSS Position Login & Signup Form
• CSS Z-index
Blogging Website
• CSS Opacity
• CSS Align

Mind Coders
Program Curriculum

Module 9: Main Topics of Bootstrap Module 10: Bootstrap Grids

BS Introduction BS Grid System
BS Get Started BS Stacked/Horizontal
BS Grid Basic BS Grid Small
BS Grid Medium
BS Typography
BS Grid Large
BS Tables BS Grid Examples
BS Images
BS Jumbotron Module 11: Bootstrap CSS Ref
BS Wells
CSS All Classes
BS Alerts CSS Typography
BS Buttons CSS Buttons
BS Button Groups CSS Forms
BS Glyphicons CSS Helpers
CSS Images
BS Badges/Labels
CSS Tables
BS Progress Bars
CSS Dropdowns
BS Pagination CSS NavsGlyphicons
BS Pager BS Theme "Company"
BS List Groups
BS Panels Module 12: Bootstrap JS Ref
BS Dropdowns JS Affix
BS Collapse JS Alert
BS Tabs/Pills JS Button
BS Navbar JS Carousel
JS Collapse
BS Forms
JS Dropdown
BS Inputs & Inputs 2
JS Modal
BS Input Sizing JS Popover
BS Media Objects JS Scrollspy
BS Carousel JS Tab
BS Modal JS Tooltip
BS Tooltip
Hands-on Practicals:
BS Popover
Login & Signup Form
BS Scrollspy
Portfolio Website
BS Affix E-commerce Portal
BS Filters

Mind Coders
Program Curriculum Module 5: React JS Component Life Cycles Overview
Initial Render
Module 1: What is React JS? Props Change
React JS Introduction Stage Change
Advantages of React JS Component willmount
Work flow of React JS Component didMount
Scope of React JS Component Unmount

Hands-on Practicals:
Module 2: Overview of JSX
Applying Different Life Cycles in the Application.
Introduction of Virtual DOM.
When to choose Appropriate lifecycles.
Difference between JS and JSX.
React Components overview
Module 6 : Event Handling in JSX
Containers and components onBlur, onKeyUp, onChange, and other useful primary
What are Child Components? events in React JS.
What are Namespaced components? How to Share events between the components?
What are the JavaScript expressions
available in JSX? Hands-on Practicals:
Communicate Data between components
Module 3: React JS Environment Setups Applying all lists of events.
Node setup
How to use NPM? Module 7: How to write Styles in React JS?
How to create package.json and CSS and inline styles in React JS overview.
purpose of it? Introduction to styled-components
ES6 Introduction and features.
Webpack Overview Hands-on Practicals:
Best IDE for React JS and How to write Styling the application using styled component
optimized code in React JS? How to use Animations in the Application.
React JS browser plugins overview.
Module 8: React Router with Navigation
How to Load the router library?
Hands-on Practicals:
Configure the React Router?
NPM Installation by locally and
How to Pass and receive parameters?
Globally
Integration of React-cookie overview.
Create a Basic App with React JS and
other Supported NPMs Module 9: Flux, Redux overview
What is Flux Architecture?
Module 4: React JS forms and UI What are the Flux Components available?
Lists of Form components. Stores.
Setup Controlled and Uncontrolled Dispatchers.
form components. View Controllers.
Control Input elements. Actions.
How to set default values on all Views.
formats of Input elements. How does Flux work?
React JS Form validations. Flux and React work together.
How to write Styles? Introduction to One Store.
Animations overview Provider Component
Actions.
Hands-on Practicals: Reducers.
sagas
Create a React Form.
Dispatchers
Client-side form validation.
View Controllers
Applying form components.
Selectors
Program Curriculum

Module 10: Hooks Module 17: WEB DEVELOPMENT WITH

Understanding Hooks EXPRESS
The useState hook Express scaffolding
Side effects using the useEffect hook Defining and applying environments
The useContext hook Dynamic routing
The useReducer hook Templating IN Express
Writing your own hook CSS engines with Express
How to use JWT benefit of using JWT
Module 11: Code Splitting over Sessions
Code splitting & Suspense Demo of making an Express web
Route Based Code Splitting application
Lazy Loading File System Security issues and
Module 12: INTRODUCTION TO NODE measures
WORLD
Introduction to Javascript event-driven Module 18: ADVANCED NODE CONCEPTS
programming
Sending Emails Sending SMSs
Introduction to Node event-driven
What is a web socket?
programming
Communication using sockets!

Module 13: MAKING A WEB SERVER

Web Server basis Module 19: WRITING CUSTOMIZED
Handling incoming requests in Node JS NODE MODULES
Serving static files/pages Writing a functional mdoule
Content caching Extending the module’s API
Streaming and optimization
Deploying a module to npm
Handling filesystem

Module 14: Rest API & HTTP OBJECT Module 20: GETTING IT TO
Rest API benefits PRODUCTION
Introduction to HTTP Object How to set up a production server
Processing POST Data environment
Handling File uploads How to set up auto crash recovery
Using Node as HTTP Client
Implementing download Throttling
Node JS way of calling another server

Module 15: WORKING WITH DATA

SERIALIZATION
JSON to Object & Object to JSON

Module 16: WORKING WITH DATABASES

(Preferred MongoDB over MYSQL)
Writing to a CSV File in a Database
CRUD using MongoDB