ASMR Programming - Ai Image Generator + Keyboard Unboxing - No Talking
Вставка
- Опубліковано 20 лип 2024
- 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 : iqunix.store/discount/asmrpro...
IQUNIX UA-cam : @IQUNIX
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
• 100 Days of JavaScript...
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 : github.com/AsmrProg-YT/100-da...
source of all projects also will upload in AsmrProg github page :
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 : • 100 Days of JavaScript...
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 : • ASMR Game Coding
Other Video's :
Coding a Snake Game : • ASMR Programming - Cod...
Movie Guide App Coding : • ASMR Programming - Mov...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Cod...
Subscribe → 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
Do you want we have Ai projects? LIKE video to show me you want Ai projects 🙏❤ Hope you enjoy it 😉
Of course😊
@ankitsaha3218 😉
کارت درسته
Could you code a Chess ai?
@slmphenbrn2921 yes, we have it in plans 😉🙏
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:)
Thanks a lot old supporter 😉❤️
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!
Thanks 🙏❤️
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!
Thanks so much for your all support and energy 🙏❤️
As a web designer this is really cool. I learn with you what is display box, flex box and that stuffs. Thanks a lot!
Great, keep going on 😉
@@AsmrProg Thank you! 😊
@maidcorbic4782 🙏❤️
thanks asmrprog I'm learning much faster with you than with other channels, thanks bro keep uploading videos
🙏❤️
Once again, amazing content. Thank you!
Oh thanks so much bro ❤️❤️🙏🙏
Glad to have subscriber like you ❤️❤️
Very cool, keep it up!!
Thanks 🙏
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?
Hi, yes we use hugingface api to generate it 🙏
12:50 you've added a border property 2 times in the same selector which can be reduced to 1
Oh yes! Sorry, i will fix it in github source 🙏❤️
Nice tutorial! 🎉
Thanks, please like to support🙏❤️
Men i would love to know about your theme, the font of ur vscode, this extension that show u what its going in like '"
Hi, please check my GitHub, there is a repository about all of my vscode settings 🙏
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.
Hi, yes this api is completely free, full info showed in video 🙏
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
Hi, for extensions please check my github, there is a repository about all of my vscode settings 🙏
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?
Yes, but for dall-e i will create another video 😉
Thank you so much ur channel is like a valuable gem that everyone is looking for
😉🙏❤️
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.....
Hi, for this app we can’t do it with web coding, for this type of apps you need to create it with windows form programming such as c#, vb.net or …
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)
Hi, your code have bug, check description, my source available there! Check where is your bug!
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
سلام رضا تو لایق میلیون ها مشترک هستی.. کار قشنگی 😍😍😍
Qalbi ❤️❤️
How can i get that preview of the error?
Your video amazing !!!!!!!!!!! . What do I need to learn to create mouse cursors like you, amazing^0^
Thanks, it’s screen recorder effects!
Yes!!
!!
Sorry for that😥
My Bro Thanks about your Knwoledge i"m from IRAN
Thanks so much, Bache haye iran eshgh 🙏❤️
Nice!
Sorry?!
Sorry for that
🙏❤️
bro whats the extensions when you type and inscription pop up on the right like e.g "property value expected .."??
Hi, it’s Error lens extension, also you can check my github, there is a repository about all of my vscode settings 🙏
@@AsmrProg thank you🥰❤️
@leowoodburn 🙏❤️
this content is incredible, just for improve it's not totally responsible, and if we use enter key the page reload
Yes because in this video focus was on api 🙏
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
Hi, i learned with courses in my country, but for free, you can watch youtube video’s 🙏
Ok, thank you. Could you specify the ñame of the course
Bro it was in my country, not international!!
Thanks a lot....
🙏❤️
Hey, what kind of key stabs have that keyboard?
Hi, TTC Ace
😮 i like it
🙏❤️
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?
Hi, it’s screen recorder effects 😉❤️
@@AsmrProg its an app on itself or a plugin?
You know how to pick great colors, that's amazing for me
@AYnonyme on itself!
🙏❤️
How did you make your VSCode so good im the eyes?
Hi, please check my github, there is a repository about all of my vscode settings 🙏
That keyboard 😎
😉❤️
Can you write a page with search function to display waterfall flow images
Everything with codding is possible, but i just record video about projects that are more popular and usable!
I really like your channel@@AsmrProg
@didiplus 🙏❤️
@AsmrProg what is this vscode theme?
Hi, in this video i think Tokyo Night 🙏
How’s life?. Bravo,best unnboxing-Asmrprog-
Great, thanks a lot 🙏❤️
what mouse do you use??
Hi, Hatron mouse 🙏
When can we expect the source code? Btw keep up your great work!
Cheers!!🎉
Hi, source code will upload today 😉
It shows error while using some other models... How can I fix it??
Hi, you need to use each model example code snippet 🙏
@@AsmrProg how can I do that can u say... Plz?
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
Did you fixed it?!
@@AsmrProg unfortunately i couldn't. I mean i tried but i gave up🥲
Cool
🙏❤️
wuoooooooooooooooooooo epicccccccccc
🙏❤️
عالی بودی اقا رضا❤
Chesh maei ❤️
قربونت@@AsmrProg
@user-dl6sk3bn1v 🙏❤️
Haji englisi benvis lotfan behesh zarr mizani ❤️
@user-nm9yx9mm2c qalbami, eb nadare ba chanta comment fk nknm gir bede ❤️❤️❤️
what model of mouse is it?
Hi, hatron 🙏
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.
Hi, what’s problem? You can’t find bug?
@@AsmrProg yes, post api is not working , it is showing error, which i am not able to solve yet, can you help me with that ?
I will upload source today, someone else have same problem as yours but with my source fixed, i think your code have bug!
@@AsmrProg I am using angular & Java in my project.
@prabinchand3135 in this project?!
This is an amazing video , but when I generate an image, it says "Failed to generate image"
Did you used correct api?
Good work brother. Is this API free?
Yes, 100% Free!
How I learn web development tell me resources and best courses
Hi, you need to have experience, but for courses I didn’t watched any international courses! So I don’t have any recommendations, but we will have a zero to hero course in channel soon 😉🙏
bro where can i get the Api for this
Watch video, I showed how!
Can you tell me how many programming languages you know bro ? 😊😊
Maybe +8!
brother i wanna learn js from you please do something. 😍😍😍🥰🥰🥰🥰
🙏❤️
For have many years have you been programming?
~7 8 years!
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.
We will improve it in the future, it’s free api and we can’t have good results with free apis! 🙏
@@AsmrProg Thank you for your response. There was something wrong with the code and I fixed it and now it shows good images
@omarbarbeir9887 great, keep going on 😉❤️
Bro i am from turkey ans i want ur lesson i respect u
We will have courses soon 😉
dadash oon mouse bichare ro ham avaz kon gonah dare kheyli kar keshidi azash😂😂
Avaz nadarim 😂 pool nis!
are you fucking amazing
😁❤️
Please can you make a gaming app video 😊😊😊
What type of gaming app?!
Like subway surfers
@tik.shorts857 no! With web coding you can’t it’s so hard!
Ok👍
Your videos are very interesting
If possible, can you write a unity game?
Hi, I didn’t worked with unity!
@@AsmrProg Your main job is to make a website?
@programmer7761 no!
Bro can you give away on of your keyboard🙃
Why!
AsrmProg can you give me the Javascript code for reference
Hi, i will upload code on github today 😉🙏
@@AsmrProg thank you AsrmProg love you ❤
@zuka720 🙏❤️
voltar no minuto 26:00
show!
Yes 😉❤️
can u please repair the fcking rainbow six server :=)
Sorry but no!
Which theme are you using?
This one is tokyo night