0% found this document useful (0 votes)
140 views233 pages

Mern

Mern

Uploaded by

1704206
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
140 views233 pages

Mern

Mern

Uploaded by

1704206
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 233

Day1,2- HTML Structure

17 March 2023 09:19 PM

1. Only title tag is rendered from head tag


2. All other info will not be renered

HTML 5 Page 1
HTML 5 Page 2
Day3- Pre, br, hr, fevicon
20 March 2023 09:09 PM

Inline Element

HTML 5 Page 3
HTML 5 Page 4
HTML 5 Page 5
Day4- Image and Formatting tags
21 March 2023 09:03 PM

HTML 5 Page 6
HTML 5 Page 7
HTML 5 Page 8
Day5- Anchor Tag
22 March 2023 09:50 PM

HTML 5 Page 9
HTML 5 Page 10
Day 6- Iframe
23 March 2023 09:14 PM

HTML 5 Page 11
HTML 5 Page 12
Day 7- Tables
24 March 2023 09:06 PM

HTML 5 Page 13
HTML 5 Page 14
HTML 5 Page 15
HTML 5 Page 16
Day 8- Lists
28 March 2023 09:26 PM

HTML 5 Page 17
HTML 5 Page 18
HTML 5 Page 19
HTML 5 Page 20
Day 9- Inline Vs Block Level
31 March 2023 10:55 AM

HTML 5 Page 21
Day 10- Meta Tags
31 March 2023 09:17 PM

HTML 5 Page 22
HTML 5 Page 23
HTML 5 Page 24
Day 11- Div, Span (Non Semantic HTML)
03 April 2023 09:46 PM

HTML 5 Page 25
Day 12- Semantic Vs Non Semantic Tags
04 April 2023 09:17 PM

HTML 5 Page 26
Day 13 - Form: GET
06 April 2023 10:19 PM

HTML 5 Page 27
HTML 5 Page 28
Day 14 - Form: POST
06 April 2023 09:35 PM

HTML 5 Page 29
HTML 5 Page 30
HTML 5 Page 31
HTML 5 Page 32
Day 15 - Different Input Types
07 April 2023 09:37 PM

HTML 5 Page 33
HTML 5 Page 34
HTML 5 Page 35
Day 16 - Multimedia
13 April 2023 09:24 PM

HTML 5 Page 36
HTML 5 Page 37
Day 17 - SVG Graphics
15 April 2023 07:46 PM

HTML 5 Page 38
HTML 5 Page 39
HTML 5 Page 40
Day 18 - Canvas Graphics
17 April 2023 09:19 PM

HTML 5 Page 41
HTML 5 Page 42
29 September 2023 09:19 PM

HTML 5 Page 43
Day1 - Basics
20 April 2023 09:10 PM

CSS 3 Page 44
CSS- Syntax

CSS 3 Page 45
CSS 3 Page 46
Day2 - Selectors
21 April 2023 09:10 PM

CSS 3 Page 47
CSS 3 Page 48
Day3 - Comments, Colors
24 April 2023 09:08 PM

CSS 3 Page 49
CSS 3 Page 50
Day4 - Border
25 April 2023 10:12 PM

CSS 3 Page 51
CSS 3 Page 52
Day4 - Box Model
25 April 2023 09:07 PM

Margin Padding Content

CSS 3 Page 53
CSS 3 Page 54
Day5 - Display Property
27 April 2023 09:40 PM

https://www.w3schools.com/css/css_display_visibility.asp

https://www.w3schools.com/cssref/pr_class_display.php

CSS 3 Page 55
Other,
21 April 2023 09:24 PM

https://developer.mozilla.org/en-US/docs/Web/CSS/Inheritance

CSS 3 Page 56
Day 1: Intro and Syntax
02 May 2023 12:08 PM

CSS (W3) Page 57


CSS (W3) Page 58
CSS (W3) Page 59
Day 2: Selectors https://www.w3schools.com/cssref/trysel.php
02 May 2023 12:10 PM

CSS (W3) Page 60


CSS 1

CSS 1

CSS 1

CSS 2

CSS 1

CSS 1

CSS (W3) Page 61


Day 3: Colors
02 May 2023 12:41 PM

