ASMR Programming - Responsive Admin Dashboard with Light & Dark Mode - No Talking

Create a Responsive Admin Dashboard For an Ecommerce Website using HTML, CSS, and JavaScript.

In this tutorial, I'm going to show you how to use modern HTML, CSS, and JavaScript to create a completely responsive admin dashboard with light and dark mode theme functionality. We'll be using CSS Variables, CSS Grid, CSS Flexbox, Media queries for our responsive design, and CSS transitions and animations for some cool animation effects.

Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :

Varmilo Youtube : @varmiloofficial4675

source of all projects also will upload in AsmrProg github page :

Video Contents :

00:00:00 - Intro
00:01:22 - Warming hands
00:01:31 - Main codes
00:02:00 - Fonts & Icons
00:03:04 - Sidebar
00:06:57 - Main styles
00:08:42 - Sidebar styles
00:17:42 - Navbar
00:19:44 - Navbar styles
00:29:42 - Header
00:31:27 - Insights
00:34:07 - Header styles
00:37:28 - Insights styles
00:41:00 - Recent orders
00:43:58 - Reminders
00:47:02 - Orders styles
00:52:57 - Reminders styles
00:56:04 - Responsive codes
00:59:38 - JS codes
01:06:54 - Responsive codes 2
01:07:52 - Fix a bug
01:08:25 - Final Result

Other Video's :

Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.

About AsmrProg Channel :

Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.

AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming

[AsmrProg]

Please LIKE video to support me surprise you 😉❤️🙏

[visualsiestasci]

1 hour long! That's what I always wanted. Thank ^-^

[giltemarsantosguitar]

Speak bro. For quality content like this, you don’t even need to ask for a like. Here's a direct like, without thinking twice. Congratulations on the content. Sensational!!! One more subscriber.

[NoobJang]

thankyou so much for this video, you have no idea how it helps me and the other people.
I really learnt a lot from this short video, its my first stride towards true responsive design and engineering.
Thankyou so much for this

[ezazharezha]

Nice works, i'm learning a lot just by watching this video ^^

[Tyzar_]

bro you are amazing, your videos help me a lot to learn and develop my programming skills, please don't stop producing content

[Techcoolyt]

I love that color var prefix ❤, and the video is so satisfying ❤

[TheNoblephantasm]

holy crap, i subscribed! this is awesome!

[nothing]

Amazing dude 😎
You are very skilled person 💪
Thank you for sharing your knowledge with us

[neyborges]

Parabéns aula perfeita e obrigado pela força de vontade e humildade em ensinar, muito obrigado agradecido Congratulations perfect class and thank you for your willpower and humility in teaching, thank you very much.🎉

[hstecnologia]

Mano voce pediu apenas um like pra voce poder continuar se eu pudesse daria um bilhão de likes pra vc continuar ! obrigado por nos dar esses conteúdos sensacional !! Prazer sou seu mais novo inscrito !!!

[bethocubans]

Muchas gracias por tus contenidos a la verdad aprendo mucho con ud. Maestro, saludos desde Cuba

[Pissinet]

Fico horas só assistindo, amo de mais programação

[ghostmaysam]

I love you'r design and responsive bro

[theaaron]

I wish I had this level of deep-work focus to code for an hour straight

[sunbullaamonqulova]

Thank you 😊😊😊 very much, 🔥🔥🔥 after watching your every video I stay much powerful.

[omath_]

You seem to be skilled in design as well. Have you learned it along with programming? :) Thanks for your amazing videos, you're inspiring me a lot!

[jotarlk]

como você deixa a digitação com esse efeito suave? é alguma extensão ou algo assim?

[hit]

please make a video on responsive web! you seem talented

[jotarlk]

Mano esses projetos que você faz no seu canal, podem ser copiados e modificados? ou são exclusivamente seus? Parabéns pelo trabalho, ganhou um inscrito!