Saayami Technology offers MERN Stack Training in Lalitpur, focusing on MongoDB, Express.js, React.js, and Node.js. The course empowers students to master all aspects of MERN Stack programming, including database design, server-side scripting, and client-side scripting. It provides practical experience with industry-standard tools, enabling the creation of scalable, reliable real-world applications. This career-focused, project-based training equips developers in Nepal with the necessary skills to excel in both front-end and back-end technologies using JavaScript as a single language. With the rising demand for MERN Stack developers, this course presents a valuable opportunity for career advancement in web development.

Duration: 2.5 months

Project-Based Learning Approach

Mern Stack Training

  • Introduction to MERN stack
  • Introduction to JavaScript programming language
  • Technologies around JavaScript

  • 1. Introduction to development tools
  • 2. Text Editor, IDE
  • 3. Command Prompt(command line)
  • 4. Node setup
  • 5. Postman

  • Brief History of Javascript
  • Variables
  • Operator and Operands
  •  Conditionals and Iterations
  •  Data types and coercion
  •  A brief introduction to data structures like stack, queues, array, and objects Debugging a JS code
  • JS naming conventions
  • A brief introduction to javascript functions and classes

  • Need of ES language specification Understanding of transpilers and polyfills
  • CommonJs vs ES modules
  • Deep guide to modern ES6+ features
  • Brief introduction to Typescript
  • TypeScript Vs JavaScript

  •  Hoisting
  •  Block/Global/Local Scopes and Temporal Dead Zones Scopes and Closures
  •  Prototypes
  •  Asynchronous javascript and WebAPIs usages
  •  Global execution context
  • Event loops

  • Arguments and Parameters
  •  Functions declaration and execution
  • ES6 arrow functions
  • Callback functions
  •  Higher Order Functions

  • Introduction to version control and usage Github, Bitbucket and Gitlab
  •  Initializing and cloning git projects
  •  Git commit/push
  •  Branches and Pull Requests
  •  Standard practices for naming GitHub branches
  • The .gitignore file
  • Github exercises: Collaborating in the same repo and handling merge conflicts live.

  • Introduction to web and how it works
  • Client-server architecture definition
  • Introduction to API and it’s need
  • Introduction to REST API
  •  The software development/design pattern
  •  The famous – MVC pattern

  •  Introduction to nodejs
  •  Requirements for nodejs
  • Nodejs and it’s usages
  • Setup nodejs

  • Introduction to NPM
  • Global Vs Local Installation
  •  The package.json file
  •  Attributes of Package.json
  •  Installing and uninstalling packages using npm
  • Introduction to dependency and dev-dependency

  • The http module
  • Creating a node server using http
  • Http module exercise: creating node server using the http module
  • The fs module
  •  Handling file read-write operation using fs module
  •  FS modules exercise: File read/write operation using fs module

  •  Introduction to framework and Express
  •  Setting up an express application
  • Express exercise: Creating a hello world application using express

  • Express flow and how it works
  • Introduction to express application and usages
  • The HTTP protocol
  • Introduction to express routing
  • Express request, response object

  •  Introduction to middlewares
  •  Types of middlewares
  • Types of middlewares

  • Usages of middlewares
  • The next scope
  • Error handling using middlewares
  • Serving the static files using static
  •  File handling using middlewares

  • Introduction to auth and authorization
  • Introduction to json web token
  •  Authorization using jwt
  • API protection

  • Introduction to database and existing database around
  •  Understanding NoSQL (schema less database)
  •  Introduction to MongoDB (collection and documents)
  • CRUD operations using shell command
  •  Using Mongodb Native driver with Node
  •  Database modeling using ODM
  •  Using mongodb-compass (ui based database system)
  •  Using mongodb-compass (ui based database system)
  •  Aggregation in mongodb
  • Map reduce

  • Building APIs with express js and mongodb
  •  Using MongoDB as data store in express app with Mongoose

Backend Project: API development using node js, express js and mongodb

  • Introduction to HTML
  •  Introduction to html tags, attributes and properties
  •  Introduction to css
  • Importance and uses of css in a web design
  • HTML/CSS Practice: Creating and designing basic web designs

  • Introduction to responsive vs non-responsive design
  • Bootstrap, a css based framework
  • Alternatives of bootstrap

  • Understanding react as a library and its ecosystem
  • Difference between libraries and frameworks
  •  Setting up react with CDN without using any frameworks
  •  A brief overview of how react library can be used in web frameworks such as create- react-app, Gatsby, next.js, etc and mobile frameworks like react-native
  • Introduction to react components, folder structure, and architecture
  •  Functional and Class based Components in react
  • React Component Lifecycle Methods
  • Styling a react component
  • Introduction to SPAs
  • Virtual DOM in react

  •  State
  • State exercise: Build a like button, counter apps, etc using react state and useState hooks
  • Props
  • Props exercise: pass data from parents to child, child to parent, and from one child to its siblings
  • Refs
  • Refs exercise: Targeting a particular DOM, scrolling to a particular DOM, auto focusing an input field programmatically, etc using useRef hooks
  • Higher-Order Components
  • HOC exercise: Building reusable components using Recompose

  •  Basics of react forms and handling various types of form fields and events
  • Client-side form validation
  • Advanced form handling with Formik and schema validators like Yup or regex

  • Understanding of REST API
  •  HTTP methods and protocols
  •  Understanding of Fetch API, axios, and interceptors

  • State management using Redux
  •  Reducers
  • Action Creators and action types
  • Using redux middleware libraries such as sagas, thunks, and Rxjs to handle asynchronous side effects
  • Using redux logger middlewares and redux dev tools to track state changes Using redux persist to handle storage in the react application

  • Understanding of GraphQL
  •  Understanding of data under-fetching and over-fetching
  • Query, arguments, and mutation
  • Variables in graphql
  • Graphql fragments
  • Setting up client side graphql in react with Apollo

  • Introduction to real-time web socket communication
  • Socket io client setup in react
  • Getting connected to sockets and disconnecting a web socket
  • Emitting data and retrieving data to and from a connected socket

  • Overview of various types of software testing
  • Introduction to Unit testing a web application
  • Setting up Jest
  • UI testing, writing tests for mocked APIs
  • Code coverage with jest

  • Understanding of how a react component renders and re-renders
  •  An in-depth guide to memoization in react and using performance optimization hooks such as useMemo and useCallback
  • Guide to using dev tools and react Profiler
  • Lazy loading and code splitting
  • Setting up webpack configs, compressing the react app build size

  • Online Reservation System
  • E-commerce Website
  • Project Management System
  • Online Inventory
  • Real time Ride Sharing Application

    Get in Touch With Us

    Our course is meticulously designed to equip you with the latest tools and techniques Whether you are a curious novice or an aspiring expert, our team of industry-leading instructors is committed to guiding you every step of the way.

    Contact : 9818818335 | Email: info@saayami.com

    All rights reserved © 2023 | Powered by: SAAYAMI