Duration 30:14

ASMR Programming - Ai Image Generator + Keyboard Unboxing - No Talking

by AsmrProg

17 951 watched

706

Published 27 Aug 2023

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 48 - 100 days javascript coding ⚜️ Keyboard Link : https://iqunix.store/discount/asmrprog/?redirect=/products/iqunix-og80-wormhole-wireless-mechanical-keyboard IQUNIX Youtube : @IQUNIX Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course : /playlist/PLkC56g8fboI0HghByzVuD2Vz8ROUXfF_j In this tutorial, I am gonna showing to you how to code your own ai image generator completely free! we will use huggingface api to create our own ai image generator app❗️ Day 48 - Source Code : https://github.com/AsmrProg-YT/100-days-of-javascript source of all projects also will upload in AsmrProg github page : https://github.com/AsmrProg-YT with this coding bootcamp you will learn how to be an javascript developer✅ Follow my 100 days of javascript playlist i will upload video's of javascript projects in it for easier access and video's in this playlist sorted by day 1 to day 100 😉 100 days of javascript Playlist : /playlist/PLkC56g8fboI0HghByzVuD2Vz8ROUXfF_j Every week i will update this playlist ✅ Video Contents : 00:00 - Intro (100 days of code - day 48) 00:54 - Keyboard unboxing 03:05 - Sound test 03:20 - Rgb lights 04:14 - Warming hands 04:20 - Main codes 05:00 - Adding google fonts 05:14 - Api key 06:41 - Html coding 08:18 - Main styles 09:00 - Container styles 12:05 - gen-form styles 12:20 - Other styles 14:48 - Main js codes 15:10 - getRandomNumber() 16:00 - disableGenerateButton() 16:58 - clearImageGrid() 17:28 - generateImages() 19:31 - Api docs 21:33 - Bad response 23:49 - Button event listener 24:21 - downloadImage() 25:25 - Fix bugs 26:12 - Result styles 29:25 - Final Result Asmr Game Coding Playlist : /playlist/PLkC56g8fboI3nNZQS2mb6kCqK9yS0XgD9 Other Video's : Coding a Snake Game : /watch/8ck62JMe7Mwe6 Movie Guide App Coding : /watch/UDmEj9mau6JaE Coding IOS (IPhone) Dynamic Music : /watch/szLRIpcPL5WPR Subscribe → https://bit.ly/3Lf1K4A ✅ Subscriptions, good comments and likes are great support for me 😍 Don't re-upload or edit the videos on your channel. All copyrights by AsmrProg. About AsmrProg Channel : 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. AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development. AsmrProg Asmr Prog ASMR Programming ASMR Coding ASMR keyboard typing ASMR web design ASMR coding html ASMR coding website No Talking ASMR No Talking Coding No Talking Programming

Category Education

Comments - 191

@

@AsmrProg8 months ago Do you want we have Ai projects? LIKE video to show me you want Ai projects 🙏❤ Hope you enjoy it 😉 49
@

@york85678 months ago Great to see your video's quality getting better and better, still remember when you have only 20k subs. Keep it up! ur vid helps me a lot btw:) 6
@

@gabyyy87088 months ago I found your channel by chance a couple of weeks ago. Your videos, in addition to helping me learn programming, are like a remedy for my insomnia 🥰
I hope your channel grows more and more! 4
@

@unnath17624 months ago I want to say thank you for motivating me to actually learn web development. The calmness with which the video is presented is simply amazing. I used to just watch these videos and think this is beyond me. But I followed along this time and found that I understood most of the code. I haven't remembered all the parts of javascript to the level of doing it on own yet, but the fact that I understood is itself amazing. I will try and follow along to a couple more videos and do projects on my own to internalize my learnings. Thank you once again! ... 1
@

@elorigenyt8 months ago thanks asmrprog I'm learning much faster with you than with other channels, thanks bro keep uploading videos 2
@

@justrocketscience99308 months ago Once again, amazing content. Thank you! 3
@

@maidcorbic47828 months ago As a web designer this is really cool. I learn with you what is display box, flex box and that stuffs. Thanks a lot! 2
@

@raponduty8 months ago Hey Um, Love the concept, I just have a question! How does the generation work? Did you use an open source existing model for generation and implement it in your code? 1
@

@madkarmaa8 months ago you've added a border property 2 times in the same selector which can be reduced to 1 1
@

@antydre1458 months ago Men i would love to know about your theme, the font of ur vscode, this extension that show u what its going in like '"<" expected' in the line. It gives me chills
I love your videos 1
@

@ThanhTungNguyen-kv3wf8 months ago Your video amazing !!!!!!!!!!! . What do I need to learn to create mouse cursors like you, amazing^0^ 1
@

