Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
25 views

Topic of Contents - Mern Stack

Uploaded by

Varsha Roy
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
25 views

Topic of Contents - Mern Stack

Uploaded by

Varsha Roy
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

Table of Contents - MERN STACK

1) HTML & CSS


1.1 Short Introduction to HTML5
1.1.1 HTML5 Tags - Document Structure, Headings &
Paragraphs, Text Formatting, Links/Nested Links, Lists,
Tables, Images.
1.1.2 HTML5 Forms
1.1.3 HTML5 Media Tags, IFrame, Figure, etc
1.2 CSS/CSS3
1.2.1 Inline CSS, Internal/External CSS, Box Model, Targeting
Elements in CSS
1.2.2 Basic HTML5 with CSS3 Webpage Structure - Header,
Nav Menu, Banner, Content, Sidebar, Footer
(CopyRight)
2) Javascript
2.1 Javascript Fundamentals - Variables, Conditions, Operators,
Loops, Functions
2.2 Javascript Datatypes - Arrays, Numbers, Strings, Dates, Objects
2.3 Javascript DOM - Working with DOM Elements, Events,
Timers, etc
2.4 JSON Introduction
2.5 ES6 Javascript - Variables (let, const), Classes (constructor,
getter & setter, inheritance)
2.6 ES6 Javascript - Functional Programming (Arrows, Iterators,
Generators, Next)
2.7 ES6 BuiltIn Objects - Number, Math, Array, Set, Map.
2.8 ES6 Async Development - Promise Basics and Advanced, Async
Generators. Async/Await.
2.9 AJAX, ServerSentEvent, WebSocket Training -
2.10 Use an open API GET Request to fetch data and display it in a
table
3) NodeJS
3.1 NodeJS Concepts, Usage (Client Side vs Server Side or Both)
3.1.1 - Various queues in nodejs architecture
3.1.2 The Event Loop
3.1.3 Blocking IO vs Non Blocking IO
3.1.4 Reading synchronously from the file system
3.1.5 Reading asynchronously from the file system
3.1.6 Other file and directory operations
3.2 NodeJS Installation & Environment Setup
3.3 NodeJS REPL (optional or can be covered quickly)
3.4 Node Package Manager (NPM) - Installing modules &
Packaging an application for deployment on local or cloud
(package.json)
3.5 NodeJS Callbacks (This can be skipped if callback concepts are
covered in Javascript module)
3.5.1 - Callback hell
3.5.2 Using promises for writing asychronous code
3.5.3 Achieving the same using async-await
3.5.4 EventEmitter way of writing asynchronous hooks
3.5.5 Streams
3.5.6 Pipes
3.6 NodeJS Events - Loops & Emitters
3.7 NodeJS Buffers and Streams
3.8 NodeJS File System, Utility Module & Web Module
3.8.1 Process module
3.8.2 Http module

4) NodeJS + Express Framework (REST API, DB Connectivity, Web


Server, etc)

4.1 - Introduction
4.2 Installation
4.3 Creating an express js app
4.4 - Application
4.5 Request : Path params, query params
4.6 Response
5) MongoDB
5.1 MongoDB Basics: SQL vs NoSQL (RDBMS vs DocumentDB) -
Use Cases where noSQL is better over SQL
5.2 MongoDB Installation: Windows/Mac/Linux/Cloud (on-prem
vs Cloud) - MongoDB Atlas - GCP (free training licence)
5.3 MongoDB Administration: Database Creation, Collections
(Tables), BSON Format, Drivers, Mongo Shell.
5.4 MongoDB Query Language: CRUD, Aggregation Pipeline
(complex), Functions
5.5 MongoDB Cluster: ReplicaSet & Sharding (important)
5.6 Routing
REST
Testing
5.6.1 - Basic Http method routing
5.6.2 Router middleware
5.6.3 Writing REST web services using expressjs
5.6.4 Express session and passportjs
5.6.5 Authentication of web services
5.6.6 Common error handling
5.6.7 Moving business logic into services
5.6.8 Testing using mocha, chai
5.6.9 Mocking collaborators in unit tests
5.6.10 API tesitng using superagent
6) ReactJS
6.1 Introduction to Single page Applications and how they are
different from existing web applications architecture
6.2 Introducing Reactjs
6.3 Creating a new react project using create-react-app
6.4 Components
6.4.1 Basic building blocks of the GUI
6.4.2 Functional components
6.4.3 JSX syntax
6.5 State and Props
6.5.1- Passing inputs to components using props
6.5.2- Type checking of props using prop types
6.5.3 Difference between state and props
6.5.4 Building stateful functional components using hooks api
6.5.5 Lifecycle of a functional component
6.5.6 Events
6.5.7 Error management

6.6 Conditional and repeating UI Forms

6.7 Design Patterns


6.8 Hooks
6.8.1 Importance of routing in a SPA
6.8.2 Installing react-router-dom library
6.8.3 Passing parameters to a route
6.8.4 Nested routes

6.8.5 Need for redux

6.8.6 Installation of redux library

6.8.7 Introduction to store, reducers, actions, dispatch


6.8.8 How redux helps in managing global state
6.8.9 Using selectors in redux. Installing the reselect library
6.8.10 Persisting data in local storage using redux-persist
library
6.8.11 Redux middlewares. Using logger middleware to record
redux workflow
6.9 Asynchronous APIs
6.9.1 Installing axios
6.9.2 GET, POST calls using Axios
6.9.3 Moving asynchronous calls to redux using redux thunk
6.9.4 Installing redux thunk library
6.10 Hooks
6.10.1 useState
6.10.2 useEffect
6.10.3 Using hooks from react-redux library in redux code
6.10.4 Building custom hooks
6.11 Redux Toolkit
6.11.1 Introduction to redux toolkit and installation
6.11.2 Simplified store and reducer creation
6.11.3 Rewriting redux code with redux toolkit
6.11.4 RTK queries for making asynchronous api calls
6.12 Testing
6.12.1 Introduction to React testing library (RTL)
6.12.2Testing components
6.12.3 Mocking collaborators
6.12.4 Testing components with Redux
6.13 Optimization
6.13.1 Need for code splitting
6.13.2 Using React lazy and suspense API for the same
6.13.3 Splitting at component level
6.13.4 Splitting at route component level

7) NextJs
8) TypeScript

You might also like