ASMR Programming - Coding Food Recipe Website - No Talking

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 50 - 100 days javascript coding ⚜️
Keyboard Link : iqunix.store/discount/asmrpro...
IQUNIX KZbin : ‪@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 a food recipe app using javascript. also this project is fully responsive and you can use it in your website coding ❗️
Day 50 - 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 50)
01:00 - Warming hands
01:05 - Main codes
01:32 - Google fonts
01:52 - Html coding
03:57 - Main styles
04:23 - Header styles
04:57 - Search styles
07:24 - Main JS codes
08:07 - Search events
09:04 - mealList events
10:17 - Main functions
16:25 - Close functions
17:06 - Enter event listener
17:34 - performSearch()
18:18 - Load event listener
18:54 - Fixing bugs
19:21 - Continue styling
30:02 - Responsive codes
32:24 - 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

[@AsmrProg]

Please LIKE video to support my channel because of Last deleted video 🙏❤ Hope you enjoy it 😉

[@kienvu9839]

why Delete? I like your videos and I want learn frontend

[@AsmrProg]

@kienvu9839 because of youtube guidelines!

[@abuzharrluqman9304]

Hey do you have discord channel for discussion?😊

[@AsmrProg]

@abuzharrluqman9304 no but i have plans to create it 😉🙏

[@raponduty]

Simple and clean! Cant expect nothing less from AsmrProg

[@AsmrProg]

🙏❤️

[@MyCodingDiarie]

I always look forward to your videos. They're both educational and entertaining!

[@AsmrProg]

Thanks 🙏❤️

[@JavawithEgimoro]

Hey nice I thought I was first in the game! I can say you're an ASMR aficionado just like me. Anyways I've just started and now I'm motivated! Subscribed!

[@AsmrProg]

Great and thanks a lot 🙏❤️

[@VivalenASMR]

I super love your videos, but I would like to ask you something, Do you record the sound from a microphone on the same table as your keyboard I can stop noticing an echo, if so, would you record the sound of the keyboard having it in another table or avoiding this weird echo. Again love your videos and skills. Thank youuu.

[@AsmrProg]

Hi Dear Vivalen, thanks a lot for your comment, it’s because mic connected to desk, i will fix it in next videos. Thanks so much 🙏❤️

[@gustavoamarohidalgo9236]

Thanks for your job. I like so much your videos. I learn to programming with your content. (:

[@AsmrProg]

Thanks 🙏❤️

[@hymnjay0097]

I became hungry after watching this. Love the content bro, and keep doing what you're doing. 🙌

[@AsmrProg]

Thanks a lot bro 🙏❤️

[@johnrendellcanteras7681]

ur so good as always!!!!

[@AsmrProg]

Thanks a lot bro 🙏❤️

[@ahmedzezo3595]

I love you and your coding❤❤

[@AsmrProg]

Thanks so much, Sorry for late response 🙏

[@AsmrCode12]

amazing as always ❤

[@AsmrProg]

Thanks bro 🙏

[@user-oq6ld5sv8d]

I'm watching from Turkey, excellent video

[@AsmrProg]

Thanks 🙏❤️

[@owenfrozen]

It's tasty! 😁👍

[@AsmrProg]

🙏❤️

[@Astax1]

I love this linear switch keyboard. it is so much better than the clicky switch one which was a bit irritating

[@AsmrProg]

😁❤️

[@user-ig9gd8sm1p]

What kind of keyboard?

[@AsmrProg]

@user-ig9gd8sm1p hi, mechanical, link on description 🙏

[@the-khutinati-tech]

বড়ই! Awesome!!

[@AsmrProg]

Thanks 🙏❤️

[@gamingoffuture8900]

Nice project

[@AsmrProg]

Thanks 🙏

[@redoanhasan1090]

great work bro❤

[@AsmrProg]

Thanks 🙏

[@csn1m]

good video bro!

[@AsmrProg]

Thanks, please like it to support my channel 🙏

[@Amaze__]

Great skills 😁

[@AsmrProg]

🙏❤️

[@radresk34]

Great work! Which plug-ins do you use in VS Code?

[@AsmrProg]

Hi, please check my github, there is a repository about all of my vscode settings 🙏

[@radresk34]

@@AsmrProg Thank you for your kind answer.

[@AsmrProg]

@radresk34 🙏❤️

[@D4MNssselery]

Hi!Really love ur content.Could u pls tell me how can i get sth similar to ur cursor

[@AsmrProg]

Hi, it’s screen recorder effects!

[@RB8FreeFire]

good job

[@AsmrProg]

Thanks 🙏

[@realcontentgamer]

Great programming skills, Perhaps you can try to make a clone of The Discord Interface UI on Day #51?

[@AsmrProg]

Hi, not soon, we will have full chat app with backend in the future 🙏

[@JethOmictin]

Does somebody knows how did he do it in 6:10 like making the VSCode reduce its opacity? Is that an extension or what?

[@AsmrProg]

Hi, it’s glassit extension 🙏

[@marottiga]

what microphone do you use?

[@AsmrProg]

Hi, iphone 13 promax mic!

[@sahadathossain6940]

Hey good work can you make a template of news site where so many news will be available to read and user can give ratings.?❤

[@AsmrProg]

Yes, we had it in our last vote that youtube removed our video!

[@LNDazai]

pls what is the name of the extensions for changing colour of the code and look of visual code

[@AsmrProg]

Hi, glassit extension 🙏

[@LNDazai]

@@AsmrProg thanks 👍

[@AsmrProg]

@LNDazai 🙏❤️

[@LNDazai]

@@AsmrProg ❤️😊

[@AsmrProg]

😉

[@giuseppepesce4619]

what is the theme of VScode? thanks

[@AsmrProg]

Hi, please check my github, there is a repository about all of my vscode settings 🙏

[@joshwilliams03]

You should do an actual app for desktops using electron maybe :)

