ASMR Programming - Animated Login Page - No Talking

[@AsmrProg]

I’m working on 3D website tutorials, Please LIKE video’s to support my channel 🙏❤️

[@INTERESTING_Plus]

🔥😍😍😍🤩✅

[@rafi-leigh]

241st like

[@vxlis333]

Yo bro please tell me how you made your own website for these projects

[@rafi-leigh]

i can. he didnt use a domain, so you wont be able to see it (no .com) instead he built it and run it f a file. if you dont know what that means just tell me that, and i'll teach you how to install vs code and live preview and html@@vxlis333

[@natancosta2017]

Qual tema é este?

[@ghostking433]

As someone who just started learning programming a week ago, I have absolutely no idea what you are doing, but hope that one day I can come back and change that! EDIT: For those asking, I am a lot better than I was when I first posted this! But still this video is confusing as hell lol

[@AsmrProg]

It’s web coding, why you left it?!

[@ghostking433]

@@AsmrProg holy shit I meant “learning”! lol 😂. What a bad typo on my end

[@AsmrProg]

Oh ok bro 😂🙏 keep it up 😉

[@user-ep4iv2vt5u]

​@@AsmrProghey man just a question, do you code this on the go or you plan before hand and plan how you do it, because when I try to code a login screen it can take hours with all the fine details and everything, just want to know if I'm too slow or you're too good 😅

[@kodyhogan3568]

@@user-ep4iv2vt5u id say most programmers take time to plan and go through lots of trial and error and googling. This was definitely practiced and then worked on again for a video. Some people are definitely this good, but its few and far between without lots of practice

[@kylepowis]

I just finished an intense coding bootcamp and this is the content I need to keep me learning at a nicer pace, thanks!

[@AsmrProg]

Happy to help!

[@CalmArgha1243]

@@AsmrProg Can you make a setup tour of yours?

[@cozycoding]

Thank you for always making great designs. Designing is difficult for me, but I’m getting a lot of ideas. 👍👍

[@AsmrProg]

Like to support 🙏❤️

[@aratemori]

It seems that if we get stuck on your many videos, by watching this, we will essentially not only relax, but also learn JavaScript + css + html)))

[@AsmrProg]

😁❤️

[@johnoneill4146]

Just found your channel through this video and omg this is the best thing ever. As a front end developer, I find this so relaxing and helpful at the same time. 🤘🏻

[@AsmrProg]

Thanks so much bro 🙏❤️

[@WearyTwo]

I've been a developer for 10 months now.... Just now realized you can make VScode look this smooth. Life-changing

[@taqi1401]

Hey bro could you help me please I want to start my journey as a developer

[@txl420]

not only was this actually really enjoyable to watch, but I feel like I was actually learning at the same time. I've been learning html for the last week or so and I was really surprised at how much I was understanding and taking in. Thanks :)

[@AsmrProg]

Thanks so much for your such great words 🙏❤️

[@rezehh]

how much u learnt so far?

[@AsmrProg]

Me?!

[@aryankaushik9373]

@@AsmrProg yea

[@AsmrProg]

Sorry?!

[@jacobsurles7555]

I like to follow along and program with you. As a beginner, it's super helpful to get in the keystrokes, it also forces me to figure out why my pages don't look like yours lol

[@orlanswf]

I'm trying to learn HTML and CSS to try for a job in a local tech company. I was following a more traditional video tutorial series, but wasn't feeling it. Now I'm following your video and copying it, and despite me struggling to understand what everything does, I'm surprised how much more fun this is. I know I'm just copying and there surely are better ways to learn, but I'm having lots of fun following this! Thank you so much for your work!

[@orlanswf]

Also, I feel strangely confident I can tackle micro projects of my own!

[@AsmrProg]

Don’t worry, you will learn all with experience, it just needs time 😉

[@AsmrProg]

Just time, do some projects, also check free or paid courses you will succeed 🙏

[@user-jy1bi9no2m]

Well, have you already gotten a job?

[@mrblox9554]

you got the job?

[@WeirdowithaBeardo]

Love this! I have played about with HTML and CSS in the past and really enjoyed it - going to revisit it again soon. Might try doing something similar to this soon to get my head around it again. Great video!

[@AsmrProg]

It’s great, keep it up bro 😉🙏

[@adnanshorkar]

I just watched ASMR videos of food. This is the first time I've seen ASMR programming. Unique thinking. Keep it up.

[@AsmrProg]

Thanks so much 🙏❤️

[@MyCodingDiary]

You make coding look so easy! Keep up the good work!

[@AsmrProg]

Thanks a lot bro 🙏❤️

[@drakulea4301]

bcs it is

[@manifestbruhlol]

​@@drakulea4301really?

[@owlrym.7417]

I mean as a Frontend dev, the frontend part is easy! Backend is way harder 😅. But I do practice backend, with Python! :]

