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

[@eraye6955]

As a software developer, dealing with complex projects and struggling with errors all day, watching simple things like this relaxes me and clears my mind. Thank you for your effort.

[@AsmrProg]

Thanks a lot for great words 🙏

[@Deminogg]

Weird way to flex.

[@AsmrProg]

@Deminogg why!

[@jd2161]

​@Deminogg right? "Simple things"

[@AsmrProg]

🙄

[@bruno10505]

I learned more watching these asmr and repeating with my own sites than studying to college

[@AsmrProg]

Great, keep going on and LIKE videos please ❤️🙏

[@KM-ne1ft]

I just found this channel today and it honestly changed my life. I am a CS student and this is so helpful for me to learn. Thank you so much for your work.

[@AsmrProg]

Keep it up 😉🙏❤️

[@AyaHaja-y5v]

nice keep going

[@AsmrProg]

🙏❤️

[@Dantee52]

CS student and you don't know how to make a website? Leave that ChatGPT alone bro

[@AsmrProg]

Learning need time!

[@ummehanyarozshandaanny2846]

Is it only me who watched the whole tutorial with fascination? Great job, sir.

[@AsmrProg]

Thanks, please like to support 🙏❤️

[@ummehanyarozshandaanny2846]

@@AsmrProg of course Please share more tutorials 🙏🏻

[@AsmrProg]

Yes, we will have more 😉🙏❤️

[@ummehanyarozshandaanny2846]

@@AsmrProg thanks in advance

[@AsmrProg]

🙏❤️

[@techsavannah]

This channel could not have come at a better time in my learning journey. This video helped me get out of the tutorial spiral I was in, and actually just build something and put the concepts I've been learning to actual practice. Thank you so much for this. Please do more and more.

[@AsmrProg]

Thanks so much for your great vibes and energy, Sorry for late response 🙏

[@DiarreSoft]

i am new at programing and your videos has changed my life im learning from you thank you so much

[@tresaidh3y90]

All the plugins vs code offers is making me want to switch. Awesome job man I learned so much watching you.

[@AsmrProg]

Thanks 🙏❤️

[@arianshah_dev]

You've got an eye for design, just like me. When you code, I hope you always think of these words: "Design is not just what it looks like and feels like. Design is how it works."

[@AsmrProg]

Yes, thanks for good energy 🙏❤️

[@Mcoder2023]

these days Design is important

[@AsmrProg]

Yes!

[@TechDesignHub]

Did you have it already designed or mocked up before all of these?

[@AsmrProg]

@TechDesignHub yes, then created video for it 🙏

[@stackercoding2054]

I remember when I started to code I thought I was going to be a frontend dev, it was really fun to create react apps and show data gathered from an API, but when I landed on my first job (small startup but managing a relatively big project), oh boy, I lasted like 2 or 3 months as a frontend developer until I was moved to the backend team, and from that moment I kept in the backend even after leaving that startup. Frontend is cool for personal projects but when something needs a refactor you really need to be an absolute master in CSS to build good stuff. Since then I always have a big respect for frontend devs, people use to think its the easiest programming role but it actually takes a lot of knowledge to be good in frontend.

[@AsmrProg]

Yes, i will cover all of these in my channel for beginner and expert audience 😉🙏 thanks for additional info ❤️

[@chrisstucker1813]

CSS is not THAT difficult. It just requires patience. You have to completely break down a design before attempting to write a single line of CSS. Once you have it all annotated and mapped out, you’re just following a blueprint. The more organised you are, the easier CSS becomes. It’s all about being organised and prepared

[@AsmrProg]

@chrisstucker1813 yes its right, thanks for your info 🙏❤️

[@auricaputri7664]

I just found this channel, then followed the tutorial for light & dark mode and I learned a lot. amazing channel

[@AsmrProg]

Great to hear! 🙏❤️

[@asher05]

Man, this is just so cool and well done... You make it look so easy and also made me realize that i need to practice more! *VERY* good!

[@AsmrProg]

Thanks a lot, LIKE video to support my channel please 🙏❤️

[@Mcoder2023]

I agree with you

[@AsmrProg]

Thanks bro 🙏❤️

[@asher05]

@@AsmrProg always 💪

[@AsmrProg]

🙏❤️

[@rikuexplain]

i dont have words to describe it . I am one the and finished Only HTML . Love it Man Thanks For the Source Code

