prokrishpatel / mern_bootcamp_2024

Google Form for MERN Bootcamp 2024

Home Page:https://forms.gle/TC6BH1yDkHFJZyDi8

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MERN Bootcamp 2024

Git & GitHub

  • Intro to Git & Branches
  • Working with GitHub
  • Basic Git commands
  • Creating first PR
  • Resolving merge conflicts
  • Rebasing, cherry-picking

Design for Developers

  • Overview of wireframes
  • Intro to Figma Design
  • Crash course on how to design
  • Frames & Autolayout
  • Styles & Libraries
  • Variables
  • Prototyping
  • Plugins

Frontend Module

HTML

  • Introduction to HTML
  • HTML Block and Inline Elements
  • HTML Tags: headings, paragraphs, lists
  • HTML List
  • HTML Table
  • HTML Forms
  • More on HTML

CSS

  • Introduction to CSS
  • CSS Selectors
  • Font Properties in CSS
  • Text Properties in CSS
  • CSS Inheritance
  • CSS Colors
  • Box Model
  • CSS Positioning
  • CSS Values & Sizing
  • CSS Overflow
  • Organizing CSS
  • Debugging HTML & CSS
  • CSS Flexbox
  • CSS Grid
  • Responsive Design

JavaScript

  • JS Variables
  • JS Datatypes
  • JS Strings
  • JS Operators
  • JS Functions
  • JS Conditional Statements
  • JS Control Statements
  • JS Arrays
  • JS Objects
  • JS DOM
  • JS Events
  • JS Advanced Arrays
  • JS Advanced Objects
  • JS Storage
  • JS ES6
  • Functional Programming
  • Pure functions
  • First class functions
  • Higher order functions
  • JS Recursion
  • JS Anonymous Function
  • JS Immediately Invoked Function Expression
  • JS Object Oriented Introduction
  • JS Prototypal Inheritance
  • JS Closures & Scope
  • Asynchronous JavaScript
  • JS Event Loops
  • JS Async & Callbacks
  • JS Promises
  • JS APIs
  • Axios GET, POST & PUT

React Module

  • Introduction to React
  • Create React App | Vite
  • React App using Babel
  • JSX | Styling React apps
  • Components
  • Props and State
  • Component Lifecycle
  • React Hooks
  • useState
  • Rules of hooks
  • useEffect | useLayoutEffect
  • useContext
  • useCallback
  • useMemo
  • useRef
  • useReducer
  • React.memo
  • & all the other hooks
  • Fetching data from an API
  • useEffect hook to fetch the data from an API
  • Introduction to Axios
  • Making GET Requests
  • Making POST Requests
  • Additional Configuration Options
  • Event Handling
  • Higher Order Component
  • Pure Component
  • Render Props
  • Refs
  • Routing
  • React Forms
  • Redux in React: Intro
  • Store, Action, Reducers
  • React Redux
  • Redux Toolkit
  • Introduction to Material UI
  • Using Chakra UI
  • Tailwind CSS framework
  • Alternative CSS Frameworks for React

Backend Module

Node.js

  • Introduction to Node.js
  • NodeJS Architecture and working, Concept of thread
  • Introduction to NodeJS Module System
  • Global Object, Modules, creation and loading of modules
  • Commonjs & es moduling
  • Path Module, OS Module and File System Module
  • NodeJs ThreadPool and LibUV
  • HTTP & HTTPS module
  • Events in Nodejs
  • Basic server built using NodeJS
  • Introduction to Node Package Manager (NPM)

Express

  • Introduction to Express
  • Building Your First Express Web Server
  • RESTful Services & API
    • What is an API
    • What is REST
    • Alternatives of REST
    • API structures | Message structure | Versioning | Crud
  • Curl, Postman
  • Automate server
  • Environment Variables (.env)
  • Parameters
  • Handling HTTP Request & Calling Endpoints Using Postman
  • Middleware
  • CORS
  • Clean Error Handling
  • Validation Errors

Auth

  • Intro to Auth
  • Password Encryption
  • JWT
  • Passport.js

API Gateway

  • Intro to API Gateways
  • Rate limit
  • Forward Proxy
  • Reverse Proxy
  • Authorization

Web Sockets, Socket.IO

Database

  • Introduction To Database
  • File Based Storage System
  • What is Schema including ER diagrams
  • Intro to DBMS
  • Intro to Data Models
  • DBMS Classification: Relational & Non relational
  • MySQL, Postgresql, MongoDB, Redis
  • Overview of MongoDB Atlas
  • Understanding how MongoDB Works
  • Distinction Between JSON and BSON Data Formats
  • Advanced Insert Operations in MongoDB
  • Advanced Read Operations in MongoDB
  • How to Import and Export of JSON Documents in MongoDB
  • Comparison Operators in MongoDB
  • Understanding Cursors in MongoDB
  • Logical Operators in MongoDB
  • $expr operators
  • Element Operators in MongoDB
  • Managing Embedded Documents (Arrays and Objects)
  • Comparing "$all" and "$elemMatch" Operators
  • Advanced Update Operations in MongoDB
  • Execution of Delete Operations in MongoDB
  • Indexes in MongoDB
  • Aggregation Framework in MongoDB
  • "$group" Operator in MongoDB
  • Sorting Data with the "$sort" Operator
  • "$project" Operator - Using it to shape the data
  • "$push" Operator
  • "$unwind" Operator
  • "$addToSet," "$limit," and "$sort" Operators
  • "$filter" Operator
  • MongoDB Atlas and Compass

Deployment and Monitoring

  • Serverless Architecture
  • Application Monitoring and Logging

Capstone Project Overview

  • Finalizing a problem to solve
  • Coming up with useful feature that solves a problem
  • Creating a design of the solution in Figma
  • Get it reviewed
  • After Review start building as per approved plan
  • Do regular PR's as per plan
  • You can also contribute to other's Projects through PR
  • Deploy React App on Netlify, Vercel, Render, AWS other platform
  • Node Server on Render, AWS or other platform
  • MongoDB on MongoDB Atlas
  • Create Documentation for APIs from Postman

About

Google Form for MERN Bootcamp 2024

https://forms.gle/TC6BH1yDkHFJZyDi8


Languages

Language:JavaScript 89.3%Language:HTML 10.7%