MERN Full Stack

alternative

MERN Full Stack

COURSE
3
DURATION
1.5
FEE
From: 18000

MERN is a popular technology stack used for building full-stack web applications. The term "MERN" stands for MongoDB, Express.js, React.js, and Node.js. Together, these technologies form a powerful stack for building modern, high-performance web applications. With MERN, developers can use JavaScript on both the front-end and back-end of their applications, making it easy to create a seamless user experience across the entire application.

Introduction

  • Introduction to JavaScript programming language 
  • Technologies around JavaScript 

Environment Setup/Installation

  • Introduction to development tools
  • Text Editor, IDE (visual studio code)
  • Basic command Line practice (CLI) 
  • GIT (Git Bash) 
  • GIT workflow (Branching and merging practice) 
  • Postman 
  • Mongo DB Compass 
  • NodeJS

JavaScript 

  •  Basic JavaScript practice
  • Variable Declaration 
  • DOM manipulation in JavaScript 
  • Scoping in JavaScript 
  • local Storage and session Storage 
  • Array & Objects in JavaScript 
  • If-else switch & loops in JavaScript 
  • Operators in JavaScript 
  • Advance Array methods in JavaScript 
  • Event Listeners in Javascript 
  • OOPS in JavaScript 
  • Classes & Inheritance in Javascript 
  • Execution Context & Execution Stack 
  • Asynchronous programming in JavaScript 
  • Callback function and callback hell 
  • Promises in Javascript 
  • JSON & Fetch Api 
  • Async await & try catch handling 
  • NODEJS Runtime Environment

NODEJS

  • Introduction to NodeJS 
  • Node package manager (npm) 
  • Node modules 
  • Node CLI 
  • Creating http server with NodeJS 
  • Working on core NODE API 
  • Asynchronous and event loop in NodeJS

Express JS

  • Introduction to framework and Express 
  • MVC pattern (architecture) 
  • Folder Structure
  • Routing 
  • HTTP Protocol (POST, PUT, GET, DELETE) 
  • User authentication using jwt (json web token) 
  • Error handling

MongoDB Database 

  • Introduction to database and existing database around 
  • Understanding NOSQL (Schema less database) 
  • Introduction to MongoDB (Collection and documents) 
  • Connection with NODEJS Server

Tier application and REST API

  • Introduction to API 
  • Introduction to REST Architecture 
  • Building APIs with express JS 
  • Using MongoDB as database in express app with Mongoose

Front-End Technologies - Basic Overview

  • HTML 
  • CSS 
  • CSS Framework (Bootstrap)

React JavaScript Library

  • Basic introduction of React Library 
  • Introduction of Frontend tools (webpack, Babel, more…) 
  • Dev tool and Environment 
  • JSX, Babel, Webpack 
  • ES6 advance JavaScript practice 
  • Create-react-app and project setup 
  • Components patterns in React 
  • Folder Structure 
  • State 
  • Props 
  • Life cycle methods in functional components 3 
  • Functional components 
  • Introduction to hooks 
  • React Router version 6 
  • Protected Route 
  • Nested Routing 
  • SPA using React Router 
  • Introduction to Redux Architecture 
  • State management 
  • Middleware’s (redux toolkit) 
  • Error handling 
  • Integrate library such as Material UI, React-Bootstrap

Latest Courses

training thumb

Flutter App Development

Flutter is an open-source mobile application development Software Development Kit that Google first made available on December 4, 2018. (SDK). As was already said, Flutter is used to create apps that work on both iOS and Android. Because Flutter allows for the reuse of existing codes, many developers find it easier to use it.

Course Syllabus 

  • Overview
  • Introduction to dart programming language
  • Types, syntaxes, classes in dart
  • Object-oriented programming with dart
  • Constructors in darts. 

Staying on target with Dart 

  •  Making a small application with dart itself. A card game, where players can shuffle, draw, remove cards with the use of object-oriented programming.
  • A more look at object-oriented programming design flow
  • Methods
  • Loops
  • Lists
  • Named parameters etc. 

App building with Flutter 

  • Introduction to flutter
  • App overview
  • Design process
  • Displaying content on the screen
  • Creating and using custom widgets

State design with Flutter

  • Stateful vs stateless widgets
  • Build method
  •  Refactoring stateless and Stateful widgets.

Http request with Flutter

  • Working with json
  • Casting json to model instances
  • Function references
  • Issuing http requests
  • Working with dart futures
  • Building list of widgets

Forms and validation with flutter 

  • Creating the login screen
  • Handling input types
  • Form validation
  • Global key referencing
  • Retrieving form values
  • Submitting the form
  • Code reuse with mixin
  • Mixin validator implementation

Reactive programming with Dart

  • Streams by analogy
  • Implementing stream listener
  • Adding stream transformer
  • Validation with streams 

Advanced flutter architecture – The BLOC pattern 

  • BLOC vs stateful widgets
  • The purpose of BLOC
  • BLOC design for text fields
  • Issues with BLOC access
  • Improving the BLOC API
  • Validator transformer
  • Cleaning up the controllers
  • BLOC application 

Consuming BLOC data

  • The stream builders 
  • Scoped BLOC approach 
  • Provider implementation 
  • Providers in action 
  • Accessing the BLOC