[@AsmrProg]

Thanks 🙏❤️

[@plaridelsingsong2828]

Dude you make the best responsive design and I'm learning a lot from you. Keep it up!

[@AsmrProg]

Thanks 🙏❤️

[@bitonic589]

​@@AsmrProgI have a suggestion for you: sorting algorithm visualizer.

[@AsmrProg]

🧐🤔

[@bitonic589]

@@AsmrProg what does that mean?

[@bitonic589]

@@AsmrProg is that a yes or no

[@Anime_cinema1]

I'm so excited because I found your channel and I'm grateful for what you do. I appreciate everything and I hope you continue I hope you help us with your information. ❤As you do

[@Hybridham86]

Just found out my new favorite channel to chill out while coding ! Awesome vid mate !

[@AsmrProg]

Thanks 🙏❤️

[@anashasan2342]

+1 🤞😉

[@AsmrProg]

🙏❤️

[@StarkEC-t8m]

You really worked hard my bro, and this is not simple css mastering but you're really a designer

[@CGAR_420]

Another way to do the dark/light theme is to change the value of the color variables with JS In light theme --maincolor = #000 In dark theme --maincolor = #fff Then you don't have to add any extra css, since the JavaScript changes the value of the variables you already put

[@AsmrProg]

Yes, thanks for additional information 🙏❤️

[@CGAR_420]

@@AsmrProg I'm sure YOU already know 😂 mostly for the viewers watching I love these videos btw! Thank you for making them

[@AsmrProg]

@iChristiannn thanks 🙏❤️

[@Ilovewomeans]

what you have done in 1 hr, its impressive.

[@krishkhanal2053]

Yeah..now something interesting came 🎉. Keep uploading ❤

[@AsmrProg]

Thanks a lot, please like it to support my channel 🙏❤️

[@krishkhanal2053]

@@AsmrProg don't worry already done that job...❤️😊

[@AsmrProg]

🙏❤️

[@AsadKhan-gp9sk]

ironic isn't it i came here to reduce headache caused by programming web apps through the ASMR of programming web apps my problem was my solution this whole time

[@AsmrProg]

Oh! 🙏❤️

[@D-Tech_IT]

Keep it Up!!!!🔥🔥🔥

[@AsmrProg]

Thanks a lot 🙏

[@mindwell-vw5sz]

Amazing, as a college student, I learned a lot after watching this video

[@mromanjoep]

Congrats AsmrProg keep your work and dont give up!

[@AsmrProg]

🙏❤️

[@someoneyouknow2440]

I just found this channel and I never knew I would enjoy ASMR programming as much as I did. Thanks for this, R+ and subscribed.

[@AsmrProg]

Thanks so much 🙏❤️

[@T-800cs]

Wow! Great job!

[@AsmrProg]

Thanks, please like it to support me 🙏❤️

[@AsadKhan-gp9sk]

when this dude gets frustrated during debugging he just watch asmr footage of him coding and by the end of the video he gets both mental peace and also the bug he spotted while watching. thats next level of debbuging where you get relaxed instead of frustration and actually spot the mistakes you were doing the whole time

[@AsmrProg]

Thanks a lot for your great words 🙏❤️

[@agrekanyoro6008]

thank you sir for your effort sir, i'm really learning alot from your series

[@AsmrProg]

Thanks a lot 🙏❤️ like video to support us

[@Mcoder2023]

By watching these tutorials, we will become a professional web developer👍

[@MrAllprog]

WOOOW! Finally someone who knows how CSS should be used. No Failwind or Bootcrap or ignorance classes nonsense. Congrats!

[@AsmrProg]

Thanks so much 🙏❤️

[@waterjr4393]

I just subscribed because you give me the best ideas for projects and web design. keep it up bro.

[@AsmrProg]

Thanks 🙏❤️

[@Arctyrex]

I pray that you will reach 1 million subscribers soon. Please make the next part that can combine all the features on this website🙏

[@adambaltimore]

It’s so fun to watch + I definitely learned a lot from the video. Thank you for sharing your work 😃

[@AsmrProg]

Thanks 🙏❤️

[@Enigma_files_]

Keep it up

[@AsmrProg]

😉🙏

[@wonderfulnepalwow]

I don't know about coding but liked watching your work 👍👍👍

[@AsmrProg]

Thanks so much 🙏❤️

