ASMR Programming - Starbucks Home Page - No Talking
Ойын-сауық
Hello my dear coders,
Please find the seven differences between the origin and the clone page :)
Twitter: / gulnaroglus
👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻
Source code : github.com/servetgulnaroglu/y...
Live a star on github, if you enjoy!
👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻
📦📦📦📦📦📦📦📦📦📦📦📦📦📦📦
All the products in this video
⌨️ Keyboard: IQUnix OG80 Wormhole TTC ACE switches and Costar Stabilizers (5% discount)
iqunix.store/servetgulnaroglu
🖱️ Microsoft Bluetooth Mouse
amzn.to/3R4904L
🖥️ Monitor Asus MX239:
amzn.to/3dulF3k
🖥️ Monitor Dell 34 Curved Monitor - S3422DW:
amzn.to/3BEgmGw
💻 2021 Apple MacBook Pro (14", Chip Apple M1 Pro con CPU 10-core e GPU 16‑core, 16GB RAM, 1TB SSD)
amzn.to/3DHAKJn
🎤 Rode NTG4+ Shotgun Microphone
amzn.to/3LxXcGS
🪵 IOTXY Solid Wood Writing Desk
amzn.to/3qWOQiB
🪑 IWMH Ergonomic Office Chair
amzn.to/3DMPM0l
📦📦📦📦📦📦📦📦📦📦📦📦📦📦📦
00:00 Creating files
00:45 Starbucks SVG
01:00 Navbar
01:15 Running live-server
01:45 Setting the font
02:07 Importing the font
04:43 Location SVG
06:06 Sign in button
09:44 Box shadow generator
10:11 Navbar box shadow
11:12 Starbucks Rewards
14:42 Spotting the text align issue
21:53 the Pineapple Passionfruit
26:38 Cold Brew
29:07 Back-to-school-smiles.
30:02 Anytime protein
32:44 Footer notes
34:11 Visual adjustments
38:21 Results
38:45 Comparison
This video is prepared with educational and entertainment purposes only.
Пікірлер: 685
I'm a web developer and it really relaxes me to watch you coding a website like this because I absolutely love CSS (and also I don't get frustrated with it when I'm watching this) EDIT: WOW I had no idea that there was gonna be so much people giving this a like
@ServetGulnaroglu
Жыл бұрын
Glad you enjoy it!
@m.naufalavila8792
Жыл бұрын
is it possible to coding a website with Lua?
@RandomDude_101
Жыл бұрын
no, Lua is a language made for game development especially in roblox, the only languages supported for web development is HTML, CSS and Javascript
@YSLBeezy
Жыл бұрын
@@RandomDude_101 you can also do web development in Python, C#, Java (Spring) and others.
@RandomDude_101
Жыл бұрын
@@YSLBeezy I knew about py script but not c#
one week ago I watched this and was like fuck it might try and learn coding (from a finance background) after about 20 hours of self learning this week I was able to watch this video and understand everything you were doing. Great Vid keep it up!
@ServetGulnaroglu
Жыл бұрын
NICEE
@nasiffuad292
Жыл бұрын
Best of Luck dude I am from Business Background And i can say if u r from finance then u can be a advance level expert in web dev
@jasprvs.theworld5836
Жыл бұрын
what would you say are the perks of knowing coding with a business/finance background that you can use coding in daily deep work?
@DaweedBeats
Жыл бұрын
any tips for a beginner? where to start learning?
@propersuspect2959
Жыл бұрын
@@DaweedBeats honestly started with a free online 7 hour course with practice exercises worked super well also gave you the fundamentals from the beginning.
Oh i was studying HTML, and it's really cool to see someone write something with HTML (i'm russian and i'm only 14, so forgive me for my english😆)
@ivan69420.
Жыл бұрын
что вы хотите узнать после того, как вы выучите html? (мне 11 лет)
@user-zc6eg5hu9m
Жыл бұрын
@@ivan69420. Я пока забросила html, сейчас учу пайтон, так как это более перспективный язык и его можно довольно быстро выучить (хотя бы в общих чертах). Потом уже продолжу учить html и css.
@vexy-_-1122
11 ай бұрын
@@ivan69420.I’m 9 😅 I already know python and c++
@jeterplayzgaming6237
11 ай бұрын
@@vexy-_-1122well that nice keep going!
@jeterplayzgaming6237
11 ай бұрын
Wow I’m 13 and I got HTML competition last year. I got at 18th of country. Keep going I know u can do better!
I'm a web developer and it really relaxes me to watch you coding
your videos have helped me to learn new things in programming, even though I'm at the beginning, with them I can guide and motivate myself to follow this path. this is special, thank you so much for that!
I watched this for 2 days and now I am, addicted keep up your Great videos❤❤
i m from non IT background bcoz of some financial problems i have to switch in IT and i want to become a front end developer so i started from very basic HTML and CSS and believe me your videos are like motivation source for me. It inspire me and give me confidence that i can do it. Thanks a lot mate for uploading such a quality content.
@lemonstrangler
8 ай бұрын
hi wanna work for my company. my company looking for trainees
Even no talking, great to see some technique how you solve some problems like fitting the image, Also I like the generator css for shadow boxing
I just looove your keyboard sounds so much. Please never stop making coding video like these!
Wow this is a great video! I took an intro course not too long ago and it's nice to see that I'm learning proper techniques and tools from my professor. Maybe I'll show him the box shadow generator because I LOVE any sort of time saving.
감사합니당. 너무 도움되는 강의에요!
No music no smoking no coffe, absolutely legend 😂
@Geloooooooooo
Жыл бұрын
No smoking?!
@IMightyL
Жыл бұрын
@@Geloooooooooo how tf else you think we code bro lmfao
@Geloooooooooo
Жыл бұрын
@@IMightyL no smoking
@phensanji2501
Жыл бұрын
@@IMightyL no smoke
@wevz.22
Жыл бұрын
@@IMightyL quit it
Yo The Keyboard Sound is ASMR Dude.
@san_murat_131
Жыл бұрын
Jesse! We need to code!
@ankitnmnaik229
Жыл бұрын
What is ASMR?
@Crunchiest
Жыл бұрын
@@ankitnmnaik229 Autonomous Sensory Meridian Response.
@yukrix
Жыл бұрын
@@ankitnmnaik229 it’s short for awesomer
@frankj9270
Жыл бұрын
Is that not the point of the video
Exactly 10 days ago this would go just over my head And now this looks so much easier
@kiinbaby8798
Жыл бұрын
How do u learn so fast bro help me please
@shivak_
Жыл бұрын
Please share how you learn
@gustavonovakoski4867
Жыл бұрын
@@kiinbaby8798 dude just search something like "online html css full course" maybe you can even find it free on youtube
servet hocam gerçekten baştan sona videolarını izlersek eğer bir süre sonra ezberlemeye başlarız elimiz alışır. o yönden güzel olmuş bu tür videolar.
Man this was so dope! I've been really trying to understand the layout of HTML And CSS its so different when actually seeing it in person 🤝 Awesome Content 💪
It'd be super cool to see the key strokes you make because these shortcuts seem super helpful!
@theauaccad670
Жыл бұрын
Yea like the one just after he paste the svg section for the navbar in the beginning. If someone knows how to do it write it down, thx!
@briankeeley9488
9 ай бұрын
same and the way he was zipping around the html document without the mouse looked so satisfying.@@theauaccad670
@yacineharouche4838
8 ай бұрын
@@theauaccad670 select the svg and press alt + shift + F
Awesome job. This is why I love Tailwind though. No going back and forth between style sheet lol.
Great sequence. Easy to follow up. Like it.
This popped up in my recommended I never knew I needed that keyboard until now
so so so good sounds!!
Bu tarz web site kodlama videolari cok yararli oluyor devamını bekliyoruz
You have the best videos about clone website
EXACTLY WHAT I BEEN LOOKING FORRRR
Got this same keyboard 2 weeks ago and loving it!
@wildcatojerx1670
Жыл бұрын
what is the name of?
This is the only asmr ill listen to
Creating websites is just so fun. Idk why. It’s addicting
Professional as always!👍
just what i need after a hectic day
I'm thirteen and KZread recommends me many videos of html, js, etc. I watched this video like 1 week ago or 2 i don't remember and i was thinking if i was able to do this, so few days ago i started learning html and css and after 10 hours learning, i am able to understand everything of this vid. If u want to become a programmer, u just need confidence! Nice vid.
Not sure if you will see this my friend but, I came across your channel about 3months ago randomly. I didn't even code and had no idea what all this text meant, I just loved the sounds of your keyboard and the clicks from your mouse. However, watching this had intrigued me more about code and I dove in to give it a try, I am now familiar with html and devoting alot of time to understand all the elements in css, when I first watched this I had no idea what most of it meant, but fast forward 3 months and I am grasping some of the things you are doing now and I just want to thank you, I have still a long journey on my coding path and I will see what the next 3 months shall bring. Thank you for igniting this passion I never would of discovered if I hadn't come across your channel.
@twitterbizxxs2469
6 ай бұрын
quick question once he started the html file how come once he put "html:5" it wrote all that code for him but once I tried it nothing happened
I probably wouldn't have been able to grind through and make it into switching jobs without vs code. I mean that html:5 snippet still makes me feel so grateful. Now I sometimes do a ctrl shift f on my browser and get instantly disappointed when it doesn't search all tabs. LOL
Thank you for your teaching, it is very useful for me
Best way to learn something thank you
Keep it up, you're very good at what you do👏
I had no idea how much I needed this. LMaooo
So satisfying 😌
It's really good video and I can relax watching it. To be honest, I can't understand everything, because actually I learn python, but it's really cool to watch how professional works:)
gonna be honest with you i love that keyboard its just soo great
I learned more by watching you do this than learning from school for 2months 😑😑 they just go by the text book expect the student to self learn rather than showing them how to do it.
can you please please make at least just one video with explanation and to tell us everything about the shortcuts u use and all. I love your content and you made me to be more serious about learning web development. Thank you a lot, selam from Kosova.
@Hyper_Futbuss
Жыл бұрын
Yeah dude!
@tsenavi7389
Жыл бұрын
supersimpledev html css from beginner to pro, you're welcome
@jayarman3972
Жыл бұрын
@@tsenavi7389 up to this, hopefully he make follow up js on it.
Love this!
Great. I would have loved to see how you implement smaller screen sizes adjustments (mobile phone view).
I take a Intro to HTML & CSS course next semester so this is interesting to watch.
Thank you VERY MUCH ! Works like a charm
Im big fan of yoursss 💗
Bu çok güzel bir konsept olmuş.
I just wanna learn even more now- it looks so cool o.O
@hanac5586
Жыл бұрын
Do it! There are a lot of great tutorials on youtube to learn basic html and css.
@Spreadpeak
4 ай бұрын
I could learn you the basics in a small time for a small price, if you're interested, reach out.
Nice design 👌
I LOVE THE KEYBORAD; COOL
thank you man, i love u
the gigachad keyboard and the generic af office mouse... love it this is a true programmer guys
Dostum tasarımcı olarak kod öğrenmeye başladım, tebrik ederim!
This makes me wanna practice more
Good, Nice work guy! ❤
46. Satirda padding degerlerini x ve y olarak dusunerek 4 tane girmek yerine 2 tane girebilirsin. Örneğin: padding: 5px 20px 5px 20px; = padding: 5px 20px; padding: 5px 5px 5px 5px; = padding: 5px; iki kullanimda ayni islevi goruyor.
@Stl71
Жыл бұрын
English is the language of programming and informatics in general. Even if you say something important, no one is able to read it.
@ard4lp
Жыл бұрын
@@Stl71 So, who is said I give him a “important info” drama girl?
@Stl71
Жыл бұрын
@@ard4lp You have to practice your English boy. Just try harder.
@scoticolin2298
Жыл бұрын
@@Stl71 nobody has to learn English, boy.
@Stl71
Жыл бұрын
@@scoticolin2298 Do we know each other?
Great video i was planning to start learning JS but i changed my mind i think i should start with Html and css then learn JS and TS and maybe finish with Java.
Allah razı olsun abi şu videoyu görmem çok iyi oldu
That is your biggest work!? Its sooo coooool!
I have been debating on buying that exact keyboard for two weeks now. What switches and stabs did you go with? I love the sound.
@bluepixelbird1898
Жыл бұрын
Seems to say in the description that its - IQUnix OG80 Wormhole TTC ACE switches and Costar Stabilizers
@magicrlx
Жыл бұрын
costars are worst stabs though, better watch for atleast cherry stabs or if u have hotswap board better change them for equalz, stabies or pandas. Also board itself sounds kinda pingy to me, not a fan of ttc's
Arkadaki Kalabak arabasi sesi :D Eline saglik
The type so good😊
I subscribed you. And I'm still practicing your codes :)
Dude is a legend
imma try this ...great vid
@ServetGulnaroglu
Жыл бұрын
Thank you!
Great video! only one question, what metodology you use for the name of class in css? look very well. You hava a new subscriber. Greetings from a Venezuelan from Peru
❤love your VDO post
Eline sağlık baya güzel. Self-taught olarak yeni başlıyorum eğitimlere çoğu yaptığını anladım sadece korkularım var biraz. Div ile ayırdığın her bir segmentin bu kadar rahat kontrol edebiliyorsun. Ben durdurup anlamaya çalışıyorum sürekli o kadar segmenti nasıl bu kadar rahat birbirine karıştırmadan ayırt edebiliyor diye :)
@kemal5603
Жыл бұрын
Her birisi için ayrı ayrı çalışılmıştır, ne dersin ? Ben lisede biraz gördüm. Proje ödevimde daha css'e yeni yeni geçmemize rağmen internetten css öğrenerek hazırladım web sitesini. Sınavda bile yaptım yaptım, hoca dedi tamam yeter. Ben dedim hocam ben daha anca ısındım, durun daha ekleme yapacağım diye :'D Tabi şuan çoğunu unutmuşumdur.
@mehmeturken
Жыл бұрын
@@kemal5603 tebrikler kardeşim çok yetenekliymişsin
Finally something that works
the keyboard sound its very good
AHHH This is not ASMR. The spelling mistakes are all I can focus on! 😅
Was waiting for the programming part
@lane6373
Жыл бұрын
this is actually a funny comment
Great video, Servet! Just curious, did your camera or your microphone die around 32:04??
Like how you toggle to mobile and show the view earned a sub
Nice vid!
masterpiece
hey i loved this! i wanted to be front-end programmer!
Nice video bro. What keyboard are you using? Looks really cool!
This man just singlehandedly made a "How to make a phishing website" video and we are all on it. Jokes aside, great video, very relaxing.
Perfeição
Thanks
how long did it take for you to be thus good at it, awesome video btw
@couupakb9669
Жыл бұрын
Doesn’t matter how long, if you keep consistent you’ll learn alot more than you think !
A Really Nice Video Dude :)
I have no idea what the hell you’re doing but I hope to one day be able to do as good as this and look like I know what I’m doing.
@NecheLifts
Жыл бұрын
I didn’t know either till i tried the tutorials on free codecamp on yt learn the basic syntax and Pattern and follow along and build project from vid and then build another one of what you memorize and google what u don’t understand that what most dev do and I do it do to fill in the knowledge gap
@nmd9999
Жыл бұрын
This guy has built a static website with html and css not exactly hard is it 😂😂😂
@ben-hn2ek
Жыл бұрын
@@NecheLifts yeah as time go u would automatically start understanding those gaps 🙂 another trick is google all the keywords in the part u don't understand it helps a lot too 🙂
That is nice ❤
Keyboard sound 💗
I love your content. ASMR is cool 😊
This is phenomenal, I wish I knew where to start with coding.
@fedus22
Жыл бұрын
It's all on KZread, just give it a shot! Search for beginner tutorials and start there. If you are interested in this area of websites learn HTML!
@fedus22
Жыл бұрын
@@odyssey9707 Good luck and don't quit!
@YeetYeetYe
Жыл бұрын
@@odyssey9707 How's it going so far?
@Spreadpeak
4 ай бұрын
I could learn you the basics in a small time for a small price, if you're interested, reach out.
thanks you
Good guide bro
Man I love your videos, I'm Brazilian, When you launch your courses, activate the subtitles in Portuguese.
Guys use Semantic tags... not divs only. Its the old way :)
thanks my teacher
DAMN! THAT IS CRAZY!
YESS
How are you using the live server by using the terminal?
ive been going to college for this stuff for four years already , im not even halfway done with my program, i dont even get what hes doing here and hes going so fast. i know its supposed to be relaxing but all i can think about is how ill never be that good at it.
@90deltaderivatives35
Жыл бұрын
What have you been going to college specifically for??
@georgee4097
Жыл бұрын
@@90deltaderivatives35 why? Cs related
@chamarawijepala2021
Жыл бұрын
I'd like to know as well because learning how to code like this does not take that long.
@YeetYeetYe
Жыл бұрын
@@90deltaderivatives35 Computer Science is different than programming / software engineering. He will learn just fine on the job.
@corail53
Жыл бұрын
This is just basic html/css not actual progamming coding. This is what you would use for front end dev for websites - no javascript connected here so not much functionality either. If you are in school for CS you would most likely be using JAVA, Python or some ideration of C.
true asmr
How we you moving cursor up down right left without using arrow keys. Which extension are you using?
its so cool
@jerpys
Жыл бұрын
reyiz sen türk müydün laaaa :D?