How To Create a SideNav Bar using HTML CSS JAVASCRIPT || EXCELLENT CODE WITH AJ

Bootstrap's sidenav is a vertical navigation component which apart from traditional, text links, might embed icons, dropdowns, avatars or search forms. ... It allows you to navigate through small applications as well as vast portals swiftly.


**********more videos for web development***************


heading in html : - https://youtu.be/ExoeeK0Ff8E

img in html : - https://youtu.be/a9C01QJ37kU

anchor tag : - https://youtu.be/F1yVACKpFHQ

table in html : - https://youtu.be/qZL1QygAkuA

html emoji : - https://youtu.be/WKHZeAuX25Q


iframe html: - https://youtu.be/usRQ3MsKwHk

javascript add : - https://youtu.be/55RquGZ-qEU

hr tag :- https://youtu.be/PGzKNhxoDME

span tag :- https://youtu.be/-It6Cc572qc

calculator:- https://youtu.be/S2esZRdO4qg

what is css : - https://youtu.be/1wfb6uL7UUs

type of the css : - https://youtu.be/CC8VNQiKDoc

selector in the css: - https://youtu.be/en4vREfLYFM

syntax of the css : -https://youtu.be/NOp_hRzGqS0

color css: -https://youtu.be/loTaFK7RSj8

height and width css:- https://youtu.be/S3KdpwSdlNg

bg-img:- https://youtu.be/4ATLySNktLo

full stack developer:- https://youtu.be/a5GonrS5OqM

border in css : -https://youtu.be/w8tVKpNsooI

padding and margin in css:- https://youtu.be/W9oc6HINoT4


css text:-https://youtu.be/xGO_zVOyKMg

link css :- https://youtu.be/pv-HOhO_X_Q

table in css:- https://youtu.be/-QCF4-xpalE

position in css:-https://youtu.be/znnKVIUIZUM

fonts in css:-https://youtu.be/d5k9GQXSrlI

list in css :-https://youtu.be/qMiBafB-qqA

display in css:- https://youtu.be/QX2U4beHcgY

overflow in css :- https://youtu.be/KpMPcDyRZFs

float in css:- https://youtu.be/bSHl7MxL2PA

align in css:- https://youtu.be/FU-WuzEr_Tw

pesudo class in css:-https://youtu.be/mkJxEKqF5ks

pesudo elment in css:- https://youtu.be/vJaQ2bWchbM

opacity in css: - https://youtu.be/eB5B93rZIk4

border radius in css:- https://youtu.be/f0ZCpHP0FT4

box and text shading :- https://youtu.be/rnbfqdKJgxQ

transition part -1 :- https://youtu.be/YrJKDLPPlh4

animation video :- https://youtu.be/J6rCbEBrQlY

google fonts:- https://youtu.be/qMmLpflBaNY

font awesome: - https://youtu.be/ddvI7yS2BZs

(projects)

navbar degines:- https://youtu.be/8ERFKLs-t40

clock degines :- https://youtu.be/syhbzbzSmoE

beautifull website :- https://youtu.be/OxlkInXlBsg
gallery :- https://youtu.be/yzXXcc5g0Jk

cards1 :- https://youtu.be/o3VaktPnHyg

watch js :- https://youtu.be/rdzRKPrbG0g

about:- https://youtu.be/B1hc_t2KvnM

form degine:-https://youtu.be/x_HuW6pwd0U

preloader:-https://youtu.be/C94J0NLCgLQ

landing page :- https://youtu.be/pLrqff659k8

sidenav:-https://youtu.be/FDyG3gebqMg

(review)
part 1 :- https://youtu.be/7ULzwHNHfsw



intro js :- https://youtu.be/Xt0QKn7eX30

syantax of the js :- https://youtu.be/OpOL_Ff_HCg

comments in js : - https://youtu.be/xKQzdprYCTY

variables in js :- https://youtu.be/pOa9HdILi2k

operator in js :- https://youtu.be/vhv6efIQVKg

premitive data type:- https://youtu.be/J1Lun61AllY

function :- https://youtu.be/seZaBK-ipAY

events :- https://youtu.be/o52iP98Fvv8

sting & methods :- https://youtu.be/hRSjVAaP2CI

number & method :- https://youtu.be/AL3zLHA0RBg

array & method :- https://youtu.be/Pe3Dc-QvZjw

Date & method :-https://youtu.be/hzfWd8Sj8qk

math obj:- https://youtu.be/900miFIUeYo

randome code :- https://youtu.be/A-fQw2pxXOE

conditional statment:-https://youtu.be/TjYF1jRIK4w

switch :- https://youtu.be/Q58zfc554Mg

prompt box:- https://youtu.be/yK-JRSDQyA8

for loop:-https://youtu.be/XuAelY4dAjM

nested for lopp :- https://youtu.be/-puNWmz_-Cw

while loop:- https://youtu.be/Z0kTIXMu290

do while loop:- https://youtu.be/0tJL0ol29Cw

break and continue:- https://youtu.be/jE6YAyudibA

type conversion :-https://youtu.be/T-Bf3Iqextc



tailwinds css:- https://youtu.be/O-HXantV-3g



#AJ_DEVELOPMENT