CSS (W3) Page 62


CSS (W3) Page 63
Day 4: Background https://www.w3schools.com/cssref/playdemo.php?filename=playcss_background
02 May 2023 12:27 PM

CSS (W3) Page 64


1. Background Color
02 May 2023 01:38 PM

CSS (W3) Page 65


A. Background-Clip
03 May 2023 12:16 PM

CSS (W3) Page 66


2. Background Image
02 May 2023 01:50 PM

CSS (W3) Page 67


CSS (W3) Page 68
A. Background-Repeat
02 May 2023 02:25 PM

CSS (W3) Page 69


CSS (W3) Page 70
CSS (W3) Page 71
B. Background-Position
02 May 2023 02:26 PM

CSS (W3) Page 72


CSS (W3) Page 73
CSS (W3) Page 74
C. Background-Attachments
02 May 2023 02:26 PM

CSS (W3) Page 75


CSS (W3) Page 76
D. Background-Size
02 May 2023 02:27 PM

CSS (W3) Page 77


CSS (W3) Page 78
E. Background-Origin
03 May 2023 12:16 PM

CSS (W3) Page 79


CSS (W3) Page 80
3. Background-Shorthand
03 May 2023 12:16 PM

CSS (W3) Page 81


Day 5: Borders
12 May 2023 10:59 AM

CSS (W3) Page 82


CSS (W3) Page 83
CSS (W3) Page 84
CSS (W3) Page 85
CSS (W3) Page 86
CSS (W3) Page 87
Day 6: Margins
12 May 2023 11:00 AM

CSS (W3) Page 88


CSS (W3) Page 89
Day 30: Others
03 May 2023 12:07 PM

CSS (W3) Page 90


1. Opacity Vs Transparency
02 May 2023 01:42 PM

CSS (W3) Page 91


CSS (W3) Page 92
Day 1: Introduction
18 May 2023 09:15 PM

https://getbootstrap.com/docs/5.3/getting-started/introduction/#cdn-links

Bootstrap 5 Page 93
Day 2: Breakpoints
18 May 2023 09:15 PM

Bootstrap 5 Page 94
Bootstrap 5 Page 95
1. Container Vs Container Fluid
18 May 2023 09:56 PM

Bootstrap 5 Page 96
Bootstrap 5 Page 97
1. Introduction to JavaScript
01 June 2023 09:15 PM

1. History

2. Variables

ReDeclare => Var-Yes, let/const- No

3. Scope

4. Datatypes

JavaScript Page 98
Undefined vs Not Defined

5. Memory Allocation

6. Operators
A = B ?? ""

JavaScript Page 99
A = B ?? ""
?? Nullish Operator

?. Optional Chaining

7. Control Statements

8. Loops

JavaScript Page 100


2. Data Structures
02 July 2023 02:33 PM

JavaScript Page 101


A. String
02 July 2023 03:06 PM

JavaScript Page 102


JavaScript Page 103
JavaScript Page 104
B. Arrays
02 July 2023 03:40 PM

Splice

Common Methods between String and Array


Method Name
IndexOf
LastIndexOf
Slice
includes
Concate

Why we need localCompare while sorting strings =>

JavaScript Page 105


JavaScript Page 106
C. Objects
02 July 2023 03:42 PM

JavaScript Page 107


Lexical parent

JavaScript Page 108


IMP 1. Factory Functions
10 July 2023 12:01 PM

JavaScript Page 109


JavaScript Page 110
IMP 2. Constructor Function
10 July 2023 12:47 PM

JavaScript Page 111


D. Maps
07 July 2023 01:18 PM

JavaScript Page 112


E. Set
07 July 2023 01:18 PM

JavaScript Page 113


F. Stack
07 July 2023 01:18 PM

JavaScript Page 114


G. Queue
07 July 2023 01:18 PM

JavaScript Page 115


3. Functions
02 July 2023 02:33 PM

JavaScript Page 116


JavaScript Page 117
IMP1: Higher Order Functions
10 July 2023 01:18 PM

JavaScript Page 118


4. Storage
02 July 2023 03:41 PM

1. Local Storage

2. Session Storage

JavaScript Page 119


3. Cookies

JavaScript Page 120


