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
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!
@@DaweedBeats honestly started with a free online 7 hour course with practice exercises worked super well also gave you the fundamentals from the beginning.
@@ivan69420. Я пока забросила html, сейчас учу пайтон, так как это более перспективный язык и его можно довольно быстро выучить (хотя бы в общих чертах). Потом уже продолжу учить html и css.
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.
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!
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.
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.
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.
I'm thirteen and TH-cam 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.
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.
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.
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
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.
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.
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
@@Necheogbucyber 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 🙂
Great video! While AI tools like copy-paste and prompts help speed up development and reduce project costs, I think we sometimes forget the skills we lose by relying too much on them. Coding without AI tools, even if it takes more time, helps protect our brain and keeps our skills sharp. Thanks for making this video-I really enjoyed it!
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
im confused about the that text align issue, could explain lil bit how to solution works? _____________________ max-width: 50%; width: 50%: i cant figure out how would have solved the issue?
hello, i want to learn this too, im like super beginner huhu. didnt know it was possible to see the changes your code makes in real time. how to do that?
What do you use to make all that html just pop out like that? I used a certain extension but it doesn't write the meta http equivalent it only writes everything minus that?
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 💪
which site are you using for coding? Seems really practical. Do you know a site with all the shortcuts you used like the one for html at the beginning? thank you in advance.
last week I was asking myself a question: why am i doing layout so slowly? because making the same page would took 6+ hours for me, but now i watched your video, and I'm not asking this question (you type really fast)
hey man and everyone i want answer me ASAP should i take permission from starbucks cuz i already build their website almost the same and used their drinks names and images, and soon im gonna host it is that okay or what should i do
How do you switch from page to page so quickly? It seems like you press ctrl something to show the Starbucks page, and then again to get back to VSCode?
@@usfeed4902 That's not what he's doing though. Alt-Tab brings up the ability to switch different windows, but it doesn't auto switch them like he's doing.
STRG+S ist the control, its formatting settings. editor.formatOnSave enable, btw u need a extension Prettier Code. After download editor.defaultFormatter Prettoer - Code formatter. Ure welcome mate
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:)
What extension are you using to automatically pull full code like that ? Also what are you using to change the format like @01:07 . I like it , reminds me of Tabnine editor extension .
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
Glad you enjoy it!
is it possible to coding a website with Lua?
no, Lua is a language made for game development especially in roblox, the only languages supported for web development is HTML, CSS and Javascript
@@RandomDude_101 you can also do web development in Python, C#, Java (Spring) and others.
@@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!
NICEE
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
what would you say are the perks of knowing coding with a business/finance background that you can use coding in daily deep work?
any tips for a beginner? where to start learning?
@@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😆)
что вы хотите узнать после того, как вы выучите html? (мне 11 лет)
@@ivan69420. Я пока забросила html, сейчас учу пайтон, так как это более перспективный язык и его можно довольно быстро выучить (хотя бы в общих чертах). Потом уже продолжу учить html и css.
@@ivan69420.I’m 9 😅 I already know python and c++
@@vexy-_-1122well that nice keep going!
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 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.
hi wanna work for my company. my company looking for trainees
@@lemonstranglerstill offering? :)))
I'm a web developer and it really relaxes me to watch you coding
I just looove your keyboard sounds so much. Please never stop making coding video like these!
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!
Exactly 10 days ago this would go just over my head
And now this looks so much easier
How do u learn so fast bro help me please
Please share how you learn
@@kiinbaby8798 dude just search something like "online html css full course" maybe you can even find it free on youtube
It'd be super cool to see the key strokes you make because these shortcuts seem super helpful!
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!
same and the way he was zipping around the html document without the mouse looked so satisfying.@@theauaccad670
@@theauaccad670 select the svg and press alt + shift + F
@@theauaccad670 code formatter
No music no smoking no coffe, absolutely legend 😂
No smoking?!
@@Geloooooooooo how tf else you think we code bro lmfao
@@IMightyL no smoking
@@IMightyL no smoke
@@IMightyL quit it
Yo The Keyboard Sound is ASMR Dude.
Jesse! We need to code!
What is ASMR?
@@ankitnmnaik229 Autonomous Sensory Meridian Response.
@@ankitnmnaik229 it’s short for awesomer
Is that not the point of the video
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.
Yeah dude!
supersimpledev html css from beginner to pro, you're welcome
@@tsenavi up to this, hopefully he make follow up js on it.
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
your keyboard sounds really relaxing and puts me to sleep
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.
Creating websites is just so fun. Idk why. It’s addicting
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.
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'm thirteen and TH-cam 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.
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.
English is the language of programming and informatics in general. Even if you say something important, no one is able to read it.
@@Stl71 So, who is said I give him a “important info” drama girl?
@@ard4lp You have to practice your English boy. Just try harder.
@@Stl71 nobody has to learn English, boy.
@@scoticolin2298 Do we know each other?
I watched this for 2 days and now I am, addicted keep up your Great videos❤❤
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.
these are exactly the kind of vids im looking for. good for vicarious learning
Got this same keyboard 2 weeks ago and loving it!
what is the name of?
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
This popped up in my recommended I never knew I needed that keyboard until now
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.
What have you been going to college specifically for??
@@90deltaderivatives35 why? Cs related
I'd like to know as well because learning how to code like this does not take that long.
@@90deltaderivatives35 Computer Science is different than programming / software engineering. He will learn just fine on the job.
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.
Hi, can you tell me what kind of switches you have?
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.
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
This guy has built a static website with html and css not exactly hard is it 😂😂😂
@@Necheogbucyber 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 🙂
Great video! While AI tools like copy-paste and prompts help speed up development and reduce project costs, I think we sometimes forget the skills we lose by relying too much on them. Coding without AI tools, even if it takes more time, helps protect our brain and keeps our skills sharp. Thanks for making this video-I really enjoyed it!
This is phenomenal, I wish I knew where to start with coding.
It's all on TH-cam, just give it a shot! Search for beginner tutorials and start there. If you are interested in this area of websites learn HTML!
@@odyssey9707 Good luck and don't quit!
@@odyssey9707 How's it going so far?
I could learn you the basics in a small time for a small price, if you're interested, reach out.
Awesome job. This is why I love Tailwind though. No going back and forth between style sheet lol.
THIS IS VERY LATE BUT WHAT KEYBOARD SHORTCUT DID YOU USE AT 1:10 TO BREAK THE LONG LINE OF CODE INTO EACH TAG?
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.
Seems to say in the description that its - IQUnix OG80 Wormhole TTC ACE switches and Costar Stabilizers
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
the gigachad keyboard and the generic af office mouse... love it this is a true programmer guys
Great video, Servet! Just curious, did your camera or your microphone die around 32:04??
just what i need after a hectic day
You have the best videos about clone website
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.
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.
just a quick question? how do you move the cursor without pressing the arrow keys? is that a shortcut?. just a newbie here. :)
im confused about the that text align issue, could explain lil bit how to solution works?
_____________________
max-width: 50%;
width: 50%:
i cant figure out how would have solved the issue?
hello.I Will look a buy mechanic keyboard.What kind is this your switch in vídeo? Whats name KB?PLEASE, i AM top programem Brazilian
have another quistion, it is correct to write words into a div without usind any p o h1,2,3...? i mean, only writing something
It is not best practice to use only divs. However, for the sake of simplicity, I don't care about that much.
This is the only asmr ill listen to
what command he used for order the gigant code on 1:12?
Dostum tasarımcı olarak kod öğrenmeye başladım, tebrik ederim!
Was waiting for the programming part
this is actually a funny comment
What did he press on keyboard to create svg.block? When i copy the code i have it in lines :(
hello, i want to learn this too, im like super beginner huhu. didnt know it was possible to see the changes your code makes in real time. how to do that?
how you are using ESC to navigate cursor with alphabets instead of up down buttons? And how to do this in windows?
what keyboard do you want?
servet: 500$ one, custom built
what about the mouse?
servet: yes
What do you use to make all that html just pop out like that? I used a certain extension but it doesn't write the meta http equivalent it only writes everything minus that?
which keyboard are you using please tell me name of your keyboard
Great sequence. Easy to follow up. Like it.
o certo não seria usar a semântica do html5?
can i do this projects and but in my resume or is it like im copying starbucks and not making my own website
Why everything is "div" and not the special tags like "nav", "ul", "h1-h6"?
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 💪
How we you moving cursor up down right left without using arrow keys. Which extension are you using?
How are you using the live server by using the terminal?
I just wanna learn even more now- it looks so cool o.O
Do it! There are a lot of great tutorials on youtube to learn basic html and css.
I could learn you the basics in a small time for a small price, if you're interested, reach out.
how long did it take for you to be thus good at it, awesome video btw
Doesn’t matter how long, if you keep consistent you’ll learn alot more than you think !
Bu tarz web site kodlama videolari cok yararli oluyor devamını bekliyoruz
Thank you for your teaching, it is very useful for me
so so so good sounds!!
which site are you using for coding? Seems really practical. Do you know a site with all the shortcuts you used like the one for html at the beginning? thank you in advance.
I know for SQL they had one called redgate. Just look for an autofill where you can set custom strings to inject lines of code.
When i type html5 and press tab it doesnt include meta tags. How to change it?
wich program are this in the background ? the program you are using as a base for the html ?
i´m new on this so forgive me if i said something wrong.
visual studio code
Arkadaki Kalabak arabasi sesi :D Eline saglik
Bu çok güzel bir konsept olmuş.
Hey was wondering could anyone explain what effect the > * has, here it was used in .navbar-right > * and .navbar-left > *
Hey question, where do you come up with these ideas to make these projects. Like a blueprint
Guys use Semantic tags... not divs only. Its the old way :)
Programming? Or copy a website?
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.
I'm new to apple and was wondering how you actually do this... like putting two windows like that together 1:19
Hey bro, why you use a lot of div? What about semantic tegs?
Quick question, why didn’t you use flex for the product title section
last week I was asking myself a question: why am i doing layout so slowly? because making the same page would took 6+ hours for me, but now i watched your video, and I'm not asking this question (you type really fast)
hey man and everyone
i want answer me ASAP
should i take permission from starbucks
cuz i already build their website almost the same and used their drinks names and images,
and soon im gonna host it
is that okay or what should i do
How do you switch from page to page so quickly? It seems like you press ctrl something to show the Starbucks page, and then again to get back to VSCode?
alt + tab ( you must do it quickly )
@@usfeed4902 That's not what he's doing though. Alt-Tab brings up the ability to switch different windows, but it doesn't auto switch them like he's doing.
ctrl + arrow keys (left or right)
i wanna know too
@@lorenz.f I don't think that's it either. In VSCode Ctrl + Arrow Keys are just going back and forth through the lines and stuff.
That is your biggest work!? Its sooo coooool!
Which control you use for aligning your SVG code? 01:05. It's when u copy the logo in Visual Studio
STRG+S ist the control, its formatting settings.
editor.formatOnSave enable, btw u need a extension Prettier Code.
After download editor.defaultFormatter Prettoer - Code formatter.
Ure welcome mate
Like how you toggle to mobile and show the view earned a sub
I LOVE THE KEYBORAD; COOL
EXACTLY WHAT I BEEN LOOKING FORRRR
I am very curious that is just only copy the information from the officials or creating it by after-comprehension.
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:)
how do you switch so smoothly between websites? what shortcuts do you use, amazing video I'm 6mins in and i love it already!!! 🥳🥳🥳🥳🎉
ctrl + win + arrow key
on windows 10, as long as you open a second desktop, just press win + tab, and click on new desktop at the top of the screen
@@adamochi854 legend
What is the shortcut he is using to create a class?
quick question: what exactly does the ".navbar-right > * " syntax mean?
The start means all, in this case it means apply this to all the elements inside the .navbar-right class
@@edrenck without it will not apply to everything?
@@blychogg that’s my understanding, I could be wrong. But without it it would only apply to itself. In this case the .navbar-right
How do you know what to type or you just remember all this stuff
gonna be honest with you i love that keyboard
its just soo great
Im new to web development why are you not coding the html in a semantic way
Servet, i have a question about your hotkeys, and can you say what do you use to align you code line by line (in style for example)
You should enable format on save on vscode
What extension are you using to automatically pull full code like that ? Also what are you using to change the format like @01:07 . I like it , reminds me of Tabnine editor extension .
It's not an extension, he had the svg in the clipboard
@@ppg68 Its a fucking extension.
Enable Format on Save option
Hello
Could you tell me what kind of keyboard you have thanks
Hello everyone, someone knows how you can navigate without the navigation pads but not that, using the jkli keys like him?
Is it OK? if I copy some of other websites codes but changing the designs, colors and variables? Beginner here.
Yes as long as the purposes are strictly for learning nothing wrong with that.