[@investierenmitnick]

I’m now 1 month into web development and I’m pretty proud because I understood everything

[@tasshilat-768]

From where did you get your courses please?

[@kababurakcan]

Thanks for your effort. I hope the channels of software developers like us grow rapidly.

[@AsmrProg]

Thanks a lot 🙏❤️

[@OperatorZed]

I know I’m late to the video, I’m not good at programming whatsoever, especially not HTML. But this looks incredibly fun if I figure out how to do it. This is insanely impressive and honestly beautiful to watch. Side note: that keyboard sounds absolutely amazing

[@p0dc4st.hyp3]

Your attention to detail in this video is impressive. 👍

[@AsmrProg]

🙏❤️

[@ISOPL2]

Your keyboard is smooth... Also creativity is the only thing which limits CSS devs.

[@AsmrProg]

Thanks 🙏❤️

[@demo1905]

The keyboard looks and sounds awesome 🔥plus your code is also just 😲

[@AsmrProg]

Thanks 🙏❤️

[@alienrook55]

I am a beginner in fact of html. Time ago this would've been relaxing, but now I am just here learning step by step.

[@AsmrProg]

Oh really great, keep going in you will succeed 🙏

[@proghub1]

Hi bro, awesome video, love the coding videos, it's so inspiring!

[@AsmrProg]

Thanks a lot ❤️❤️🙏🙏

[@naistor]

Brother, your consistency while coding is terrifying, I'm constantly making mistakes whilst you go for 18 straight minutes without screwing everything, I honestly aspire to get 'tis gut' someday, please keep it up.

[@cocobrown9088]

No, in the comments he states it's edited n it actually took him 2 hours

[@sirvivor-tu2uo]

Great !! Ive been looking for channels like this to really up my web design skills

[@AsmrProg]

🙏❤️

[@ZeroMOTORSPORTS]

This is not just an asmr, i can learn html alot in the video!

[@Zeuhib]

Your so amazing man you are teaching absolute beginners like me to make professional scripts thank you so much👏👏

[@AsmrProg]

🙏❤️

[@drakehashimoto685]

@@AsmrProg Hey AsmrPog. I don't know if you have the time, but would it be alright perhaps, if you explain the container styles code and the part connecting with the animation movements near the end of the css code file? I see what you're doing, but I'm not quite sure how each of those small tags, or features like z-index add up to make this really cool login page.

[@drago1739]

such a lovely project love you bro ❤

[@dickyferialdihutasoit4710]

ngl bro, i really use your video as music when im working, it's just the sound of your mouse clicking and the keyboard feel so calming

[@AsmrProg]

Thanks 🙏❤️

[@jonahshi3907]

When this cool effect is applied to a real form submission, attaching a local storage value to the form will prevent the active class from being lost.

[@AsmrProg]

🙏

[@muratdincmd]

That's great, I found a new source of inspiration. I follow you everywhere now.

[@AsmrProg]

Thanks a lot, sorry for late reply 🙏

[@Marc-wz5pv]

honestly, i learned a lot just from watching you code. thank you for this

[@eyeonthehorizon6142]

It's always kind of hard looking at others remembering every single tiny bit of detail about a bunch of languages out of their head,while I a lot of the times need to look stuff up,and hassle more than usual :/.Great video either way!

[@AsmrProg]

Hi, bro video is edited and some sections removed 😉🙏❤️

[@yunsha9986]

Even as a senior dev, I would find it hard to believe this was done in one run and no googling involved. The only reasonable answer I would figure out is dude has another monitor with the complete code done prior and is just typing again for sake of ASMR, or a lot of segments were edited.

[@AsmrProg]

@yunsha9986 hi, yes video is edited, because I don’t want we waste time with searching in video and checking sizes on it!

[@russellreal]

yeah he has the code pre-written somewhere else@@yunsha9986

[@rakunxd9420]

Cool you're so creative

[@mrrr111s1ork]

Bro, you're perfect, just know this!

[@AsmrProg]

Thanks 🙏❤️

[@hun_benc3523]

I've been impressed that the html and the css part i got like 60-70 maaaybe 80% even tho I just started learning them yesterday, and in total I have learned like 3-4 hours, from SuperSimpleDev, ofc alone I wouldn't be able to recreate only the template without the js, but I could follow you almost entirely, great video and great template

[@user-xy2qo3wt5k]

bro u r da best bro. KEEP UP WITH THE GOOD WORK!

[@AsmrProg]

Thanks 🙏❤️

[@techtrek416]

I cant find what is my mistake . transformation is note working

[@xxgolddropsxx8211]

did you find out what it was?

[@user-pv9jv8cp5r]

all ur videos are very aesthetic and addictive...

[@AsmrProg]

Thanks a lot 🙏