[@AsmrProg]

In the future… 😉

[@torivera7088]

Please give a google drive link for the image folder used for this project

[@AsmrProg]

Bro no image needed!

[@mahdmustafa9258]

Great skills

[@AsmrProg]

Thanks a lot 🙏❤️

[@mahdmustafa9258]

@@AsmrProg np bro❤

[@AsmrProg]

@mahdmustafa9258 🙏❤️

[@Chapman_Len]

When I subscribed to you last year, you only had 10,000 subscribers. Now you have almost 200,000 subscribers. Come on, the video is very good🎉❤

[@AsmrProg]

Thanks so much, all i have is from your supports 🙏❤️

[@laylalacerda5027]

mealdb is down, do you have another link?

[@AsmrProg]

Really? I will check it and maybe we will have a new video 🙏

[@itiremiroglu7646]

What do you mean "content from js will be inserted here" in index.html? What should we insert there?

[@AsmrProg]

That section will dynamically add with js codes, if you watch full video you will know it 🙏❤️

[@itiremiroglu7646]

@@AsmrProg you mean we shouldn’t add anything else there. Am I right?

[@AsmrProg]

@itiremiroglu7646 no!

[@user-dv2pz7sw7b]

cannot find code

[@csn1m]

what is that extension that makes VSCode have less or more opacity? 6:06

[@AsmrProg]

Hi, glassit extension, also you can check my github, there is a repository about all of my vscode settings 🙏

[@csn1m]

@@AsmrProg ty bro!

[@AsmrProg]

@csn1m 🙏❤️

[@vache969]

Where can i copy the link. pleasee

[@AsmrProg]

Hi, source in description 🙏

[@Dollynh0277]

Please, what is the cursor dowload?

[@AsmrProg]

It’s screen recorder effects!

[@Dollynh0277]

@@AsmrProg ah

[@AsmrProg]

@lagadosemsensi4887 yes!

[@Dollynh0277]

@@AsmrProg Thanks for the information, keep up your work! Congratulations, I’m a beginner in this area of Programming but I’m entering this IT area.

[@AsmrProg]

@lagadosemsensi4887 great, keep going on 😉❤️

[@gshyam8739]

Hi I'm new to your channel I want to learn website development from you can you make a tutorial videos for beginners thise who are very curious to learn frontend development.. It also helps us and also you u develop your subscribers 😅

[@AsmrProg]

Hi, I’m working on a course (zero to hero), soon i will tell about it in community posts 🙏

[@ganigani5877]

how to make ur vscode like transparent?

[@AsmrProg]

Hi, with glassit extension 🙏

[@ganigani5877]

@@AsmrProg Thanks!

[@AsmrProg]

@ganigani5877 🙏❤️

[@mylesyt4163]

Hey. What's your Visual Studio codes year

[@AsmrProg]

Hi, last version!

[@mylesyt4163]

Thanks

[@AsmrProg]

@mylesyt4163 🙏❤️

