MERN stack for End-to-End Web Development

263

Course Code:

In this course, we will build an in-depth full-stack social network application using Node.js, Express, React, Redux and MongoDB along with ES6+.

5 Days

Advanced

Conatct Us Now

Learning Objectives

Understanding the syntax, semantics as well as idioms.
Getting exposure to different designs & components.
Manipulating out DOM elements by JavaScript.

Understanding the advantages as well as disadvantages of React.
Getting out the work following proceedings.

Anchor 1

Prerequisites:

you should have a basic understanding of fundamental languages used by the browser and the server.
You should be confident in designing and stlying web pages using HTML & CSS.
Fundamental concepts of Javascript should be clear and should also be familier with DOM(Document Object Model) in browser.
You should be able to work with unix based shell commands.
Basic understanding of Node/express will speed up the learning process but is not recommended.

Intended Audience

Our MERN stack course is perfect for developers who want to gain knowledge in any of the following: Beginner Developer, Learn the basics of Javascript and Express.js, Experienced Developers Seeking New Skills, Develop faster, become more efficient and boost productivity as a developer, Project Managers.

focused-students-using-tablet-discussing-information (1).jpg

Course Outline:

Module 1: Web Development Basics - HTML, CSS, BootStrap

How websites work
Web Development Overview - Advantages
HTML Introduction
Structure of Webpage
HTML Tags
Texts, Images, Videos
Lists, Forms, Tables
Links, Anchor tags
HTML Divs
CSS Introduction
Inline vs Internal vs External styling
CSS Display CSS Font Styling, background, margin, padding
Styling Lists, Tables, Forms
FontAwesome
Transitionals, Transformations, Animations
Styling button
Tool tip, Box Sizing, Flex, Grid
Bootstrap containers
Bootstrap Tables,Images, Colors
Bootstrap Alerts, Buttons
Bootstrap Spinners, Cards, Pagination, Drop Down
Bootstrap Corousel

Module 2: Javascript

Introduction to Javascript
Variables, scoping, Data type
Strings and Numbers
Operators and loops
Functions
Arrays and Objects
Data Structures - List, Stack, Queues, Maps
Hashing
Understanding and working with DOM
Developer tools in Browsers
Prototypes
Closures
Browser Local Storage
Jquery, Ajax
Promises
ES5 vs ES6 vs ES7
Eventloop in Javascript

Module 3: ReactJS

React Intro
Node installation
Create an app using create-react-app
Understanding basics of react app
Understanding JSX
Understanding virtual DOMS , Single page apps
React Lifecycle
States, class components vs functional components
Event handling, props
Building forms in React
Routes
Conditional Rendering
Pure Components
High order components
Controlled vs Uncontrolled components
Redux
Babel, Webpack
Axios, Creating a mock server
SASS overview

Module 4: NodeJs

Creating a Simple Server
Response types - HTML, JSON
Routing
Express Introduction
Intergrate Frontend and Backend
Express Params and Query String
Express Middleware
API Authentication
JWT Token, Passport.js
Socket Programming

Module 5: Databases - MongoDB

SQL vs NOSQL
MongoDB overview
Installing MongoDB
Connecting and Inserting Data
Deleting and updating Data
Understanding CRUD operations

Module 6: Code Review + Deployment

Tools for Code review
Understand Review Board
Understanding Firebase Github
Deploy using Netlify and Github
Get code review by Software Developers
Deploy all the projects

Program Highlights

Highly engaging & interactive sessions

70% Hands On

Quizzes & Assessments

24*7 Support

+91 953-537-5027

rohan@techedtrainings.com

Why TechEd Trainings?

Handcrafted Content

Professional Trainers

Hands On Labs

Seamless Delivery