[@user-pv9jv8cp5r]

Bro..may i know: from how many years have you been programming🙂

[@AsmrProg]

@user-pv9jv8cp5r ~8!

[@user-pv9jv8cp5r]

bro r u a MERNstack dev??🤔

[@AsmrProg]

@user-pv9jv8cp5r maybe 🙄

[@Arielddd]

You look so professional, i plan to start learning web dev in 2024 hope i will be like you in 2 years or more or less. 🙏

[@AsmrProg]

Thanks, So now it’s 2024, start it 😉❤️

[@hoat7138]

Simple and beautiful, I will follow you to practice my font-end skill 😍😍

[@AsmrProg]

🙏❤️

[@Murdokkk]

Hope one day im getting coding like this!!

[@AsmrProg]

Yes why no!

[@YeahEsCereal]

Hey man! could you tell me the extensions you use on vscode and explain what they do briefly?

[@AsmrProg]

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

[@YeahEsCereal]

@@AsmrProg ok thanks!

[@AsmrProg]

@Adeeb-YEC 🙏❤️

[@Jodyyce]

Exactly what I was looking for. Keep up the good content! I’m here because I was told when learning something new it’s important to watch, listen, practice, and write it out.

[@Ghostcheetokill295]

What theme/font/extension are you using to make your VS code look so nice?

[@AsmrProg]

Hi, please check my GitHub, there is a repository about all of my vscode settings, Sorry for late response 🙏

[@GangstMan]

I so pride at your channel! You do great hard job, i just learn python and i come from c++, and than on my break i come to your video

[@mateuszgebka344]

Amazing! Could you show your VS Code settings, please?

[@AsmrProg]

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

[@FarisOmer-bw8se]

You should try adding lofi beats to the background, it sounds awesome!

[@jellyhorizon]

