Fullstack Development Course in Hindi 2023 By Anil Dollor

HTML  - Structure
CSS     - Presentation (Designing)

BOOTSTRAP -  RWD (Responsive Web Designs)

* Bootstrap Work on 12-Column Grid System

Responsive web design is about using HTML and CSS to automatically resize, hide, shrink, or enlarge, a website, to make it look good on all devices (desktops, tablets, iPads, iPhones, and phones).

How to Create a Website Using Bootstrap. Step

1: Create an HTML page Step

2: Load Bootstrap via CDN or host it locally Step

3: Include jQuery Step

4: Load Bootstrap JavaScript Step

5: Put it all together

* Bootstrap_5 basics

* Advance in HTML CSS and Bootstrap_5

row - Parent

col - Child

    col is a Flexible Class

COL - something

col-1  = 1 grid

BS5  BreakPoint

1. xs = extra small

2. sm = small

3. md = medium

4. lg = large

5. xl = extra large

6. xxl = extra extra small 

SPA (Single Page Application)
HTML + CSS + JS (Framework) ----> ReactJs

Application Level Middleware app.use(middleware)

Types of Middleware

1. Application Level Middleware

Eg. API = Applicatin Programing Interface Endpoint / Api

Create an api which can handle the request type(GET/POST)

consider the below example

GET Method   Block

POST Method   Pass (next())

Client ----> App.use(middleare)--->Routename-> Mwfn1->Mwfn1 -->CBFN (Server)

1 == '1' True

1 === '1' False

Asynchronous Task/ Function  (Time)

1. SQL-Based Dbs

MySQL, MariaDB, SQL Server, PostGress

2. NoSQL-Based Dbs

MongoDB ----> DOcumentation/ Api Collections

   Document(JSON) based database

   {

    name:'anil'

   }

Backend Technology

1. ServerSide Language (NodeJS/ExpressJS)

2. Database

MongoDB (Document/JSON)

npm  = node package manager

Scenario 1

Client ----> Data ---> NodeJs/Express ---> Data-(Store)---> MongoDB

Scenario 2

Client <---- Data <--- NodeJs/Express <--- Data-(GET)--- MongoDB

Asynchronous Task

1. Api Calling

2. Getting information from DBs

3. Reading a file

4. Waiting for Files

5. Deleting a file

6. Uploading a files

Asynchronous Task can be done at both levels

1. Client Side

2. ServerSid

There are two concepts of JS Promise

1. Producing Code

PC is the code which can take time.

i.e

Async Task/Functions

2. Consuming Code

CC is the code that wait for a result

A Promise object (PO) is an object that links producing code and consuming code

Promise is a built-in JS Class

JS Class

class MyClass{

// Members

}

You can create an object of that class

po.then().catch().finally();

then() = success  = resolve

catch() = errors  =  reject