@JiizzySensation7 months ago Hey, what kind of key stabs have that keyboard? 1
@

@aminsucks8 months ago Thank you so much ur channel is like a valuable gem that everyone is looking for 1
@

@devilish_marks.8 months ago hi, first of all love your videos they helped me a lot to improve my programming skills, i have a little problem, i followed your video step by step and everything looks good but when i try to generate an image it just wont work, like i press on the generate button and literally nothing happens not even the "loading", idk what could it be, also just in case i copied and pasted your code just in case i did something wrong but its the same it just doesnt do anything :( (its like if the click doesnt work idk) ... 1
@

@rasi90318 months ago During installation of Apps, it seeks permission to allow/access Files, Cookies and Credentials. Develop an interface or an application which will monitor the permissions grants and should list the details of the credentials taken. please give me an idea for this broo....where i need to start and how developing..... ... 1
@

@user-te3wu7qm8u5 months ago That's really cool. I just want to ask if the API is free and if so, if there are any limits on the number of images generated. Otherwise very cool video. 1
@

@aamorous8 months ago bro whats the extensions when you type and inscription pop up on the right like e.g "property value expected .."?? 1
@

@AYnonyme8 months ago Wow.... i haven't coding for one week, and that gives me patience to re-code later.
Btw how do you record? And having the animation on clock and trail? 1
@

@henrymarquesdossantossouza27355 months ago this content is incredible, just for improve it's not totally responsible, and if we use enter key the page reload 1
@

@just-aCChannel8 months ago How did you make your VSCode so good im the eyes? 1
@

@ankitsaha32188 months ago When can we expect the source code? Btw keep up your great work!
Cheers!!🎉 1
@

@didiplus8 months ago Can you write a page with search function to display waterfall flow images 1
@

@aravda32726 months ago which all are the extensions which u used for it i cant find go live option pls help me im doing this for my science projectr which is on november 1
@

@MohsinhasanHemani7 months ago Is this possible to do with the DALL-E api? like do i just replace the huggingface api key and api link with dall-e api key and link? 1
@

@kyloramcor39028 months ago Hi there! I would like to learn to program with HTML, CSS, JAVASCRIPT. Can you recommend a course to learn or a method if it can be free? Or even as you learned. Thank you 1
@

@rashid51558 months ago سلام رضا تو لایق میلیون ها مشترک هستی.. کار قشنگی 😍😍😍 2
@

@amirhosseinjafary2648last month My Bro Thanks about your Knwoledge i"m from IRAN 1
@

@Random_Guy_9958 months ago Can you tell me how many programming languages you know bro ? 😊😊 2
@

@eprohoda8 months ago How’s life?. Bravo,best unnboxing-Asmrprog- 1
@

@darkdemon63352 months ago How can i get that preview of the error?
@

@takanomemihawk36638 months ago Mine is not generating images. I don't know what's wrong😭. I think it's because of API. It's not responding and stuck in "Generating" when i hit a prompt 1
@

@Nur-pj2zy8 months ago For have many years have you been programming? 1
@

@prabinchand31358 months ago I am stuck in problem with angular for uploading and displaying image in webpage. Can you help me with this ? I am using angular + java in my project. 1
@

@ayanneoshorts8 months ago brother i wanna learn js from you please do something. 😍😍😍🥰🥰🥰🥰 1
@

@visheshdham56852 months ago dude i have set an api as u have done in the video but still it is showing that failed to generate image pls help the same happening with me in your chatbot video where it is showing error, check your api key. pls help
@

@hamzakhan-lp6gz8 months ago How I learn web development tell me resources and best courses 1
@

@music2day55922 months ago It shows error while using some other models... How can I fix it?? 1
@

@minecnc07078 months ago If possible, can you write a unity game? 1
@

@isaiahjackson75924 months ago This is an amazing video , but when I generate an image, it says "Failed to generate image" 1
@

@Mert_Demirsel8 months ago Bro i am from turkey ans i want ur lesson i respect u 1
@

@tik.shorts8578 months ago Please can you make a gaming app video 😊😊😊 2
@

@zuka7208 months ago AsrmProg can you give me the Javascript code for reference 1
@

@mandiyego52438 months ago dadash oon mouse bichare ro ham avaz kon gonah dare kheyli kar keshidi azash😂😂 1
@

@varuntej83918 months ago Bro can you give away on of your keyboard🙃 1
@

@omarbarbeir98878 months ago When I write anything like a car or an old man or anything like that, very strange results appear, like a skeleton and Yugi's card but with strange content and things like that. 1
@

@EliasSantos-kv3sf2 months ago voltar no minuto
@

@dasdadasdasda20878 months ago can u please repair the fcking rainbow six server :=) 1