JavaScript Page 121
5. Navigation
07 July 2023 01:06 PM

3. New Tabs, Window


1. Change Browser URL 2. History Operations

JavaScript Page 122


6. Dialogue Boxes
07 July 2023 01:06 PM

1. Alert Box

2. Confirm Box

3. Prompt Box

JavaScript Page 123


JavaScript Page 124
7. DOM, BOM
07 July 2023 01:13 PM

JavaScript Page 125


8.Events
07 July 2023 01:13 PM

1. Event Handlers

Html File JS File

2. Event Listeners

JavaScript Page 126


3. Event Bubbling

JavaScript Page 127


4. Event Capturing

JavaScript Page 128


9. Generators and Iterators
19 July 2023 11:24 PM

1. Iterators - It's an way to iterate over array/strings

JavaScript Page 129


9. Async Programming
02 July 2023 02:33 PM

JavaScript Page 130


1. Call Back Functions
07 July 2023 01:15 PM

1. Practical Example - Shopping Cart

1. Simple Sync Programming

JavaScript Page 131


2. Call Back Functions

2. Disadvantages of Call Back Functions

JavaScript Page 132


JavaScript Page 133
2. Promises
07 July 2023 01:15 PM

1. How Promise Looks

2. States in Promise

3. Practical Example - Shopping Cart

JavaScript Page 134


1. Simple Sync Programming

JavaScript Page 135


2. Using Promises

4. Promise Resolution Chain

JavaScript Page 136


JavaScript Page 137
1. Promise.all() Methods Of Promises
12 July 2023 01:57 PM

1. What is .all() => Return all full field promises

2. Example

3. Use of .all()

JavaScript Page 138


2. Promise.any()
12 July 2023 02:18 PM

It will wait to see if any promise is getting fulfilled, if no promises is fulfilled,


it will return with rejected promise

JavaScript Page 139


3. Promise.race() Methods Of Promises
12 July 2023 02:17 PM

1. What is .race()

2. Example

3. Use of .race()

JavaScript Page 140


4. Promise.allSettled() Methods Of Promises
12 July 2023 02:17 PM

1. What is .allSettled()

2. Example

3. Use of .allSettled()

JavaScript Page 141


3. Async Await
07 July 2023 01:15 PM

Call Back Hell

Promise Chaining

Async Await

3. Practical Example - Shopping Cart

JavaScript Page 142


1. Simple Sync Programming

JavaScript Page 143


2. Promises + Async, Await

JavaScript Page 144


4. Observables
07 July 2023 01:16 PM

JavaScript Page 145


10. Object Oriented Programming
07 July 2023 01:16 PM

JavaScript Page 146


JavaScript Page 147
JavaScript Page 148
0. Class and Objects
14 July 2023 01:52 PM

1. Example of Class

2. How to create Class


Method 1 =>

Method 2 =>

JavaScript Page 149


1. Inheritance
12 July 2023 03:06 PM

JavaScript Page 150


1. Class Level Inheritance
12 July 2023 03:08 PM

JavaScript Page 151


2. Function Level Inheritance
12 July 2023 03:08 PM

JavaScript Page 152


3. Object Level Inheritance
12 July 2023 03:09 PM

JavaScript Page 153


2. Abstraction
12 July 2023 03:06 PM

JavaScript Page 154


3. Encapsulation
12 July 2023 03:07 PM

JavaScript Page 155


4. Polymorphism
12 July 2023 03:07 PM

JavaScript Page 156


5. Prototype
14 July 2023 12:32 PM

JavaScript Page 157


Every time do we manually need to write functions on prototype?

JavaScript Page 158


JavaScript Page 159
6. Proto vs Prototype
19 March 2024 11:31 PM

What is Protype Inheritance

__Proto__

Prototype

JavaScript Page 160


11. ES6 Features
07 July 2023 01:16 PM

JavaScript Page 161


1. IIFE
12 July 2023 03:09 PM

JavaScript Page 162


2. Spread Operator
12 July 2023 03:10 PM

JavaScript Page 163


3. Destrcturing Assignments
12 July 2023 03:10 PM

JavaScript Page 164


4. REST Operator
29 July 2023 01:17 AM

JavaScript Page 165