[@ryanluechin6408]

all you use for this is just javascript? do you need to know html and css to build the things you build in this javascript 100 day series?

[@AsmrProg]

With basic html and css you can start our 100 days of javascript playlist 😉🙏

[@ryanluechin6408]

ok bet@@AsmrProg

[@AsmrProg]

@ryanluechin6408 🙏❤️

[@user-ql5ft9gr6v]

what if i have to add a vegetearian dis to this website ?

[@AsmrProg]

Sorry?

[@varuntej8391]

Can you write the code for the food recipe website but the matter like recipes and stuff in that should be written manually can you explain how to do that please. And can you say how to add the link to the code please.

[@AsmrProg]

Hi, for that you need use databases, for second question, I didn’t understand, can you explain it?!

[@varuntej8391]

hey bro can we do a application for comic app where we can get all comic books and stuff just google it and lets do this for next video@@AsmrProg

[@Umesh_Rathore]

Bro which software you use

[@AsmrProg]

Visual Studio Code

[@justkat1113]

Hello, could you please do a project using tailwind CSS? I really learned a lot from you, and I am learning tailwind, so it would be perfect to see a project done by you.

[@AsmrProg]

Hi, a project? We will have full plaulist for bootstrap and tailwind soon 😉❤️

[@INTERESTING_Plus]

Plz, Can you make Projects in React / MERN Stack? 😃

[@AsmrProg]

Yes! We have it in plans for the future 😉🙏

[@INTERESTING_Plus]

​​​​@@AsmrProg and Then Latest Technologies Like Gsap (Scroll Trigger, Animation, Timeline and Much More...). 🤠 Because, I'm Very Excited to make amazing Projects with Latest Technologies 😁

[@AsmrProg]

@INTERESTING_Plus all we will have but one by one 😉

[@kiwidev01]

Amazing video! How did you get so good lol

[@AsmrProg]

Thanks 🙏❤️

[@jacobswiney9977]

​@@AsmrProghow did you get so good tho?😂

[@AsmrProg]

@jacobswiney9977 🙄🙄

[@user-kc6kz6ng1u]

What do you do after you get 100 videos in JavaScript?

[@AsmrProg]

We will vote for it 😉❤️

[@CaioBrunoValenca-ib8ot]

The first

[@AsmrProg]

Thanks, Also please like video 🙏❤️

[@aarushraj6695]

Which app is best for coding for free and easy to use ? Pls tell

[@AsmrProg]

I’m using vscode and it’s great!

[@aarushraj6695]

But its hard and confusing too 😬. Gonna watch tutorial on youtube 😅

[@AsmrProg]

No, if you work with it, it will be easy 😉

[@tx-bj4bo]

سلام داداش ویدیو عالی بود فقط میشه بگی از چه اکستنشنی استفاده میکنی که اشتباه هایی که داری و چیزایی که غلط مینویسی رو میگه؟ مثلا سمیکالم نذاشتی برات قرمز مینویسه اسم اکستنشن چیه

[@tx-bj4bo]

ارور لنز هست؟

[@AsmrProg]

Hi bro, please write in english, also for extensions you can check my github, there is a repository about all of my vscode settings 🙏

[@mawmadjavadi2855]

Hello that was very nice , are you Persian ?

[@AsmrProg]

Thanks 🙏 no it’s private question

[@imyou_foundme]

please make a cartoon website🙏🏻❤️

[@AsmrProg]

Added to the future plans🤔

[@maitreg2806]

can i use your source code for my project

[@AsmrProg]

I need to know project type!

[@maitreg2806]

@@AsmrProg how can I contact you

[@AsmrProg]

Telegram link on channel about page

[@zarrinkhaliq6453]

Excellent video. Can you make an Password generator

[@AsmrProg]

Hi, please check my channel, there is a password generator that we coded before 🙏

[@lovemeplz]

رضا جان افرین ایده خوبی بود - توی سوشال بلید تخمین زده درامد این کانال ماهی 5 هزار دلاره. تخمینش درسته؟

[@AsmrProg]

Hi, please write in english 🙏

[@lovemeplz]

hi i admire u . dear reza can i know your income on youtube? is it about 5000 $? thanks for your response.@@AsmrProg

[@AsmrProg]

@lovemeplz no! Lower, but for this type of questions please contact me with telegram, link on channel about page 🙏

[@y1_ff]

I am into sleep.

[@AsmrProg]

🙄