Full Stack Web Development (MERN) - 100 Hrs
1. HTML Fundamentals
a. Introduction to HTML
b. HTML Document Structure
c. Typography Elements
d. Images and Attributes and Hyperlinks
e. Structuring / Layout Page
f. Semantic HTML
g. Forms and Tables
2. CSS Fundamentals
a. Introduction to CSS
b. Inline, Internal and External CSS
c. Stylling Text
d. Combining Selectors
e. Class and ID Selectors
f. Working with Colors
g. Margins and Paddings
h. Adding Dimensions
3. JavaScript Fundamentals
a. Introduction to JavaScript
b. Data Types, Variables and Const, Operators
c. Control Statments (if-else, for, switch, while, do-while)
d. Functions, Arrays,
e. ES6 features
4. JSON
a. Introduction to JSON
b. JSON.Stringify
c. JSON.parse
d. Object.keys
5. Bootstrap
a. Introduction to Bootstrap 5
b. Containers
c. Grid and Grid Options
d. Componnents in Bootstrap
e. Utilites in Bootstrap
6. The MERN Stack Theory
a. Introduction to MERN Stack
b. Understanding the Big Picture
c. Diving into the Frontend
d. Understanding the Backend
e. 3-Tier Architecture
f. Connecting Node & React
g. MERN Essentials
h. Diving Deeper into the Code
7. React
a. Setting up React Application
b. Understanding JSX and Components
c. Handling Events, State
d. Two-way Binding
e. Starting Setup, Pages and Routes
f. Reducer
g. React Hooks
h. Redux Setup
i. Error Handling
j. Axios Setup and Approach
8. Node
a. Server Setup and ENV Vars
b. ES6 Modules
c. Basic Express Server and Nodemon
d. Connecting to MongoDB with Mongose
e. Route Files with Express Routers
f. GET, POST, PUT, DELETE Apis
9. Databases
a. Mongo DB
b. SQL Database
c. Queres
10. Additional Tools
a. GitHub
b. Visual Studio
c. Postman
d. FileZilla
e. Server Deployment