Misc
23 February 2024 10:39 PM

JavaScript Page 166


1. This Keyword
23 February 2024 10:40 PM

This keyword is an special keyword in js, which will always


points to some object.

JavaScript Page 167


2. Call Apply Bind
23 February 2024 10:43 PM

JavaScript Page 168


JavaScript Page 169
3. Closure Function along with its lexical scope
23 February 2024 11:04 PM

JavaScript Page 170


JavaScript Page 171
4. Currying Function
23 February 2024 11:10 PM

JavaScript Page 172


5. Hoisting
23 February 2024 11:16 PM

Accessing variable before its declaration

JavaScript Page 173


6. Event Loop
23 February 2024 11:24 PM

JavaScript Page 174


7. Global Execution Context
23 February 2024 11:24 PM

JavaScript Page 175


8. Regex, Date
23 February 2024 11:26 PM

JavaScript Page 176


9. Copies in Js
12 March 2024 01:34 AM

JavaScript Page 177


JavaScript Page 178
Context API
10 September 2023 12:55 AM

1. Create Context

1. Create Context
2. Provider
3. Consumer

2. Provider

<CountContext.Provider value="" >

</CountContext.Provider>

3. Consumer/useContext =>
4. UseContext =>

<CountContext.Consumer> <LoginContext.Consumer>

{(context) => {

//Write all JSX logic here

}}

</CountContext.Consumer>

App.js => Root Element


|-> Navbar.js
|-> Body.js
| | -> Card.js
|

Practice Page 179


|-> Body.js
| | -> Card.js
|

Step1: Create Context


Step2: Use Provider
Step3: Use Consumer/useContext

Const [count, setCount] = useState(0)

Practice Page 180


Redux
10 September 2023 12:55 AM

useSelector()

1. Store - Centralized Space to manage state


2. Slice - Indivisual Folders
3. Actions - Functions to update States
4. Dispatcher - Call action Functions
5. Reducer - Update data in store
6. UseSelectore/Subscribing to store => Read State Variable in store

useSelector(store => store.cart.count)

1. Create Store
2. Create Slice
3. Register Slice in store
4. Provide Store to root Element
5. Read/Update data

Practice Page 181


13 September 2023 10:52 AM

Practice Page 182


Legacy-Redux
13 September 2023 04:05 PM

Practice Page 183


Redux with Class Components
14 September 2023 06:40 AM

Practice Page 184


Practice Page 185
Thunk with Redux-Toolkit
15 September 2023 07:06 AM

Practice Page 186


17 September 2023 12:55 PM

Practice Page 187


Practice Page 188
18 September 2023 07:12 AM

useMemo =>

-> It is used to inc performance

Find nth Prime no => 900000 => 5, 6 sec

Const ans = useMemo(()=>findnthPrime(number), [number])

Caching => memoisation =>