[@hardikchawhan6346]

Nice website ❤. btw how did you change the background image of the ide, looking sick

[@AsmrProg]

Thanks, it’s glassit extension 🙏

[@hardikchawhan6346]

@@AsmrProg thanks 👊

[@AsmrProg]

🙏❤️

[@CsHistory47]

thanks for this project you're my teacher🤝

[@CleverForYou]

Ты не перетрудись ❤

[@AsmrProg]

Thanks 🙏❤️

[@felixgt1-c9f]

@@AsmrProg source code?

[@AsmrProg]

I will upload it on github today 😉🙏

[@raponduty]

Awesome website is simple and clean!!

[@AsmrProg]

Thanks 🙏❤️

[@ghostmaysam]

But create this is not simple😵🔥

[@AsmrProg]

We will create it with bootstrap too 😉

[@fakeaccount2438]

Great Work! What do you use to record screen?

[@AsmrProg]

Hi, zd soft screen recorder

[@ellaidhurai602]

You're replying every comment. That's amazing

[@AsmrProg]

Yes, all of comments are important for me 😉

[@milxval]

Hey can you do a video where u show your VSCODE Extensions and Settings? Btw, great job :D

[@AsmrProg]

Hi, i will write all in a github readme soon 😉🙏❤️

[@milxval]

@@AsmrProg Thanks!!

[@AsmrProg]

🙏❤️

[@ghostmaysam]

The god of responsive🔥🔥🔥

[@AsmrProg]

❤️❤️❤️

[@marcjacobreyes]

Very good video, well thought out and well done. You sir are a web dev genie.

[@AsmrProg]

Thanks a lot 🙏❤️

[@herlanmustopa-dev]

Cool. This makes me relax and refresh the things I forgot about code. Interesting 🎉❤

[@AsmrProg]

Thanks 🙏❤️

[@goe4t]

Каласальная робота респект 🔥

[@AsmrProg]

Thanks a lot 🙏❤️

[@YardBoiLuis]

I love this channel bruh. Thanks for this.

[@AsmrProg]

Thanks, like video to support me 🙏❤️

[@AsmrProg]

Please LIKE video to support me, because I have worked hard for this tutorial ❤🙏 Source Code Link Added to description 😉 Don't forget to follow our github 🙏

[@CleverForYou]

You are top ⭐❤️

[@AsmrProg]

I need your supports, please LIKE and Share video to support my channel 🙏❤️

[@CleverForYou]

Все я лайкнула

[@Blaze_09]

are you from Bangladesh ?

[@SteenSneeze]

Is there source code for this video if so where can I find it

[@blitz-qb3ih]

No time wasted. Thank you!

[@vladislavshablovskij979]

What's your VS Code color theme?

[@daniboy0558]

It's a modded transparent background, i don't know how it's called

[@ph1ns]

Glass vsc

[@naeemulhoque1777]

Looks so beautiful 😭

[@AsmrProg]

🙏❤️

[@H_NileshKumar]

Woww man ❤️

[@AsmrProg]

Thanks, Like video to support 🙏❤️

[@H_NileshKumar]

@@AsmrProg already subbed and liked ❤️🙏😊 , your content is awesome You should also talk in video regarding all the codes you are writing ,hope you do it in future 😄

[@AsmrProg]

Thanks so much 🙏❤️

[@AsmrProg]

For talking i will create full courses 😉 currently I’m working on a simple site for channel 🙏

[@H_NileshKumar]

@@AsmrProg wow , that's great 😃

[@julian_pp]

Damn I love this vid!!! Thank you so much.

[@AsmrProg]

🙏❤️

[@farukcoban3159]

Can you add the shortcuts you used in the video to that part of the video?

[@AsmrProg]

Hi bro, which shortcuts you want?!

[@farukcoban3159]

@@AsmrProg I'm not asking anyone specifically. I wanted to say can you put the shortcut used in the videos somewere in the video. So I think it will be more useful for everyone. maybe i didn't explain well my english is not very good

[@AsmrProg]

It’s ctrl+shift+arrow keys to select words, ctrl+enter to go in new line, ctrl+shift+enter to create a new line and move current line to bottom 🙏

[@farukcoban3159]

Thanks for your answer. I love your videos. 🙏

[@AsmrProg]

🙏❤️

[@Raajsoni468]

