![AsmrProg](/img/default-banner.jpg)
- Видео 140
- Просмотров 17 700 954
AsmrProg
Добавлен 26 июл 2022
Hello, It's me Reza Mehdikhanlou and welcome to my channel "AsmrProg". Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs, CSS Animation and Effects.
You in this channel will learn how to Create Responsive Websites and web apps using modern languages, frameworks, and libraries!
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
I hope that you will learn something & to stay tuned subscribe to the channel to get latest updates so do Subscribe to our channel and press the bell icon to get notification first.
You can support me only by subscribing my channel! i don't want money support!
You in this channel will learn how to Create Responsive Websites and web apps using modern languages, frameworks, and libraries!
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
I hope that you will learn something & to stay tuned subscribe to the channel to get latest updates so do Subscribe to our channel and press the bell icon to get notification first.
You can support me only by subscribing my channel! i don't want money support!
Responsive AI Landing Page - ASMR Programming
Ready to unleash the power of AI on your website? Join us in this exciting tutorial where we design an eye-catching and effective AI landing page from scratch! 🤖✨ Perfect for developers and designers looking to boost their web design skills and create a stunning user experience. In this video, we'll cover:
- The importance of a captivating landing page 🎨
- Key elements for AI-focused websites 🌟
- Step-by-step coding and design process 💻
- Tips for optimizing user engagement and conversion rates 📈
key features:
- Introduction to AI Landing Pages: Understand the significance of a well-crafted landing page and how it can elevate your AI project. 🎨
- Key Elements for AI-Focused Websites: Learn about...
- The importance of a captivating landing page 🎨
- Key elements for AI-focused websites 🌟
- Step-by-step coding and design process 💻
- Tips for optimizing user engagement and conversion rates 📈
key features:
- Introduction to AI Landing Pages: Understand the significance of a well-crafted landing page and how it can elevate your AI project. 🎨
- Key Elements for AI-Focused Websites: Learn about...
Просмотров: 8 990
Видео
ASMR Programming - Responsive Dashboard Design with Charts - No Talking
Просмотров 13 тыс.21 день назад
📊 Designing a Stunning Dashboard UI with HTML, CSS, and JavaScript! 🎨💻 🚀 Ready to build an elegant and functional dashboard interface from the ground up? In this tutorial, we’ll guide you through the process of creating a professional dashboard UI for a learning platform using HTML, CSS, and JavaScript. Whether you're a web development newbie or a seasoned coder, you'll discover valuable insigh...
ASMR Programming - Job Platform UI Design - No Talking
Просмотров 13 тыс.Месяц назад
🌟 Creating an Amazing Job Platform UI Design with HTML, CSS, and JavaScript! 🎨💻 🚀 Ready to craft a sleek and functional job platform from scratch? In this tutorial, we’ll walk you through the entire process of designing and developing a professional job platform UI using HTML, CSS, and JavaScript. Whether you’re new to web development or a seasoned pro, you’ll find valuable insights and techniq...
ASMR Programming - Stunning Portfolio For Beginners - No Talking
Просмотров 22 тыс.Месяц назад
🌟 Creating an Amazing Personal Portfolio with HTML and CSS! 🎨💻 🚀 Get ready to showcase your skills and projects as we dive into the world of personal portfolio websites! In this tutorial, we'll guide you through the process of building a stunning and professional portfolio using HTML and CSS. Whether you're a coding newbie or a seasoned developer, there's something here for you! 🎨 We'll start b...
ASMR Programming - Coding Page Translator Extension - No Talking
Просмотров 12 тыс.Месяц назад
Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎 Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅ day 76 - 100 days javascript coding ⚜️ Keyboard Link : www.kiiboom.com/products/kiiboom-phantom-81 Instagram : inst...
ASMR Programming - Responsive Personal Portfolio - No Talking
Просмотров 24 тыс.2 месяца назад
🌟 Creating an Amazing Personal Portfolio with HTML and CSS! 🎨💻 🚀 Get ready to showcase your skills and projects as we dive into the world of personal portfolio websites! In this tutorial, we'll guide you through the process of building a stunning and professional portfolio using HTML and CSS. Whether you're a coding newbie or a seasoned developer, there's something here for you! 🎨 We'll start b...
ASMR Programming - Mini Music Player - No Talking
Просмотров 39 тыс.2 месяца назад
Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎 Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅ day 75 - 100 days javascript coding ⚜️ Keyboard Link : www.kiiboom.com/products/kiiboom-phantom-81 Instagram : inst...
ASMR Programming - Responsive Video Call App Design - No Talking
Просмотров 13 тыс.2 месяца назад
🌟 Exploring the Ultimate Online Meeting Platform UI Design! 🎥💻 🚀 Get ready to elevate your coding skills as we dive into the exciting world of video call (meeting) platforms! 🌟 In this tutorial, we'll guide you through the process of creating a sleek and intuitive interface using HTML and CSS. Whether you're a coding newbie or a seasoned developer, there's something here for you! 🎨 We'll start ...
ASMR Programming - Flashcard App With JavaScript - No Talking
Просмотров 24 тыс.3 месяца назад
Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎 Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅ day 74 - 100 days javascript coding ⚜️ Keyboard Link : www.kiiboom.com/products/kiiboom-phantom-81 Instagram : inst...
ASMR Programming - Gameboy Tetris Clone in JavaScript - No Talking
Просмотров 31 тыс.3 месяца назад
Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎 Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅ day 74 - 100 days javascript coding ⚜️ 🕹️ Dive into the nostalgia of the classic Gameboy Tetris with this fun and i...
ASMR Programming - File Sharing Platform UI - No Talking
Просмотров 31 тыс.3 месяца назад
🌟 Exploring the Ultimate File Sharing Platform UI Design! 🎥💻 Join us as we explore the sleek and intuitive UI design of our file sharing platform. Whether you're a seasoned web developer seeking inspiration or a newcomer eager to learn, this showcase has something for everyone! 📱 Cross-Platform Compatibility: Our platform is fully optimized for desktop, tablet, and mobile, ensuring a seamless e...
ASMR Programming - Video Sharing Platform UI - No Talking
Просмотров 23 тыс.4 месяца назад
🌟 Exploring the Ultimate Video Sharing Platform UI Design! 🎥💻 Welcome to AsmrProg! In this exciting video, we delve deep into the intricacies of designing a user-friendly and visually stunning UI for a video sharing platform. Whether you're a seasoned developer looking for inspiration or a newbie eager to learn, this video has something for everyone! 🔍 What's Inside: - An in-depth walkthrough o...
ASMR Programming - JavaScript Sliders For Beginners - No Talking
Просмотров 13 тыс.4 месяца назад
Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎 Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅ day 72 - 100 days javascript coding ⚜️ 🎥In this video, we'll dive into the fascinating world of JavaScript sliders....
ASMR Programming - Portfolio Card Design - No Talking
Просмотров 21 тыс.4 месяца назад
Welcome to AsmrProg! 🚀 In this comprehensive tutorial, we dive deep into the art of crafting stunning Card UI designs using the dynamic trio of HTML, CSS, and JavaScript. Whether you're a beginner looking to elevate your web development skills or a seasoned pro seeking new techniques, this video has something for everyone. 🔍 What You'll Learn: - The fundamental structure of Card UI components -...
ASMR Programming - Responsive Educational Website - No Talking
Просмотров 22 тыс.4 месяца назад
🌐 Welcome to AsmrProg, where we dive into the world of web coding! In this tutorial, I walk you through the creation of a responsive educational website using HTML and CSS. 🎓 Throughout this video, I'll guide you step-by-step as we construct a sleek and functional website tailored for learners of all kinds. From HTML markup to CSS styling, we'll cover everything you need to know to create a res...
ASMR Programming - My VSCode Setup - No Talking
Просмотров 106 тыс.5 месяцев назад
ASMR Programming - My VSCode Setup - No Talking
ASMR Programming - News Website With Api in JavaScript - No Talking
Просмотров 16 тыс.5 месяцев назад
ASMR Programming - News Website With Api in JavaScript - No Talking
ASMR Programming - JavaScript Calendar With Events - No Talking
Просмотров 16 тыс.5 месяцев назад
ASMR Programming - JavaScript Calendar With Events - No Talking
ASMR Programming - JavaScript Form Validation - No Talking
Просмотров 34 тыс.6 месяцев назад
ASMR Programming - JavaScript Form Validation - No Talking
ASMR Programming - Responsive NFT Website - No Talking
Просмотров 76 тыс.6 месяцев назад
ASMR Programming - Responsive NFT Website - No Talking
ASMR Programming - JSON Reader App - No Talking
Просмотров 10 тыс.6 месяцев назад
ASMR Programming - JSON Reader App - No Talking
ASMR Programming - Captcha App in JavaScript - No Talking
Просмотров 11 тыс.6 месяцев назад
ASMR Programming - Captcha App in JavaScript - No Talking
ASMR Programming - Multi Page Portfolio Website - No Talking
Просмотров 22 тыс.6 месяцев назад
ASMR Programming - Multi Page Portfolio Website - No Talking
ASMR Programming - Responsive Music Website Design - No Talking
Просмотров 85 тыс.6 месяцев назад
ASMR Programming - Responsive Music Website Design - No Talking
ASMR Programming - Chart Generator App - No Talking
Просмотров 12 тыс.7 месяцев назад
ASMR Programming - Chart Generator App - No Talking
ASMR Programming - Take Screenshot Using JavaScript - No Talking
Просмотров 12 тыс.7 месяцев назад
ASMR Programming - Take Screenshot Using JavaScript - No Talking
ASMR Programming - Animated Login Page - No Talking
Просмотров 27 тыс.7 месяцев назад
ASMR Programming - Animated Login Page - No Talking
ASMR Programming - Responsive Login Form - No Talking
Просмотров 22 тыс.7 месяцев назад
ASMR Programming - Responsive Login Form - No Talking
ASMR Programming - Responsive Dashboard Design - No Talking
Просмотров 110 тыс.7 месяцев назад
ASMR Programming - Responsive Dashboard Design - No Talking
ASMR Programming - Voice To Text in JavaScript - No Talking
Просмотров 12 тыс.7 месяцев назад
ASMR Programming - Voice To Text in JavaScript - No Talking
How do I make my mouse pointer look like yours? Please tell me ❤
Well, copied all codes correctly, but it does not work with me. but i respct this great job and a relaxing result
Im not working 😢
the worst portfolio ive seen ever man
Why?
it's cool, but it is not that professional, besides you can do one 3 times better using workflow
I tried everything. But the transition isn’t just working
I sub ur channel please need Jarvis coding video step by step full video like this video
Hi, Jarvis?!
@@AsmrProg hello 👋 please make a tutorial how to programming a Jarvis A.I assistant voice command ty
Suggestion: try Vibrancy Continued if it works for you.
Can you right for me js code for verification email
The subscribe "ding" every 7 minutes is super annoying!
Oh ok, I will turn it down!
which laptop are you using
Hi, Lenovo legion 5
hi you just forgot to do the js of the button hire me
How long did it took for u to learn to code as u do rn?
Can you please tell that which cursor pack are you using or effects it is really awesome ❤❤❤ 🤩
Which cursors effect or pack you are using please tell ❤❤❤❤❤
Coding tampilan ios
My programming teacher: HOW YOU MADE A CALCULATOR IN SUCH A SHORT TIME Me: do you know asmr??...
i subbed and am making the calc really cool vid
thanks very much =)!
Nice It Works!!!!!❤❤
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
没学会
Next Steps brother please 💖💖 , full stack please
What switches do you have on your keyboard?
This is not ASMR with this music
What is the extension or setting in VS Code that allowed changing the text cursor’s blinking style? Thank you
Goat
such a lovely project love you bro ❤
You should try adding lofi beats to the background, it sounds awesome!
It does not work. Why?
can you make a page for a b&b?
Sir, please start tutorials from scratch❤
داداش مشخصات سیستم رو میدی ؟؟❤❤
Code a calculator: a = int(input()) b = int(input()) c = input() if c == "*": print(a*b) elif c == "-": print(a-b) elif c == "+": print(a+b) elif c == "/" and b != 0: print(a/b) elif c == "/" and b == 0: print("error, you cant /0!") else: print("error") Code an App of calculator: 34 minutes video! WTF???????? ._.
for registration I used about 7 input fields and becuase of that Create account part along with email part is net being shown.What should I do to fix this?
the most good asmr programming video but ıf u can write more faster ı can sleep😪
Where do you get the images from that you used ?
Non funziona🤔
.camera::before{ content: ""; height: 33.3%; aspect-ratio: 1; border-radius: inherit; box-shadow: inset 0 0 0.25em #4c4da3; background: radial-gradient(#6667ac, transparent 50%) no-repeat 33.3% 10%/75% 50%, radial-gradient(#454680, transparent 50%) no-repeat 60% 85%/50% 50%; background-color: #080928; } pallette{ display: flex; gap: 2em; margin-bottom: -0.25em; } input[type=radio]{ display: none; } switch{ --swatch-size: 5em; background: white; width: var(--swatch-size); height: var(--swatch-size); border-radius: 50%; position: relative; cursor: pointer; border: var(--border-width) solid black; box-sizing: border-box; transition: 0.333s var(--ease-out); transition-property: border-color, transform; background: radial-gradient(100% 100% at 50% 30%, var(--swatch-s1), var(--swatch-s2)); opacity: 0; transform: translate3d(0, 20%, 0) scale3d(0.75, 0.75, 1); -webkit-animation: appear 0.333s var(--ease-out) forwards 0.75s; animation: appear 0.333s var(--ease-out) forwards 0.75s; } .swatch:nth-child(1){ transform-origin: 80% 200%; } .swatch:nth-child(2){ -webkit-animation-delay: 0.8s; animation-delay: 0.8s; transform-origin: 60% 200%; } .swatch:nth-child(3){ -webkit-animation-delay: 0.85s; animation-delay: 0.85s; transform-origin: 40% 200%; } .swatch:nth-child(4){ -webkit-animation-delay: 0.9s; animation-delay: 0.9s; transform-origin: 20% 200%; } .swatch::before{ content: ""; position: absolute; inset: -1px; border-radius: inherit; border: var(--border-width) solid black; background-image: radial-gradient(400% 300% at 50% 255%, transparent 20%, white); } .swatch[for=deep-purple]{ --swatch-s1: hsl(var(--deep-purple), 100%, 50%); --swatch-s2: hsl(calc(var(--deep-purple) - 60), 100%, 20%); } .swatch[for=deep-purple]:before{ opacity: 0.5; } .swatch[for=gold]{ --swatch-s1: hsl(var(--gold), 100%, 50%); --swatch-s2: hsl(var(--gold), 100%, 50%); } .swatch[for=space-black]{ --swatch-s1: hsl(var(--space-black), 50%, 20%); --swatch-s2: hsl(var(--space-black), 50%, 10%); } .swatch[for=space-black]:before{ opacity: 0.5; } .swatch[for=silver]{ --swatch-s1: hsl(var(--silver), 50%, 80%); --swatch-s2: hsl(var(--silver), 50%, 10%); } .swatch[for=silver]:before{ opacity: 0.75; } .deep-purple{ --c-h: var(--deep-purple); --g-hue-adjust: 60; } .gold{ --c-h: var(--gold); --g-hue-adjust-2: -100; } .space-black{ --c-h: var(--space-black); --g-hue-adjust: 190; --g-hue-adjust-2: 145; --g-lightness: 95%; } .silver{ --c-h: var(--silver); --c-s: 10%; --g-hue-adjust: 30; --g-lightness: 95%; } .silver .glow{ opacity: 0.25; } #deep-purple:checked~.phone .bg .deep-purple{ opacity: 1; z-index: 1; transition-delay: 0s; } #deep-purple:checked~.phone .bg .deep-purple .section::before{ transition-delay: 0s; animation: test 1s infinite alternate-reverse; } #deep-purple:checked~.pallette label[for=deep-purple]{ border-color: hsl(var(--deep-purple), 50%, 75%); } #gold:checked~.phone .bg .gold{ opacity: 1; z-index: 1; transition-delay: 0s; } #gold:checked~.phone .bg .gold .section::before{ transition-delay: 0s; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); animation: test 1s infinite alternate-reverse; } #gold:checked~.pallette label[for=gold]{ border-color: hsl(var(--gold), 50%, 75%); } #space-black:checked~.phone .bg .space-black{ opacity: 1; z-index: 1; transition-delay: 0s; } #space-black:checked~.phone .bg .space-black .section::before{ transition-delay: 0s; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); animation: test 1s infinite alternate-reverse; } #space-black~.pallette label[for=space-black]{ border-color: hsl(var(--space-black), 50%, 75%); } #silver:checked~.phone .bg .silver{ opacity: 1; z-index: 1; transition-delay: 0s; } #silver:checked~.phone .bg .silver .section::before{ transition-delay: 0s; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); animation: test 1s infinite alternate-reverse; } #silver:checked~.pallette label[for=silver]{ border-color: hsl(var(--silver), 50%, 75%); } @keyframes test{ from{ transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } to{ transform: matrix3d(2, 2, 2) translate3d(50px, 50px, 50px); } }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Iphone 14</title> </head> <body> <input type="radio" name="theme" id="deep-purple" checked="checked"> <input type="radio" name="theme" id="gold"> <input type="radio" name="theme" id="space-black"> <input type="radio" name="theme" id="silver"> <div class="phone"> <div class="buttons"> <div class="left"> <div class="button"></div> <div class="button"></div> <div class="button"></div> </div> <div class="right"> <div class="button"></div> </div> </div> <div class="camera"></div> <div class="screen-container"> <div class="bg"> <div class="deep-purple"> <div class="section"> <div class="glow"></div> </div> <div class="section"> <div class="glow"></div> </div> </div> <div class="gold"> <div class="section"> <div class="glow"></div> </div> <div class="section"> <div class="glow"></div> </div> </div> <div class="space-black"> <div class="section"> <div class="glow"></div> </div> <div class="section"> <div class="glow"></div> </div> </div> <div class="silver"> <div class="section"> <div class="glow"></div> </div> <div class="section"> <div class="glow"></div> </div> </div> </div> </div> <div class="notch-container" tabindex="0"> <div class="notch"> <div class="content"> <div class="left"> <div class="title"></div> <div class="text"></div> </div> <div class="right"> <div class="bar"> <div class="duration"></div> </div> </div> </div> </div> <div class="notch-blur"></div> </div> <div class="pallette"> <label for="deep-purple" class="swatch"></label> <label for="gold" class="swatch"></label> <label for="space-black" class="swatch"></label> <label for="silver" class="swatch"></label> </div> </div> </body> </html>
Non funziona!
How'd you learn how to touch type for programming? It's been frustrating for me as I hit all the wrong keys, especially the symbols.
I learned so much shortcuts watching your vids. pls make more