MERN Stack Developer Syllabus
Why KeenSmartz?
· Hands-On Assignments For Each Module
· At KeenSmartz, we offer the best MERN Stack training. We have an excellent network of working professional having over 10 years of experience working in Industry.
· All our instructors are working in Top IT MNCs and have min 10 years of experience
in Software Development Industry and Corporate Training.
· Has worked on multiple real-time US banking and logistic domain projects.
· KeenSmartz Training course is designed by industry experts and to incorporate the latest industry market requirements
· 100% student satisfaction rate in MERN Stack training.
· KeenSmartz is not just a training provider but an IT solution Provider. We have our development entity with the name of MSA Biztech.
· Individual Attention
· Real time hands on training with practical example
· Get exposure on real time projects.
About the course
KeenSmartz’s React JS Training will enable you to build dynamic, responsive and interactive web applications by mastering the concepts of React. React makes it painless to create interactive UIs. Design simple views for each state in your application, and react will efficiently update and render just the right components when your data changes.
Prerequisite:
· Prior experience with HTML, CSS and JavaScript.
· Good knowledge and experience of using HTML for web application.
· Understanding of Model-View-Controller (MVC) concepts.
Course Objectives:
By attending this course, you will be able to:
· Build RIA using Angular
· Exploit two-way binding offered by Angular
· Use dependency injection for better maintainability
· Understand and use various directives offered by Angular
· Create custom directives, pipes
· Communicating with the Server Using HTTP, Observables, and RxJS
Duration : 60 Hrs Fees : 45000
Course Outline
Module 1 – Getting Started with React JS
Objective:
This module will introduce you to the basic constructs of web application development, MVC architecture, what is React JS and the differences between single and multiple page applications. You will also learn how to install React JS and make use of NPM packages.
Topics:
• Building Blocks of Web Application Development
• Web Application Architecture
• React JS Introduction
• Advantages of React JS
• Work flow of React JS
• Scope of React JS
Hands-On:
• Installation of Node.js, React JS and Visual Studio Code
• Creating First React Application
• How to run React Application / server
Module 2: OVERVIEW OF JSX
Objective:
In this module, you will learn about Virtual DOM, JSX, containers, parent and child components concepts.
Topics:
• Introduction of Virtual DOM.
• Difference between JS and JSX.
• React Components overview
• Containers and components
• What is Child Components?
• What is name-spaced components?
• What are the JavaScript expressions available in JSX?
Hands-On:
• Familiarity with JSX syntax and creation of parent and child component.
Module 4 – REACT JS ENVIRONMENT SETUPS
Learning Objective:
This module will introduce you to how to setup environment for working on react project.
Topics:
• Node setup
• How to use NPM?
• How to create package.json and purpose of it?
• ES6 Introduction and features.
• Webpack Overview
• Best IDE for React JS and How to write optimized code in React JS?
• React JS browser plugins overview.
Hands-On:
• NPM Installation by locally and Globally
• Create a Basic App with React JS and other Supported NPMs.
Module 4 – A REAL-TIME APPLICATION BY USING REACT JS
Learning Objective:
This module will introduce you to the basic usage of pipes and creation of custom pipes.
Topics:
• Create a React component with JSX template.
• How to create Nested Components?
• What is React JS render?
• React Props overview.
• Introduction of Props validation with data types.
• Flow of States, Initialize states and update states.
Hands-On:
• Create a Small React Module
• Use All the states in in the created Application
Module 6 – REACT JS FORMS AND UI
Learning Objective:
This module will introduce you to usage of in-built directives, display data using loops along with hiding and showing content.
Topics:
• Lists of Form components.
• Setup Controlled and Uncontrolled form components.
• Control Input elements.
• How to set default values on all formats of Input elements.
• React JS Form validations.
• How to write Styles?
• Animations overview
Hands-On:
• Create a React Form.
• Client-side form validation.
• Applying form components.
• Submit and Rest the form.
Module 7 – REACT JS COMPONENT LIFE CYCLES OVERVIEW
Learning Objective:
This module will introduce you to life cycle of a react component.
Topics:
• Initial Render
• Props Change
• Stage Change
• Component willMount
• Component didMount
• Component Unmount
Hands-On:
• Applying Different Lifecylces in the Application.
• When to choose Appropriate lifecycles.
Module 8 – ROUTING IN REACT JS AND OTHER JS CONCEPTS
Learning Objective:
This module will introduce you to how to create a form and apply validation.
Topics:
• Single Page Application Overview.
• How to configure React Router?
• History of Router
• How to Handle Conditional statement in JSX?
• IIFE in JSX for complex logic overview.
Hands-On:
• Create a Single Page Application.
• Applying Routing.
• Dynamically render the components based on the url.
Module 9 – EVENT HANDLING IN JSX
Learning Objective:
This module will introduce you to how to inject the dependency.
Topics:
• onBlur, onKeyUp, onChange and other useful primary events in React JS.
• How to Sharing events between the components?
Hands-On:
• Communicate Data between components.
• Applying all lists of events.
Module 10 – HOW TO WRITE STYLES IN REACT JS?
Learning Objective:
This module will introduce you to about HTTP client to communicate with server.
Topics:
• CSS and inline styles in React JS overview.
• Introduction to styled components
Hands-On:
• Styling the application using styled component
• How to use Animations in the Application
Module 11 – REACT ROUTER WITH NAVIGATION
Learning Objective:
This module will introduce you to about React Router and how to apply.
Topics:
• How to Load the router library?
• Configure the React Router?
• How to Pass and receive parameters?
• Integration of React-cookie overview.
Hands-On:
Module 12 – FLUX Overview
Learning Objective:
This module will introduce you to about Flux architecture and its component.
Topics:
• What is Flux Architecture?
• What are the Flux Components available?
• Stores.
• Dispatchers.
• View Controllers.
• Actions.
• Views.
• How Flux works?
• Flux and React works together.
Hands-On:
Module 13 – REDUX OVERVIEW
Learning Objective:
This module will introduce you to about Flux architecture and its component.
Topics:
• Introduction to One Store.
• Provider Component
• Actions.
• Reducers.
• sagas
• Dispatchers
• View Controllers
• Selector
Hands-On:
• Redux application Development with Real-time Project
Module 14 – UNIT TESTING OVERVIEW
Learning Objective:
This module will introduce you to about Flux architecture and its component.
Topics:
• What are the necessary Tools required for Unit Testing?
• React Unit Testing overview
• Introduction to JEST.
• How to Test React Component?
• How to Test React Router?
Hands-On:
• Redux application Development with Real-time Project
Node JS
Overview –
Node.js is a packaged compilation of Google’s V8 JavaScript engine, the libuv platform abstraction layer, and a core library, which is itself primarily written in JavaScript.” Beyond that, it’s worth noting that Ryan Dahl, the creator of Node.js, was aiming to create real-time websites with push capability, “inspired by applications like Gmail”. In Node.js, he gave developers a tool for working in the non-blocking, event-driven I/O paradigm. After over 20 years of stateless-web based on the stateless request-response paradigm, we finally have web applications with real-time, two-way connections.
Module 1 – Introduction to Node JS
Learning Objective:
In this module, you will learn what is Node JS and advantages of Node JS and How Node JS Works and the difference between the traditional web server and what are the limitations of the traditional web server modal.
Topics:
• What is Node JS?
• Advantages of Node JS
• Traditional Web Server Model
• Node.js Process Model
Hands-On:
• Usage of Node JS architecture and Server Model.
Module 2 – Setup Dev. Environment
Learning Objective:
In this module, you will learn about the tools required and steps to setup development environment to develop a Node.js application and to work with the REPL to work with the console.
Topics:
• Install Node.js on Windows
• Installing in mac os
• Working in REPL
• Node JS Console
Hands-On:
• Node Setup on Dev box and execution of Script using REPL.
Module 3 – Node JS Modules
Learning Objective:
In this module, you will know what is a module, function and example. and achieving modularity and separation of concern with the Node JS Modules.
Topics:
• Functions
• Buffer
• Module
• Module Types
• Core Modules
• Local Modules
• Module Exports
Hands-On:
• Familiarity with Node modules and its usage.
Module 4 – Node Package Manager
Learning Objective:
In this module, you will know what is npm and how to install and update packages.
Topics:
• What is NPM?
• Installing packages globally
• Updating packages
Hands-On:
• Familiarity with npm and its usage.
Module 5 – Creating Web server
Learning Objective:
In this module, you will learn how to create web server, handling GET, POST,PUT and Delete requests and listening to certain port numbers and handling routing with basic web server.
Topics:
• Creating web server
• Handling http requests
• Sending requests
Hands-On:
• Familiarity with http module and creation of http web server.
Module 6 – File System
Learning Objective:
In this module, you will learn how to use file module, and work with files for different operation like reading, writing, updating files, and the concept of Chunks, buffers, and uploading files synchronously and asynchronously.
Topics:
• Fs.read File
• Writing a File
• Writing a file asynchronously
• Opening a file
• Deleting a file
• Other IO Operations
Hands-On:
• Familiarity with file module and different operation with files.
Module 7 – Debugging Node JS Application
Learning Objective:
In this module, you will learn how to debug node js application. Debugging is a process
Of tracing the bugs and performance issues to optimize your code.
Topics:
• Core Node JS debugger
Hands-On:
• Familiarity with debugger and how to debug node JS application.
Module 8 – Events
Learning Objective:
In this module, you will learn events in Node JS, and the significance of the events, writing your own events because Node is event driven framework.
Topics:
• Event Emitter class
• Returning event emitter
• Inhering events
Hands-On:
• Familiarity with events and its usage.
Module 9 – Serving Static Resources
Learning Objective:
In this module, you will learn how to serve static html pages to the browser, and serving other file formats and restricting certain files. In this you will to serve static resources with built in middleware.
Topics:
• Serving static files
• Working with middle ware
Hands-On:
• Familiarity with node-static module and fetching static resources.
Module 9 – Database connectivity
Learning Objective:
In this module, you will learn how to connect to SQL Server and perform CRUD operations. It is like ADO.net for MS.NET applications and JDBC for java. We will use different Node JS modules to connect with database.
Topics:
• Connection string
• Configuring
• creation of tables
• Working with select command
• Updating records
• Deleting records
Hands-On:
• Familiarity with sql module and using SQL query.
Module 10 – API Creation
Learning Objective:
In this module, you will learn how to create an API in node having get, post, put and delete method.
Topics:
• API Creation
• Creation of JSON files
• Get method to fetch data
• Working with delete, post and put
Hands-On:
• Familiarity with API creation and accessing using postman tool.
Express JS
Overview –
Express is a fast, assertive, essential and moderate web framework of Node.js. You can assume express as a layer built on the top of the Node.js that helps manage a server and routes. It provides a robust set of features to develop web and mobile applications.
Learning Objective:
In this course, you will be able to build APIs in JavaScript and implement the CRUD (create, retrieve, update, and delete) functionality which forms the backbone of modern-day apps.
Topics:
• Introduction to Express JS
• Express JS – Overview
• Express JS – Environment
• Express JS – Hello World
• Express JS – Routing
• Express JS – HTTP Methods
• Express JS – URL Building
• Express JS – Middleware
• Express JS – Templating
• Express JS – Static Files
• Express JS – Form Data
• Express JS – Database
• Express JS – Cookies
• Express JS – Sessions
• Express JS – Authentication
• Express JS – Restful APIs
• Express JS – Scaffolding
• Express JS – Error handling
• Express JS – Debugging
Hands-On:
• Familiarity with API creation and accessing using postman tool.
Mongo DB
Overview –
Mongo DB is a document-oriented NOSQL database used for high volume data storage. In this course you will learn how Mongo DB can be accessed and some of its important features like indexing, regular expression, sharing data, etc. Mongo DB is a database which came into light around the mid-2000s. It falls under the category of a NOSQL database.
Learning Objective:
• Understand Mongo as a data store
• Be comfortable with Mongo’s query and update languages
• Work with the common use-cases and architectures of Mongo
• Use Mongo’s built-in JavaScript interpreter
• Query Mongo using Mongo’s JSON-based query language
• Index Mongo collections
• Handle data with Mongo’s built-in Map Reduce capabilities.
Topics:
• Introduction to Mongo DB
• Download and Install Mongo DB on Windows –
• Mongo DB Create & Insert Database
• Add Mongo DB Array using insert ()
• Mongo DB Object ID ()
• Mongo DB Query Document using find()
• Mongo DB cursor
• Mongo DB Query Modifications using limit (), sort()
• Mongo DB Count() & remove() function
• Mongo DB Update () Document
• Mongo DB Indexing, Monitoring & Backup
• How to Create User in Mongo DB & assign Roles
• Mongo DB authentication with Kerberos
• Mongo DB Replica Set
• Mongo DB Shaded Cluster – Step by Step Implementation
• Mongo DB Indexing – create Index()
• Mongo DB Regular Expression (Regex) Tutorial
• Mongo DB Java
• Mongo DB Interview Questions & Answers
Hands-On:
At the end of KeenSmartz training in Mongo DB developer and administrator, you will be able to:
• Develop expertise in writing Java and Node JS applications using Mongo DB
• Master the skills of Replication and Shading of data in Mongo DB to optimize
• read/write performance
• Perform installation, configuration, and maintenance of Mongo DB environment
• Get hands-on experience in creating and managing different types of indexes in
• Mongo DB for query execution
• Proficiently store unstructured data in Mongo DB
• Develop skill sets in processing huge amounts of data using Mongo DB tools
• Gain proficiency in Mongo DB configuration, backup methods as well as monitoring and operational strategies
• Acquire an in-depth understanding of managing DB Notes, Replica Sets & Master-Slave concepts