Bhai bohot achcha banaya yr yakin ni hota ki ye html, css, javascript se banaya gya hai aisa lag raha jaise Java ya fir c++ ka use kiya gya hai or ye koi application hai

[@baibhavkc1124]

Can you please let us know what kind of theme are you using for your VS Code? It looks so good! IT would be very helpful if you can make a video on that

[@AsmrProg]

Hi, check my GitHub, there is a repository about all of my vscode settings 🙏

[@SantiagoSarmiento1]

I was going to ask exactly the same

[@dennydr874]

I really like your video, it inspired me to make a project for myself

[@AsmrProg]

🙏❤️

[@saansty144]

is there a source code?

[@AsmrProg]

Hi, yes i will upload it on github today 😉 please like video to support my channel ❤️

[@saansty144]

@@AsmrProg thanks, I love your Videos and like all of them

[@AsmrProg]

Thanks 🙏❤️

[@ItzPouriya]

Afarin dash kheyli khoob bood ali!

[@AsmrProg]

❤️🙏

[@nour.dev74]

wow ❤🫶

[@AsmrProg]

LIKE video to support my channel 🙏❤️

[@D0F4M1N3]

[@AsmrProg]

😁😁

[@sixthsense844]

can you share your VS Code background image please

[@AsmrProg]

Hi, send message in telegram, link on channel about page 🙏

[@misterworldhide]

software developers: code for fun, watch people code for fun, listen to people coding for fun. What a time to be alive.

[@AsmrProg]

🙏❤️😂

[@JustShmile]

First

[@CleverForYou]

Малочинка

[@AsmrProg]

Please LIKE video 🙏❤️

[@CleverForYou]

Ok

[@AsmrProg]

Thanks 🙏

[@calanside15]

i learned so much, thanks a million for the effort. - much love

[@AsmrProg]

Thanks bro 🙏❤️

[@jorgeyohandejesussepulveda6440]

OYE PERO QUE GOOD ERES BROTHER, ESTOY CADA DIA ESFORZANDOME PARA CADA DIA SER MEJOR

[@noticiasrapidas_br]

Amazing video congratulations, I'm from Brazil, it would be cool if you made a video showing one of your first projects.

[@AsmrProg]

Hi, sorry but I don’t have its video! sorry for late response 🙏

[@yasinuscosinus]

A very instructive tutorial!

[@AsmrProg]

Thanks 🙏❤️

[@asmrKotlin]

Wow . Amazing project🔥

[@AsmrProg]

Thanks bro 🙏❤️

[@JayTheMishra]

such a great experience and learning. Thank you

[@opinenustedes4897]

If i had the knowledges of this guy i was so happy...

[@ashenadeesha21]

wow! that was so beautiful

[@AsmrProg]

Thanks 🙏❤️

[@josuefilms]

I'm just starting in CS and your videos are so helpful.

[@AsmrProg]

Thanks 🙏❤️

[@sukurullashaikh9313]

Nice Work bro thanks for the wonderful video

[@rishioptional9167]

Bro you are insane. How you code this blow my mind. I am a small web developer started 1 year ago. I wish to talk to you once in my life and if yes than it will be my pleasure.😊

[@AsmrProg]

Thanks, it’s just need experience, nothing else 😉

[@kurczaczek331]

Im speachless, just wow.

[@AsmrProg]

🙏❤️

[@Digital0.0]

awesome have to take some pointers from you this is rly sleek.

[@AsmrProg]

Thanks 🙏❤️

[@roldanosky]

this is the first video that I see of your channel. I like it! New subscriber :D

[@AsmrProg]

Thanks 🙏❤️

[@leonardopillay4200]

This is the first video ive seen of yours and its absolutely awesome. Love the vscode theme care to mention what it is?

[@AsmrProg]

Thanks a lot, check my GitHub, there is a repository about all of my vscode settings 🙏

[@leonardopillay4200]

@@AsmrProg Awesome! Will definitely check it out.😄

[@AsmrProg]

🙏❤️

[@ascended1924]

Dude the tutorial is really good. Just one request, please just hide the keyboard cam, it blocks some of the code and tbh isn't adding much value to this tutorial.

[@AsmrProg]

Hi bro! No! We hide keyboard when code block is under it!!

[@musicvibes3286]

thanks for sharing your works dude it saves me a lot of time

[@AsmrProg]

🙏❤️

[@PrinceKumar-hh6yn]

