A “stack” refers to any combination of programming languages and technologies or a combination of software products.
MERN Stack Developer roadmap!
MERN stands for:
"MongoDB, Express.js, React.js, and Node.js."
A Thread... 🧵
#100DaysOfCode
A “stack” refers to any combination of programming languages and technologies or a combination of software products.
- Know your requirements
- agility
- Expertise and knowledge of a team
- Flexibility & scalability of the development team
- The final development cost
MongoDB: A document-based open source DB
Express: A Fast, minimalist web framework for Node.js
React A JS front-end library for building UI.
Node.js: It brings JavaScript to the server
- What is JavaScript?
- What is the ECMA Script?
- JS vs. Other Static Languages
- Setting up Dev Environment
- JS Advantages And Disadvantages
- JS Data Types – Primitive & Non-Primitive
- Variables and Statements: var, let, const keywords
What you will learn:
- Numbers
- Math Object
- Boolean
- Null and Undefined
- Operators
- Operators Precedence
What you will learn:
- JavaScript Functions
- Function Parameters
- Advanced Function
- Scope
- Hoisting
- Prototypes
What you will learn:
- Objects
- Object Properties
- ES5 Classes
- ES6 Classes
- Class Members and Methods
- Prototype and Class
- Inheritance
What you will learn:
- JavaScript Modules
- CommonJS, AMD and UMD
- ES6 Modules
- Promises
- Async/Await
- AJAX
- AJAX Advantages & Disadvantages
What you will learn:
- Intro to Node.js
- Why Server-side JavaScript?
- Node.js Architecture
- JS Event Loop
- Node.js Application Area
- Advantages of Node.js
- Limitations of Node.js
- Node.js Application Deployment Server
What you will learn:
- Node CLI
- Module
- Callback
- NPM and NPM CLI
- Local packages and Global packages
- Buffers
- Streams
- Events and Event Emitters
- File System
- Path Modules
What you will learn:
- Introduction to Express
- Routing
- Nodemon
- Router Class
- View Engine
- Express Generator
- Handlebars
- Middleware
- Express Request Processing
What you will learn:
- What is NoSQL Database?
- Types of NoSQL Database
- Introduction to MongoDB
- Why MongoDB?
- MongoDB Advantages and Limitations
- MongoDB Installation and Configuration
- MongoDB: Hierarchical Objects
- Mongo Shell
What you will learn:
- Data Types
- Collections and Capped Collection
- Documents
- MongoDB CRUD Operations
- Querying Collections
- Schema Validations
- Indexes
- Find document(s) and Perform Operations
What you will learn:
- Data Modeling
- Embedded Document
- Reference Document
- Model Relationships
- Aggregation
- Map-reduce
- Data Import/Export
- Database Backup/Restore
What you will learn:
- Express Project Architecture
- Setting Up Project
- Defining Models and Relationships using Mongoose
- Repository Design Patterns
- Async and Await
- Defining Controllers and Routes
- Performing CRUD Operations
What you will learn:
- Introduction to React
- React Top-Level APIs
- React CLI
- JavaScript XML (JSX)
- JSX Transpiler: Babel
- Top-Level SX Fundamentals
What you will learn:
- Introduction to React Component
- Types of React Components
- Props
- State
- Data Binding
- Events in React
What you will learn:
- React Router Basics
- NavLink and Link
- React Routes
- Route Parameters
- Routing with Login and Logout State
- Nested Routes
- Lazy Loading
What you will learn:
- React Components Inheritance
- React Components Composition
- Passing Data to Child Components
- Component Life Cycle
- React Hooks
- State and useEffect Hooks
What you will learn:
- Introduction to React Forms
- Controlled Form
- Uncontrolled Form
- Creating React Form
- React Form Validations
- Custom Validations
What you will learn:
- MERN Stack App Structure
- Setting Up Project
- Configuring Frontend Using React
- Configuring Routing using React Router
- Defining API Client using Axios
- Performing CRUD Operations
- Deployment
What you will learn:
- Introduction to Unit Testing
- React Jest Test Setup
- Unit Testing Enzyme
- Simulate Event
- Testing Component
What you will learn:
- Intro to Redux
- When to Use Redux?
- Intro to React Redux
- Setting Up React App with React-Redux
- Redux Flow
- Creating Actions, Reducers, & Store
- Connecting React Components to Store
- MERN Stack Front To Back: Full Stack React, Redux & Node.js
https://t.co/KeMKt92ZeR
This course is offered by the hong kong university of science and technology and instructed by its professor, Jogesh K. Muppala.
Available on Coursera
{ by @TheAnkurTyagi } from @hashnode
#100daysofcode #CodeNewbies
https://t.co/pyDnexmQAQ