{
2:ABC,
3:PQR
1

useCallback(()=>setSalary(salary + 100), [salary ])

Practice Page 189


1. Doccure Planning
30 September 2023 01:53 PM

Mukund

Project Page 190


React
2.Redux Toolkit =>
3.React-router-dom
4.Bootsrap=>
5.Thunk-Middleware
6.ChartJs
7.Firebase / db.json
8.Axios
9.Contentfull

Project Page 191


2. Folder Distribution
23 September 2023 02:01 PM

Project Page 192


0. Main App
03 October 2023 01:43 PM

Project Page 193


Project Page 194
Project Page 195
Project Page 196
1. Admin
HOC
03 October 2023 01:42 PM

Project Page 197


Project Page 198
2. Authentication
03 October 2023 01:24 PM

Fname Lname DOB Gender Email Password Mobile Address City State Zip Code Country Social Accounts

Project Page 199


Project Page 200
3. Blogs
03 October 2023 01:43 PM

Project Page 201


4. Doctor Dashboard
23 September 2023 02:55 PM

Patient: {
id
Name
DP
Appointment Date
Appointment Time
Purpose
Type of patient
Paid amount
}

Patient: {
Name
Email
Phone number
Address
DP
Appointment Date
Appointment Time
}

Project Page 202


Patient: {
Name
Email
Phone number
Address
DP
Appointment Date
Appointment Time
}

Patient = {
DP
Name
ID
Location
Phone
Age
Blood Group
}

timeSlots: {
doctoreId:
Date
Day
Slots:[{
Starttime
endtime
}]

Project Page 203


Invoice Table=>

Invoice = {
Invoice Id
Patient name
Amount
Paid On
}

Save in doctor Profile

Project Page 204


Project Page 205
Additional Pages
03 October 2023 02:58 PM

1. Add Services
2. Add Clinic Details

Project Page 206


5. Patient Dashboard
03 October 2023 01:43 PM

Project Page 207


6. Pharmacy Admin
03 October 2023 01:43 PM

User1={
Name
Email
DOB
Mobile
Password
Profile
Picture
Role
Address
About
}

Notification={
Message:
Time:
User:
Project Page 208
Message:
Time:
User:
Expert Id:
}

Project Page 209


3. Database Structure
03 October 2023 01:41 PM

Database Structure =>

User Profile =>


Sr UID Fname Lname DOB Gender Email Password Mobile Address City State Zip Code Country Social Accounts
Int Str Str Str Date Str Str Str Str Str Str Str str Str Obj(
Fb: "link",
)

Patient Profile =>


Sr User Id Weight Height Age Blood Group Heart Rate BP Glucose Level Allergies Family Members
Int Str Float Float Int Str Str Str Str Arr(str) Obj([memb1, memb2])

Doctors =>
Sr Doctor ID User Profile Degree Services About Me Specialisation Clinic ID Rating Rated By Count Total Patients
Int Str Int Str [1,2,3] Str Arr(Str) Arr Float Int Int

Doctor Service Table =>


Sr Service ID Service Name Price
Int Int Str Float

Clinic Details =>


Sr Clinic ID Name Address Images Address City State County Zip
Int Int Str Str Str Str Str Str Str int

Time Slots of Doctors =>


Sr Dr ID Date Slots
Int Int Date Arr[string]

Appointment Booking Table =>


Sr Appointment ID User id F name L name Email phone Date Time Dr Service Payment Method Paid On Payment Status Appointment Status
Int Int Paid

Medicine Order Table =>


Sr no User Id F name L name Email phone Order No Order Date Products Pharmacy Name Total Amount Paid Via Status

Review of Doctor =>


Sr User Dr Is Recommended Review text Rating Like Dislike Replies

Project Page 210


1. Registration
03 October 2023 02:13 PM

Project Page 211


06 October 2023 11:18 PM

1. Dashboard =>Appointment Requests


2. Appointments => Confirmed
Appointments
3. My Patients
4. Schedule Timings
5. Available Timings
6. Invoices
7. Accounts
8. Reviews
9. Profile Settings
10. Services
11. Clinics
12. Change Password
13. Logout

Project Page 212


Header
06 October 2023 11:14 PM

Project Page 213


Footer
06 October 2023 11:18 PM

Project Page 214


Home
06 October 2023 11:23 PM

Project Page 215


Project Page 216
Authentication
06 October 2023 11:37 PM

Project Page 217


Project Page 218
Cohort Notes
19 December 2023 05:12 PM

Express Page 219


1. HTTP Servers
19 December 2023 05:12 PM

Express Page 220


Express Page 221
Backend
19 December 2023 11:06 AM

• Express is external library to create servers.

Different arguments from .listen() methods

Express Page 222


Express Page 223
1. HTTP Methods
19 December 2023 11:19 AM

Express Page 224


Express Page 225
2. Req & Res Objects
19 December 2023 11:28 AM

A. Request Object

B. Response Object

Express Page 226


B. Response Object

Express Page 227


3. Middleware
19 December 2023 11:38 AM

A. Middleware Overview

B. Use External Middlewares

Middleware

C. Custom Middleware

Express Page 228


D. Types of Middleware

Express Page 229


Express Page 230
Express Page 231
4. JSON Web Token (JWT)
23 December 2023 05:19 PM

- Used to hide username password from request headers


- We can set expiry of token which will be validated at backend
- We can store JWT in local storage and remove once logout

When sending req to backend, we take this JWT from local


storage and send it with req

Check if Req is authenticated

Express Page 232


Set JWT

Express Page 233

You might also like