FMERN Professional

Full Stack Development using MERN Stack
(Professional Course)
Module Topics
Getting Started - What is The Web

Brief History of the Internet What is World Wide Web
Why create a website?
Web Standards
HTML - Structuring Websites
Introduction to HTML
What is HTML?
HTML Documents
Module 1 The basic structure of an HTML document
Creating an HTML
document
Mark up Tags Heading-Paragraphs Line
Breaks
HTML Tags
Elements of HTML
Introduction to Elements of HTML Working with Text
Module 2 Working with Lists, Tables, and Frames
Working with Hyperlinks, Images, and Multimedia
Working with Forms and controls.
CSS - Styling Websites Concept of CSS

Creating Style Sheet CSS Properties
CSS Styling(Background, Text Format, Controlling Fonts) Working with block elements
and objects
Working with Lists and Tables CSS ID and Class
Module 3
Box Model(Introduction, Border properties, Padding Properties, Margin properties) CSS
Advanced(Grouping, Dimension, Display, Positioning, Floating, Align, Pseudo class, Navigation
Bar, Image Sprites, Attribute sector)
CSS Color
Creating page Layout and Site Designs.
Introduction to JavaScript
Java Script Language
Basics JavaScript Objects JavaScript Scope
JavaScript Events JavaScript Strings
JavaScript Numbers JavaScript Math
JavaScript Arrays JavaScript Boolean
JavaScript Comparisons JavaScript
Module 4
Conditions JavaScript Switch JavaScript
Loops
JavaScript Type Conversion JavaScript RegExp
JavaScript Errors
JavaScript Debugging JavaScript Functions
JavaScript Forms
JavaScript HTML DOM
Introduction to jQuery
jQuery Syntax jQuery Selectors jQuery
Module 5 Events jQuery Effects jQuery HTML
jQuery Traversing jQuery AJAX
jQuery Misc.
Introduction to Bootstrap
Bootstrap Basics
Bootstrap Grids
Module 6
Bootstrap Themes
Bootstrap CSS
Bootstrap JS
Introduction to ReactJS
Introduction
Module 7 Downloading and Installing ReactJS Understanding file and directory
Understanding virtual DOM
Components In ReactJS
Rendering data in ReactJS
Component lifecycle and
state
Module 8
Creating multiple components in ReactJs Applying CSS class and HTML content in ReactJS
Understanding state in React
Creating reusable components.
Introduction to React Router
Working with React Router
Module 9 Working with Links & Creating Nested
Routes Refactoring Routes and Components
Properties and Events
Working with properties Accessing Child properties
Working with passed data from parent-to-child components (Props)
Module 10 Understanding events in
ReactJS Exploring static
methods
Forms Components
Module 11
Working with Forms in ReactJS
Accessing DOM
Module 12
Referring DOM nodes
Tooling Support
Converting JSX to JS
Using Gulp To compile and concatenate JSX files - I
Using Gulp To compile and concatenate JSX files (Using Browserify) –
Module 13
II Component Communication
Working with jQuery – Ajax DOM Event Listeners
Inline Styles in ReactJS
Using dangerouslySetInnerHTML
Major AddOns in React Two-Way Data Binding
Clone Elements - [cloneWithProps Deprecated - Use React.cloneElement instead Using
React.cloneElement
Module 14 Making use of classSet to apply Conditional Styles
Making use of classnames to apply conditional
styling
Animation using CSSTransition Group
ReactJs Hooks and Redux. Working with all Hooks in ReactJs
Module 15 Working with redux and state managment
Building React Applications Using
Chakra UI With all
Module 16 Components Meterial UI with
All Components
Introduction to NODEJS Application
Introduction to NODE.JS
Asynchronous JavaScript Concept
Module 17 The importance of being asynchronous
Introduction to setting up a Node.js Environment Run your first NODE.JS Application
The Node.js process Working in REPL
Node JS Console
File System and File Streaming
Working with built-in module Concept of File System Module Reading Directories
Module 18 Reading Files
Working with Streams
Readable stream & Writable stream
Building servers
Creating servers with HTTP Receiving data
Handling GET, POST, PUT, and DELETE requests
Module 19 Sending requests
HTTP streaming
Working with TCP Working with Pipes
Deals with JSON Data.
Building APIs using modules, events, and packages
What is NPM
Installing Packages Locally
Module 20
Adding dependency in package.json Installing packages globally Updating packages
The EventEmitter API CommonJS Modules
npm Packages (nodemon command,npm install command etc)
Introduction to ExpressJS
Introduction to using the Express framework to set up a web server Routes, rendering, layouts, url
Module 21 building, express servers Configuration
Views Middlewares
Create Controller and schema
Introduction MongoDB
Introduction MongoDB and differentiate SQL and no-SQL Database Introduction MongoDB cell,
Module 22
MongoDb compass, and MongoDb atlas
Installation of MongoDB Database
Installation MongoDb cell and Mongo db compass and working with it.
Module 23 Querying with Mongoose
Mongo DB connection with ExpressJs framework. Store data with Mongoose and MongoDB.
MongoDB CRUD operation using Express
Module 24 Introduction to setting up a MongoDB database and connecting it to a Node.js server
Sample CRUD(Create,Read,Update,Delete ) operation in NODE.JS
Authentication With Passport and JWT Stateful vs. Stateless Authentication OAuth2
Module 25 Passport
JWT – JSON Web Tokens
Advanced Topics Node.js API design Error Handling Debugging
Module 26
Testing
Module 27 Project work and documentation

FMERN Professional

Uploaded by

Copyright:

Available Formats

FMERN Professional

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

FMERN Professional

Uploaded by

Copyright:

Available Formats

Full Stack Development using MERN Stack

Getting Started - What is The Web

CSS - Styling Websites Concept of CSS

You might also like