That's one of the nicest proj. We can visualise and relate to 👌

[@AsmrProg]

🙏❤️

[@rajuyadav7106]

Your videos are really helpful and informative to watch ❤ but I have a suggestion to slow your video little bit

[@AsmrProg]

Thanks so much, why slow! It’s too fast?!

[@interwebslinger]

Just change the KZbin playback speed to suit your needs! 😊

[@AsmrProg]

@interwebslinger 😁❤️

[@radunorth1744]

best asmr ever

[@AsmrProg]

❤️🙏

[@Jota1602_]

Great video bro!! One quest, what’s the model -brand- for your keyboard sounds amazing. Thnks!!!

[@AsmrProg]

Hi, full info on description 🙏

[@alperkaraca5352]

That was a great exercise thx!

[@AsmrProg]

🙏❤️

[@adwaitdate7766]

New dev here, got a lot to learn from this video i tried to take icons from google image and set it up as buttons before😂

[@AsmrProg]

Oh, font icons are best! Try it 😉

[@DILA_01_]

Nice Work Brother

[@AsmrProg]

🙏❤️

[@aratemori]

This is perfect.... i'm liked it

[@AsmrProg]

🙏❤️

[@sannann1339]

Wow , I just loved that 😍and your vs code theme looks amazing can you share the secrets of it❤.

[@AsmrProg]

Hi, please check my github, there is a repository about all of my vscode settings 🙏❤️

[@juanbranca5928]

Amazing video! Where did you learn coding? also it was easy or hard for you? :)

[@AsmrProg]

Hi, it’s ~8 years im coding, with self-study and courses in my country 🙏

[@HumbledBee]

Amazing, design #1 and not one trial and error 😂 It does look great.

[@AsmrProg]

Hi, because video is edited!

[@traveler8696]

@@AsmrProg Your did great, I was only playing around. Thank you for the video.

[@AsmrProg]

🙏❤️

[@reactclip]

Aiiin Zé Da Manga, Um dia vou programar assim!!!

[@AsmrProg]

🙏❤️

[@mok1guya403]

ur videos are amazing!!! btw which theme u use in vs code? what is that sunrise?

[@ghostmaysam]

This is very very Beautiful😍😍😍😍

[@AsmrProg]

🙏❤️

[@itiremiroglu7646]

in my opinion you should put different variable names for --color-white, --color-dark, --color-light, --color-dark-variant, --color-background, --box-shadow like --color-light-1 --color-light-2. but it's up to you of course.

[@AsmrProg]

Why!?

[@itiremiroglu7646]

@@AsmrProg Because when we typed we have for example 2 color white and we can not know which is correct for design.

[@AsmrProg]

Oh ok 🙏

[@itiremiroglu7646]

@@AsmrProg I'm saying it again. it's up to you

[@AsmrProg]

🙏❤️

[@engineer4475]

This is the power of silence 🤐

[@AsmrProg]

Yes 😁❤️

[@Mcoder2023]

good job. 😍tanks for sharing that

[@AsmrProg]

Thanks 🙏❤️

[@Pothole-yn5ym]

Ah this is relaxing, compared to why it seamlessly runs till exactly the 37th :' )

[@AsmrProg]

🙏❤️

[@abetasticx7982]

How long did it take you to actually create the dashboard before you retyped it for the video? Would be interessting to know for comparison :) well done and nice design i really like it.

[@AsmrProg]

Hi, +3h!

[@abetasticx7982]

@@AsmrProg great pace to ve honest :)

[@AsmrProg]

@abetasticx7982 🙏❤️

[@abhishekverma9452]

well done your coading looks so satisfying can you please tell me about the plugins you've used.

[@vuhansa134]

Nice

[@AsmrProg]

Thanks a lot 🙏❤️

[@vuhansa134]

@@AsmrProg very nice video

[@AsmrProg]

🙏❤️

[@torivera7088]

I understand you want this video to be short but can you try to explain for we beginners? I really love you style of coding

[@AsmrProg]

Hi, for explanation we will have full zero to hero courses soon 😉🙏

[@torivera7088]

Thank you so much. Much Love @@AsmrProg 👊👊

[@AsmrProg]

@torivera7088 🙏❤️

[@torivera7088]

I'm still waiting for the explanation courses@@AsmrProg

[@AsmrProg]

@torivera7088 still working on it! Creating great courses need time!