AsmrProg
AsmrProg
  • Видео 140
  • Просмотров 17 700 954
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...
Просмотров: 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

Комментарии

  • @MEGA_329
    @MEGA_329 11 часов назад

    How do I make my mouse pointer look like yours? Please tell me ❤

  • @AMMARTAFOIKI
    @AMMARTAFOIKI 12 часов назад

    Well, copied all codes correctly, but it does not work with me. but i respct this great job and a relaxing result

  • @hutaodesu6230
    @hutaodesu6230 14 часов назад

    Im not working 😢

  • @Flexmask
    @Flexmask 16 часов назад

    the worst portfolio ive seen ever man

    • @AsmrProg
      @AsmrProg 11 часов назад

      Why?

    • @Flexmask
      @Flexmask 8 часов назад

      it's cool, but it is not that professional, besides you can do one 3 times better using workflow

  • @ehinderohenry5716
    @ehinderohenry5716 День назад

    I tried everything. But the transition isn’t just working

  • @Filmy_fan-yx4tr
    @Filmy_fan-yx4tr День назад

    I sub ur channel please need Jarvis coding video step by step full video like this video

    • @AsmrProg
      @AsmrProg 11 часов назад

      Hi, Jarvis?!

    • @Filmy_fan-yx4tr
      @Filmy_fan-yx4tr 11 часов назад

      @@AsmrProg hello 👋 please make a tutorial how to programming a Jarvis A.I assistant voice command ty

  • @user-zy6lz2ee5l
    @user-zy6lz2ee5l День назад

    Suggestion: try Vibrancy Continued if it works for you.

  • @D.M.N0
    @D.M.N0 День назад

    Can you right for me js code for verification email

  • @progfix
    @progfix День назад

    The subscribe "ding" every 7 minutes is super annoying!

    • @AsmrProg
      @AsmrProg 11 часов назад

      Oh ok, I will turn it down!

  • @lxroy1914
    @lxroy1914 День назад

    which laptop are you using

    • @AsmrProg
      @AsmrProg 11 часов назад

      Hi, Lenovo legion 5

  • @aminekarim3368
    @aminekarim3368 День назад

    hi you just forgot to do the js of the button hire me

  • @danilojovanovic2210
    @danilojovanovic2210 2 дня назад

    How long did it took for u to learn to code as u do rn?

  • @Binyameen525
    @Binyameen525 2 дня назад

    Can you please tell that which cursor pack are you using or effects it is really awesome ❤❤❤ 🤩

  • @Binyameen525
    @Binyameen525 2 дня назад

    Which cursors effect or pack you are using please tell ❤❤❤❤❤

  • @koboichanel5603
    @koboichanel5603 2 дня назад

    Coding tampilan ios

  • @taro1112
    @taro1112 3 дня назад

    My programming teacher: HOW YOU MADE A CALCULATOR IN SUCH A SHORT TIME Me: do you know asmr??...

  • @gameman01
    @gameman01 3 дня назад

    i subbed and am making the calc really cool vid

  • @ЛотТоп
    @ЛотТоп 3 дня назад

    thanks very much =)!

  • @akashdey1760
    @akashdey1760 3 дня назад

    Nice It Works!!!!!❤❤

  • @hun_benc3523
    @hun_benc3523 3 дня назад

    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

  • @ufo9932
    @ufo9932 3 дня назад

    没学会

  • @Mr_Net24
    @Mr_Net24 3 дня назад

    Next Steps brother please 💖💖 , full stack please

  • @clotte-dl4kq
    @clotte-dl4kq 3 дня назад

    What switches do you have on your keyboard?

  • @KTUBE34170
    @KTUBE34170 3 дня назад

    This is not ASMR with this music

  • @oliversaba1362
    @oliversaba1362 4 дня назад

    What is the extension or setting in VS Code that allowed changing the text cursor’s blinking style? Thank you

  • @JigalootChess
    @JigalootChess 4 дня назад

    Goat

  • @drago1739
    @drago1739 4 дня назад

    such a lovely project love you bro ❤

  • @FarisOmer-bw8se
    @FarisOmer-bw8se 4 дня назад

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

  • @hv_94
    @hv_94 4 дня назад

    It does not work. Why?

  • @hv_94
    @hv_94 4 дня назад

    can you make a page for a b&b?

  • @realisnotfalsefalseisnotre3250
    @realisnotfalsefalseisnotre3250 4 дня назад

    Sir, please start tutorials from scratch❤

  • @LegendClient2024
    @LegendClient2024 5 дней назад

    داداش مشخصات سیستم رو میدی ؟؟❤❤

  • @user-wi4vs6xc3z
    @user-wi4vs6xc3z 5 дней назад

    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???????? ._.

  • @santasama990
    @santasama990 5 дней назад

    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?

  • @MRGrayhat
    @MRGrayhat 5 дней назад

    the most good asmr programming video but ıf u can write more faster ı can sleep😪

  • @kasai9838
    @kasai9838 5 дней назад

    Where do you get the images from that you used ?

  • @hv_94
    @hv_94 5 дней назад

    Non funziona🤔

  • @hv_94
    @hv_94 5 дней назад

    .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); } }

  • @hv_94
    @hv_94 5 дней назад

    <!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>

  • @hv_94
    @hv_94 5 дней назад

    Non funziona!

  • @peterkanini867
    @peterkanini867 5 дней назад

    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.

  • @sxikx
    @sxikx 6 дней назад

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