ASMR Programming - Pepsi Home Page - No Talking
Вставка
- Опубліковано 20 лип 2024
- Hello my dear coders,
Pepsi page was difficult to handle, because it had many media queries needed to be added. However, I didn't add them for sake of the video. Hope you enjoy it! Thumbs up!
Twitter: / gulnaroglus
📦📦📦📦📦📦📦📦📦📦📦📦📦📦📦
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 Keyboard check
00:11 Creating Files
00:45 Navbar
07:34 Product: Nitro Pepsi
14:23 Product: Zero Sugar
18:00 Better with Pepsi
20:43 Product: Mango Pepsi
24:33 That's what I Like®
26:39 Diet Pepsi
30:15 Background fix
30:39 Results and comparison
This video is prepared for only entertainment and education purposes. - Розваги
Amazing content. I learn so much more by watching than most tutorials, because everything here is real-time!
Quick tip: to change text inside something use:
ci' or ci( or ci{ or ci" -> to change inside of the delimiter you choose. Also works with the closing symbol as well ci}, ci], ci) if that is more comfortable for you.
For instance: 15:03 to change those urls just move to some place inside the ' ' and press ci' and presto.
I didn't know that. Thank you! It works perfectly
@@ServetGulnaroglu you can also change/delete/highlight text inside HTML tags with cit/dit/vit motions! That saves a lot of time aswell
You can use cit to change the text inside the tag
Super tingly and awesome. I listen to it while coding too.
Love your content. You are great & love your keyboard 👍
Hey Servet, I would love to see a tips/tutorial video on your keyboard shortcut that you use when coding! Its fascinating how you move around the code base so fast and adjust lines of code in seconds.
agreed!
just use the arrow keys to move quickly
He's using Vim. That's how.
He's using the vim extension in VS code i believe
@@ZxRipredxZ lmao since u brought that up i think it’s time for me to configure my vscode
Congratulations 100k
We will be a million at the end of this year, God willing😁
Thank you 🙏 😄
Love the frontend video, Ive just uploaded my first frontend dev ASMR video. Big fan of your videos Servet :D
Love your way @ "No talking only coding"
I hope to be as good as you one day. I absolutely love your content.
This is insane bro.....🔥🔥🔥
Hello, I am your follower and I love your videos. one question, how do you do to be able to change and steal the css styles and the position with the windows that you touched that you can move to the right or left or change the position in the styles in the browser?
sir may i ask why do you often used the div tag instead of header, section, aside, etc.?
kanalın ismini görene kadar yabancı birinin içeriği sanmıştım böyle kaliteli bir video zamanımızın türklerinden çıkmaz biliyoruzki ama sizi görünce çok şaşırdım iyi ki bulmuşum bu kanalı böyle devam edin severek izliyoruz
sana katılıyorum
Keep up Your Great Work Servet
How do you swap karets like that? Going from block to line in vs code?
I feel like Vim mode may be giving you more trouble than it's worth here. Cool video though, really demonstrates how flexbox is pretty much the best thing to happen to CSS
I love your videos 👌🏻
Acil kısayol ve uzantılar önerileri tavsiyeleri videosu gelmeli 👍
Great video! Can you make Apple Home Page with product card only?
Hey servet, I've been following your videos quite a time now but i was wondering something, I've seen in ur bio ur studying computer science which i wanne do aswell next year. But I've heard they don't teach u much about coding? Is this true cuz u can code pretty good.
Wow very good man!
Servet Glunaroglu : wants to sleep I have the best ASMR
ME:HELL YEAHHHH ☺️💤👍
I'm kinda new with CSS and HTML. But, how did he did the CSS editing at 3:26. It seems like a point-click editing style and I can't find it in the Firefox Inspector.
Watching this video is better than learning a whole css class! Amazing video, always appreciated.
does anyone know how to space out the links once yuo use the flexbox? thanks!
sick keyboard bro
im really just watchin these rn
hey, nice video, what theme is this?
amazing bro ❤🔥❤
Can you tell me Where did you learn this programming??
Its really interesting 😃
Nice cointent,Make it responisve using media queries and make videos in dark that keyboard light will reflect very well.
Hellooo!
From Uzbekistan!
Do you not know how to write flex box without those tools in the elements tab?
You should try recreate the apple home page,honestly one of the best website I’ve seen so far 😩
lol
hey mate ,fantastic work ofcurse
plz there will be questions on every vid for sure could u make a video to answer it if it possible?
Hi can you tell me how to do a live server like you did at 0:52 I tried with shell but it doesnt work so its probably an installation that i need
thanks a lot
search for live server extension in vs code
what distro are you using?
can someone explain how does he change between typing and moving ''J,K,L,I" instead of arrows ? what sorcery is that ? I need that, I can't notice him activate it by any key or keybind.
it is vim
thank you bro, love your videos btw@@ServetGulnaroglu
please post the html and css codes for this
I love your vim config can you put it on a repo
Hi, good afternoon.
What's your keyboard? Model
you would really love tailwindcss
can you upload the source code sir?
I must say that you should try changing Capslock to ESC key when using vim keys. Trust me you gonna love it.
Then, what happens to the capslock functionality?
@@ServetGulnaroglu Well it is not used much anyway. You just use shift for all uppercase words which you are already using so little. It worth not to move your hand every time to the upper left of your keyboard.
Some emacs users change their capslock to CTRL.
You can try to map ESC to jk
What is use for Esc ??
how can I code in windows can you please do a tutor plzzzzzzz or can you plz put a video in the comments
good keyboard
bro can u start a series of teaching java script or other languages please
daha fazla code videosu gelsin abi
I recommend you using the plugin called “Live Preview”.
kullanıor sadece bize göstermek için kapatmış
What browser do you use for inspecting?
Works on any browser
in the next video, do the resso page pls!
Can you make the Tesseract?
I just wanna see it
So perfect. 😪
WHAT TYPE OF COMPUTER LANGUAGE DID U USE
Bilgisayarının markası - modeli nedir abi?
Kullandigin bilgisayarin adi nedir ?
You ve forgotten the sortcut icon
Cursor style?
what is your os
Hey , Keyboard name please
çok şey ögrendim
Can you do some game in Unity? Or do something on C#?
We're doing order now lol, I'm joking that would be cool
source ?
Iquninx keyboard is awesome
You Are King Bro
h1{
color:white;
}
Mouse?
your are king.
which framework is this?
div class = navbar HTML 4 olmuyor mu? daha iyi SEO ve Google botlarinin daha rahat anlamasi icin sementik HTML 5 kullanmak daha iyi degil mi? basarilar.
Which is the best coding language according to you brother for a beginner and want to learn coumpter science?
Try Java also.
@@bzwiv8021 I hope to do that because right now I am really confused between python and c++
@@shuklashashwat4491 Python is easier and better to begin
Scratch
@@shuklashashwat4491 Java and c++ are very similiar, get the basics with Python like operators, classes, modules and functions. Spend a few months just on the basics and try to keep motivated as it can be quite easy to get put off if you get stuck on a topic, then look at learning the syntax of anothe r language. Keep things interesting. Good luck!
Bro first should i create website? Answer me please
moral of the story: ctrl c & ctrl v
what application do you use for coding?
Lol everyone knows that this is vs code
What brand and model is your keyboard
in description video
Hey servet l really love your asmr but do some python programming
What kind of keyboard is that? May i know the name please?
its in the desc its called IQUnix OG80 Wormhole TTC ACE switches and Costar Stabilizers
Как по мне ваше интерфейс красивий но код костиль где семантические теги почему все просто блоки даже заголовки задани блоками?
title is ASMR programming and doing markup with html and css
where is the github link?
Empleos pepsi
Hi, pls record, programing SuperScan from Code Lyoko Cartoon
Hey Servet plz create a discord server for the people so u can help em with the code thank u
source code??
What's your keyboard?
in description video
Opp
ASMR Programming - (NAME)xyz - Talking & Teaching
You should code Roblox games, I see you making dope ass games!
can i learn coding with sir? 🙏🙏
Como que quiero una pepsi nitro
No entiendo pija pero chido
what programming language?
html and css
@@pokayang2362 yeah, this two programming languages 😂
@@pokayang2362 👌👍
@@pwnuser2940 'Bro'gramming languages 😂
Do you use Linux?
mac os
source code pls
Check my github profile 📲👍🏿🙏🏽
💞💞💞💞💞
can i ask please ? this is C++ or what ? thank you very much
This is just using HTML and CSS. He's not actually really programming anything with a programming language like C++.
Why you use app dude
only - it's not very good =)
👽😍😍😍😍😍😍
first