Intutech Institute > Full Stack Developement > MERN Stack Web Developer
4 out of 5
4
6 reviews

MERN Stack Web Developer

MERN Stack is a collection of technologies that enables faster application development. It is used by developers worldwide. The main purpose of using MERN stack is to develop apps using JavaScript only. This is because the four technologies that make up the technology stack are all JS-based. A MERN stack developer is an expert in MongoDB, Express, React and Node. They are proficient in JavaScript and use HTML, CSS and JavaScript to handle front-end operations and JavaScript with Node. js to handle back-end operations.

Teacher
IntuTech Institute
977 students enrolled

MERN stack is a collection of technologies that enables faster application development. It is used by developers worldwide. The main purpose of using MERN stack is to develop apps using JavaScript only. This is because the four technologies that make up the technology stack are all JS-based.

MERN Stack Course Job Brief 

  • Ability to translate Wireframes and PSD Designs into functional web apps using HTML5, AngularJS, React , Node.js, and Mongo.
  • Binding of UI elements to JavaScript object models.
  • Creating RESTful services with Node.js.
  • Architect scalable web architectures.

MERN Stack Developer Responsibilities

MERN developers are responsible for writing reusable, testable, and efficient code and developing and designing front end web applications. They are in charge of applying CSS methodologies and tools into creating complete websites.

MERN Stack Developer Skills

  • In-depth knowledge of NodeJS, ExpressJS or Restify.
  • Ability to bind UI elements to JavaScript object models.
  • Experience creating RESTful services with Node.js.
  • Proficiency in OOP and database concepts.
  • Proven experience in front & back-end development.

Front End Developer - HTML

1
Introduction (Including HTML and HTML-5 Difference)
2
Editor set up (Visual Studio Code)
3
Basics (!Doctype, metadata, head tag and structure part.)
4
Elements (Inline, Block level, Including all tags)
5
Attributes
6
Comments
7
Links
8
Images
9
Table
10
Lists (Ul – Unordered List, OL-Ordered List)
11
Class
12
Id
13
Layouts
14
Semantics
15
Forms
16
Graphics
17
Media tags
18
HTML and CSS (Introduction)
19
Style Guide (Internal, External, Inline)

CSS-3

1
Deep Learning
2
Introduction
3
Syntax
4
Class, Id, and Selectors (Including Attributes Selectors)
5
Colour, Background-colour
6
Border, Padding, Margin
7
Width/Height
8
Fonts, Icons
9
Display Properties (Inline, Block, Inline-Block, Inherit)
10
Position Properties (static, relative, absolute, fixed, sticky)
11
Min-Max/width
12
Outline
13
Box Model
14
Float properties
15
Units (px, em, rem, %)
16
Pseudo-Class and Pseudo-elements
17
Flexbox Model
18
Media Query
19
Responsive Web Design/Development (Supporting Mobile Phones, Tabs, Small Screen)
20
Bootstrap-4

JavaScript

1
Introduction
2
Basic Variables (Including ES6 – Let and Const)
3
Data Types (String, Number, Boolean, Undefined, null)
4
Operators (=, ==, ===, , , -, –, *, /, %)
5
Objects, Arrays
6
Primitive Values, Reference Value
7
Function (Declaration, Expression)
8
Type of Operator
9
Adding JavaScript file to HTML page (External file, Internal)
10
Defer/async
11
If Statements
12
Loops (for, for of, for in)
13
Logical OR and AND Operators
14
Error Handling (Try Catch)
15
ES6 (Arrow Function, Class, Constructor, Destructuring, Let, Const, Block Scope, Local Scope)ES6 (Arrow Function, Class, Constructor, Destructuring, Let, Const, Block Scope, Local Scope)
16
Anonymous/Call-back Function
17
Rest Operator, Spread Operator
18
Call (), Apply (), Bind () Methods(Array).
19
this keyword
20
DOM
21
Object Oriented Programming
22
Browser API
23
Event Handler
24
Closure
25
Async, Promise & Call-backs
26
Http Requests
27
Browser Storage
28
Security

React

1
Introduction
2
} Why React.js? (Other frameworks comparison: – Angular-{Version}, Vue.js)
3
React.js project set up (npm, node.js)
4
Introduction to JSX
5
Components
6
Props/State
7
Class Based Components/ Function Based Components
8
Rendering List Conditionally (map (), find (), filter (), reduce () methods)
9
Keys for list Items
10
Styling React components (module.css)
11
React debugging
12
Fragments, Portals & ref
13
React Hooks
14
Handling side effects (Using useEffect hook and useReducer)
15
Props drilling
16
Context API
17
Connecting to real database (Http Request)
18
Promises (Async Await and Handling Errors)
19
Custom React Hooks
20
Forms and User Input
21
Validation
22
Introduction to Redux (Latest Versions and Redux ToolKits)
23
React Router (Single page, multi-page application)
24
Authentication
25
Testing React app (Unit test using react test library)
26
Deployment

BootStrap

1
Introduction to Bootstrap
2
Bootstrap Basics
3
Bootstrap Components

Back End Developer - Node js

1
Introduction to Node js
2
Getting Started with example
3
JavaScript ES6 Concepts
4
Node.js Basics
5
Development with progressive and efficient way.
6
Using Express.js (Library)
7
Templating Engines
8
Model-view-controller
9
Advanced Routes & Models
10
Node.js with MongoDB (NoSQL)
11
Using Mongoose
12
Sessions & Cookies
13
Authentication
14
Sending E-Mails
15
User Input Validation
16
Error Handling
17
File Uploads & Downloads
18
Pagination
19
Async Requests
20
REST API Introduction
21
REST API Features
22
Using async-await
23
Web sockets & Socket.io
24
GraphQL Introduction (Alternate to REST API)
25
Deployment

Express JS

Rest API

Microservices

MERN stack is a collection of technologies that enables faster application development. It is used by developers worldwide. The main purpose of using MERN stack is to develop apps using JavaScript only. This is because the four technologies that make up the technology stack are all JS-based
Mern Stack Developer salary in India ranges between ₹ 1.2 Lakhs to ₹ 11.7 Lakhs with an average annual salary of ₹ 4.2 Lakhs. Salary estimates are based on 226 salaries received from Mern Stack Developers.

Productivity Hacks to Get More Done in 2018

— 28 February 2017

  1. Facebook News Feed Eradicator (free chrome extension) Stay focused by removing your Facebook newsfeed and replacing it with an inspirational quote. Disable the tool anytime you want to see what friends are up to!
  2. Hide My Inbox (free chrome extension for Gmail) Stay focused by hiding your inbox. Click "show your inbox" at a scheduled time and batch processs everything one go.
  3. Habitica (free mobile + web app) Gamify your to do list. Treat your life like a game and earn gold goins for getting stuff done!


4
4 out of 5
6 Ratings

Detailed Rating

Stars 5
3
Stars 4
0
Stars 3
3
Stars 2
0
Stars 1
0

{{ review.user }}

{{ review.time }}
 

Show more
Please, login to leave a review
Get course
30-Day Money-Back Guarantee

Includes

46 hours
Full lifetime access
Access on mobile and TV

Archive

Working hours

Monday 9:30 am - 6.00 pm
Tuesday 9:30 am - 6.00 pm
Wednesday 9:30 am - 6.00 pm
Thursday 9:30 am - 6.00 pm
Friday 9:30 am - 5.00 pm
Saturday Closed
Sunday Closed
× How can I help you?