Rx dart for reactive programming

  • Introduction to Rx dart 
  • Combine latest in Rx dart 
  • Interpreting stream values 
  • Broadcast streams 
  • Replacing controllers by subjects 
  • Review of BLOC 

Building delightful animation

  • Animation library classes 
  • Stateful widgets for animation 
  • Widget structure 
  • The ticker provider 
  • Tweens with curves 
  • Performing saving with animation builder
  • Nature of animation 
  • Observing the use interaction 
  • Order of drawing widgets 
  • Tween ranges 
  • Working with widget rotation 
  • Box animation 
  • Animated builder 

Performant data fetching

  • API challenges 
  • API performance strategy 
  • API provider implementation

Testing with flutter

  • Testing with dart 
  • Writing expectations 
  • Mocking http requests 

Offline data storage

  • QLite data provider 
  • Creating database connections 
  • Creating tables with SQLite 
  • Issuing queries 
  • Massaging database returning maps 
  • Implementing the repository 
  • Casting lists and type annotation 

Type design

  • Abstract classes 
  • Repository interface design 
  • Using source and cache
  • Ultimate reusability

On demand widget rendering

  • Data fetching concerns 
  • Future builders 
  • Problems with stream builder and its solution 
  • Implementing scan stream transformer 
  • Adding items to the controller 
  • Stream subscription 
  • Adding streams 
  • Refactoring streams
  • Debugging with flutter 
  • Conflicts with database and it’s solution 
  • Long lived cache values 
  • Swipe to refresh implementation

Navigation with flutter

  • Navigation in flutter 
  • Different types of routing 
  • Parsing route settings 
  • Recursive data fetching 
  • Testing recursive data fetching 
  • Widget stylings 
  • Recursive rendering

Basic git classes

  • Creating a repository on GitHub 
  • Pushing local changes into the repository 
  • Pulling and cloning projects from the repository 
  • Resolving merge conflicts

Read More 6 months ago
training thumb

Python with Django

Python with Django is a great choice for anyone who wants to learn web development using a powerful and popular programming language, and a robust web framework that streamlines the development process. The course is often used as a starting point for building real-world web applications, and can be a valuable asset for anyone looking to pursue a career in web development.

1. Introduction

  • Keywords and Identifier
  • Statements & Comments
  • Variables Datatypes
  • Type Conversion
  • Python I/O and import
  • Python Operators

2. Python Flow Control

  • If Else
  • For Loop
  • While Loop
  • Break and continue
  • Basic Function

3. Python advance

A. Python Datatypes

  • List
  • Tuple
  • String
  • Set
  • Dictionary

B. Files

  • File Operation
  • Directory Exception
  • Exception Handling
  • User Defined Exception

4. Class & Object - Concept of OOP

  • OOP
  • Class and Object
  • Access Modifier - Encapsulation
  • Inheritance
  • Contructor/Method Overriding

5. Other Important Topics Magic function Function

  • Magic function
  • Function Argument
  • Anonymous Function
  • Modules and Package
  • Iterator
  • Generator
  • Decorators
  • Closure
  • Property
  • RegEx
  • Lamda Expression
  • Git Version Control
  • creating account
  • creating repo
  • setting up git in project
  • configuration ssh key
  • push and pull

6. Django Setup

  • Basics
  • Environment
  • Creating project
  • Apps life Cycle
  • Admin Interface
  • Creating Views
  • URL Mapping
  • Template System
  • Models - ORM
  • Page Redirection
  • Emails
  • Generic Views
  • Form Processing
  • File Uploading
  • Apache Setup
  • Cookies handling
  • Sessions
  • Comments
  • RSS
  • Ajax
  • Datatables
  • REST API

Read More 6 months ago
training thumb

Digital Marketing

Edu-kit : The Educational Hub has been providing Digital Marketing training in Nepal under the guidance of our experts Digital Marketers. We provide you with intense, in-depth practical project-based learning in Digital Marketing in the fields like complete WordPress website development, Search Engine Optimization (SEO), Social Media Marketing (SMM), Search Engine Marketing (SEM), Graphic design with Canva and Figma, Analytical tools and many more.


Course Syllabus


1. Introduction

  • Basic Introduction Of Digital Marketing
  • Digital Marketing Scope and its Tool
  • Business Planning and Strateg

2. Domain Hosting

  • Register your personal Domain and Setup
  • cPanel and Domain Level Email creation

3. Content Writing

  • Blog Writing
  • Article Writing
  • Proposal 
  • Quotation
  • Documentation
  • Review and Feedback
  • Copywriting
  • Slogan
  • Taglines

4. Graphics Design

  • Post Design using Canva 
  • Logo and Graphics Design using Figma

5. Social Media Marketing

  • Facebook
  • Instagram
  • Whatsapp
  • Twitter
  • Linkedin
  • Youtube
  • SEM
  • Google Listing

6. SEO

  • Overview
  • On Page SEO
  • Keyword Research
  • Google Analytics Setup
  • Search Console
  • Speed factor and Optimize
  • Off- Page SEO
  • Link Building
  • Business Map

7. Wordpress Theme Customization




Read More 7 months ago
IMG
Contact Us