(Please forgive me for the extreme noob question, I'm literally just starting out): What extension is being used here for the autofill/macros in VSCode? ASMRProg, your videos have been inspiring me to keep exploring web design! Thank you!

[@jellyhorizon]

Jk, I just saw your VS Code settings repository on your GitHub 😁 This is so helpful for us, thank you!!!!!!

[@AsmrProg]

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

[@user-ev6zu8ke9o]

Bro, you are MAGICIAN!

[@akz4494]

How do I make my VsCode transparent like yours? Great video!!

[@shire-lee]

Use the extension "glass-it" you can control the opacity with ctrl-alt z and c

[@AsmrProg]

Hi, with glassit extension, also you can check my github, there is a repository about all of my vscode settings 🙏

[@AsmrProg]

Thanks for answering 🙏❤️

[@akz4494]

@@AsmrProg thanksssss

[@AsmrProg]

@akz4494 🙏❤️

[@user-ub3dr9gm4c]

Just my second day of learning coding i understand a few things you doing Thanks for the opportunity

[@hstecnologia]

Likeeee você merece um bilhão de likes parabéns

[@AsmrProg]

Thanks 🙏❤️

[@joseluissanchez7171]

Excellent design, thank you for teaching us how to make it with only css without any css library like bootstrap.

[@jorgebailey2005]

Hey dude, nice video and nice work! Would you mind to share the extensions you are using ? Regards!

[@AsmrProg]

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

[@ador4752]

this is better than teaching step by step if you have a prior knowledge especially in java thanks hope you build more website

[@AsmrProg]

Thanks so much 🙏❤️

[@rijugamerplayzzz1164]

I was finding gold but I think I found diamond

[@AsmrProg]

Thanks so much 🙏

[@forneus7874]

Thanks a lot for such teaching such smooth animation. I could have never guessed I can animate login page!

[@coolomar7804]

Pov: a beginner watching this video " Da hell is this"

[@luffy-taro1065]

Wow this gives me so much motivation... I think it's time to buy a mechanical keyboard

[@AsmrProg]

Go for it!

[@tinkywinky8677]

that not responsive man

[@sxikx]

I learned so much shortcuts watching your vids. pls make more

[@nano_0x]

I liked this work very much, and I was smiling throughout the clip 😅

[@Carlos-do2vh]

with all due respect, "Html coding" hurts my brain.

[@AsmrProg]

🙏❤️

[@swiftypopty1102]

😂Check out C++ & Rust, your brain could explode!

[@HarryEdwards-zk6ok]

Its Heavy 🥶🥶🥶

[@matthewaltenore628]

I took AP Computer Science last year, and with most of that basic knowledge, what he did here really made some sense. Could I recreate it? Absolutely not. Maybe some of the HTML code, but thats about it.😭 However, this has definitely inspired me to keep going, knowing that it may be a process, but its LITERALLY possible for anyone to learn. 😂

[@AsmrProg]

Hi, sorry but I don’t have academic knowledge because I learned coding with self-study, Sorry for late response 🙏

[@MrAllprog]

You are a proof that the utility-class littering is pure ignorance. Thank you for being professional.

[@AsmrProg]

🙏❤️

[@locpham2024]

Very great work, love the video!

[@AsmrProg]

🙏❤️

[@IbnMazroof]

Bro you just give me goosebumps though your typing!

[@notrealaz]

wow i really want to learn css and HTML by watching these videos

[@AsmrProg]

🙏❤️

[@sunhsiang6644]

The best css tutorial ❤

[@jeanluiguipierre]

Impresionante, nunca dejes de crear contenido

[@HONKAI_WORLD_OF_JOY]

Omg! You are great Mr 🥺❤️ Take this little heart

[@AsmrProg]

Thanks 🙏❤️

[@cardoso0_]

It's a beautiful transition!

[@anshul9618]

Bro can you also make tutorials in asmr for html/css and iam a CS student .

[@HalfBloodPrince-BP]

Hi Reza your work is awesome keep up the great work Im iranian too by the way

[@AsmrProg]

Fadatsham 🙏❤️

[@AlphaTech-y3y]

I am going to use your code in my project(school project)

[@CrystalMusicProductions]

What would you suggest is the best way to find a job? I didn't go to school for IT, instead I did business. I now have my own webdevelopment company thanks to my knowledge in business and the IT side never was a problem because I'm a quick learner when I love something. I'm looking for a job now because I want to work in a team and climb corporate ladder for personal reasons. The only listings I see in my country are requiring at least a bachelors degree and if you don't have it they only consider people that have been working in the industry for years.

[@AsmrProg]

Hi, you need to have a good cv, then you can check linkedin and freelance websites, sorry for late response 🙏

[@huynhdung3963]

very nice and creative form 🥰

[@AsmrProg]

Thank you so much 😊

[@kevymiguelsilva]

I liked ASMR, but I thought the login page was really cool. I know a little HTML, CSS and Javascript (I don't know much). Note: He gained another subscriber (from Brazil).

[@slmadi]

from her vids i learned java a little and CSS and HTML but i already half way mastered HTML and CSS in amateur but on Java Script I'm still a beginner but i can learn even better from her vids♥♥♥♥♥♥♥♥

[@AsmrProg]

Thanks so much, keep going on 🙏❤️

[@ayyanSalam-official]

Thanks a lot bro, really appreciate it

[@krewol29]

thanks man!, i luv ur content

[@afrikana_tech]

perfect

[@AsmrProg]

Thanks 🙏❤️

[@Marekecinski]

Hey, how do you get such smooth, nice VS code?

[@user-misite]

It's so complicated to write this UI, damn. so many unseen CSS properties !

[@AsmrProg]

!!!!

[@devid528]

I really enjoyed your video and I didn't even skip a second

[@Girlust]

Stunning.

[@HtoohtooAung-om1xo]

I really love your video man, btw would you like to teach us how to create the 3D websites when you got it

[@AsmrProg]

Hi, with spline!

[@imanolestabridis1966]

awesome bro your channel is amazing im just learning a lot

[@AsmrProg]

🙏❤️

[@user-CodeNest]

​ Excuse me can I use this design? Please

[@kirindev]

thank you very much

[@AsmrProg]

Glad it helped 🙏

[@maicolaviles714]

Ey friend, thanks for shared your knowledge; while I learning I relax

[@AsmrProg]

Thanks a lot for your support and good energy 🙏

[@zrxmax_]

Bro, why are ur VSCode is so smooth, like animations, cursor.

[@AsmrProg]

Hi, please check my github, there is a repository about all of my vscode settings 😉

[@Say2Cups]

I love these types of videos

[@ChristianMarzzelCazar]

Watching this video makes me seriously consider Visual for my next projects...

[@AsmrProg]

😁❤️

[@Leidens]

Minimo deberías tener 10M de suscriptores

[@AsmrProg]

Thanks so much 🙏❤️

[@johnlester2568]

more helpful than tutorials for HTML

[@AsmrProg]

Thanks 🙏❤️

[@slava_zxz]

Thank you for this lesson!!!

[@AsmrProg]

🙏❤️

[@monudarey]

Bro how to modify mouse cursor like you

[@XxAlphaxX2149]

You deserve more subs your underrated

[@AsmrProg]

🙏❤️

[@JohannVF]

"Hey, Johann, why does your app's login/registration page look waaaay nicer than the other pages in it?" ".....no reason...."

[@AsmrProg]

Thanks so much 🙏❤️

[@elebesunuosereme7327]

Nice work👍,but u can also dynamically change the text content in JavaScript instead of having different containers in your html,in that way making your html less bulky.

[@AsmrProg]

Hi, yes but with that we will have bulk codes in js! With React it’s easy but soon we will have it 🙏