ASMR Programming - Movie Guide App With Javascript - No Talking
ฝัง
- เผยแพร่เมื่อ 16 มิ.ย. 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 11 - 100 days javascript coding ⚜️
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 movie info app with javascript. in this tutorial also we use a movie database api and we get data from api and this code is also responsive❗️
Day 11 - 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 11)
00:36 - Warming fingers
00:42 - Main codes
00:56 - Api code
01:14 - Adding google font
01:47 - Html coding
03:03 - Main styles
03:25 - Container
04:09 - Search container
05:28 - JS codes
06:22 - Adding Api Key
06:45 - Response codes
11:25 - EventListener
12:06 - Response styles
15:06 - Responsive codes
15:37 - Fix a bug
16:00 - Final result
Asmr Game Coding Playlist : • ASMR Game Coding
Other Video's :
Coding IOS (Iphone) Calendar : • ASMR Programming - Cod...
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
New video has been uploaded according to your vote in community page, Day 11 of 100 days coding! Please LIKE video to support my channel 😉🙏
Hi, it’s visual studio code!
🙏❤️
My dear, how many years did it take you to learn several programming languages?
7 8 years!
@@AsmrProg !!!!!!!!!
wow bro , your CSS is so smooth and minimalist
Thanks a lot bro 🙏❤️
I like asmr, i learn programming, and this channel combine both of it. 👍❤
🙏❤️
I love your content. Thank you so much. :)
Thanks 🙏❤️
Thank you for this very relaxing lesson. ☺️
🙏❤️
This is great! Thanks!
🙏❤️
Thank you for clearing my fundamentals in HTML, CSS and JS. Love from India. BTW can you please make a series on full stack web development
Every time I watch your programming video, I enjoy it. I'm glad to have your video. I also like programming, but my programming skills are not as good as yours. Learn like you
Thanks bro 🙏❤️
Advertisement in comments!
Love your work man💖
Thanks 🙏❤️
Great dude! Where did you get the designs of your projects? Would be great to code it by myself using your templates :)
Hi, from searching and editing 🙏
Awesome! thanks for the tutorial¡
🙏❤️
Ótimo trabalho, mano!
Thanks 🙏❤️
Good job bro ur work inspires me to learn more and more ❤ , sorry for the question what laptop or computer do you use and its specs and keep up ❤❤
Hi bro, thanks a lot 🙏 I’m using Lenovo legion 5 laptop
Great video!
Thanks bro 🙏❤️
I love your content. tysm
this video very good, wonderfully, awesome, concentrate on technology and development of it and more information. It will be usefully for job after it.
Thanks 🙏❤️
Best asmr programmer 👌
My bro 🙏❤️
Awesome bro!)
Thanks 🙏❤️
thanks bhahiya i just want to tell you that you have the best ui design skills!!!
Thanks a lot 🙏❤️
i love your skill i am sure you will grow in little to little time i am your fan bro
Thanks a lot 🙏❤️
I LOVE IT !!!!!!!!!!!!!!!!!!
Thanks 🙏❤️
Great work boss!
In your opinion, What are the most important things to know in JavaScript, before starting to learn react.
Before starting react you need to know :
Variables and Data Types
Functions
Objects and Arrays
Control Flow
DOM Manipulation
Events
Asynchronous JavaScript
ES6+ Features
Scope and Hoisting
Error Handling
Array Methods
Higher-Order Functions
Promises and Asynchronous Programming
Closures
Prototype and Prototypal Inheritance
Great video! I just found out your channel and I'm subbed!
I just wanted to make a question as a beginner to JavaScript and to the web in general and I thought you maybe be able to help.
So, I was wondering all these people who make APIs about things like movies (like with the one you showed in the video) or with Weather and then, require a payment for them, how are these people (the developers of the API) get the data? And, where? If every programmer is getting their data from APIs, where these APIs get the data from? Do they own the sources (for example a weather station for weatherAPI developers) or are they doing something else that I cannot seem to think of?
APIs, or Application Programming Interfaces, are typically developed by companies or individuals who have access to specific data sets or services that they want to make available to other developers for use in their own applications. In the case of APIs that provide information about movies or weather, the developers of these APIs are typically getting their data from a variety of sources.
@@AsmrProg I got it! Thank you you for your information!
Thanks 🙏
How long did it take you to memorise all the shortcuts you used throughout the video? Also, how long have you been coding for?
Hi bro, it’s ~8 years im coding!
@@AsmrProg ohhh myyy god 8 years what is your age
23!
@@AsmrProg 😲
you are the beast bro
Thanks bro 🙏❤️
Hey, love your content! What theme and font do you use?
Hi bro, Reui 2 theme and Cascadia Code font
i like your asmring and coding , you so good boy
Thanks a lot 🙏❤️
@@AsmrProg please teach me , how to work with backend
We will have php tutorials in channel in the future 😉🙏
What a good video, one question... what is the name of that theme that you have in the background ???( VSc)
Hi, it’s glassit extension 🙏
خوشحالم که چنلت پیشرفت کرده 👌
Qalbi 🙏❤️
Very nice 🔥
Thanks a lot 🙏❤️
Bu adam çok yetenekli
🙏❤️
Hey! Nice video! 🔥 What switch do you have? I think they are blue clicky but I'm not sure 😅
Hi bro, yes its blue switches!
Great! Can u give me link for download this program for codding
Hi, source available on my GitHub, link on video description 🙏 sorry for late response 😉
BROOO AWESOME YOU DESERVE MILLIONS , BILLIONS OF VIEWS... I LEARN ALOT FROM YOU THANK YOU VERYY MUCHH BROO KEEP GROWING BROTHER..❤️❤️ GOD BLESS YOU BROTHER..❤️❤️ MY PRAYERS IS WITH YOU BROTHER...😇💓💓
Thanks a lot brooo ❤️🙏
What the fuck are you crazy
Please, which extensions you used in this video for HTML, CSS, and JS? I realized tips in the CSS.
Hi bro, i have a community post in my channel about extensions that im using, check it 🙏
Nice work, dude! I just want to suggest that you learn efficient keyboarding techniques like ctrl + del to delete word by word, ctrl + left arrow key to move one word, and more.
Hi, in new video’s we did it 😉🙏
Thank you 🌹
Thanks 🙏❤️
Para un principiante en programación, ¿ Es recomendable un teclado TKL frente al de 60%? , o no afecta la cantidad de teclas al aprender ????🤔🤔🤔🤔🤔
Hi, yes, buy a keyboard with arrow keys, it’s a bit hard to work with 60% keyboards!
Which is your keyboard model? It looks amazing!
Hi, this one newmen gm610 🙏
very good
Thanks 🙏
So you’re using html,css & js. What do u think about react
I’m worked it too, but in the future we will have it 😉
How do I use that red arrow to follow the mouse pointer, is it a program?
Hi bro, it’s screen recorder effect!
Can you tell me what extensions do you use, because you have good font color and great background
Hi, Firefly pro theme, glassit extension + cascadia code font 🙏
@AsmrProg Thanks, but how to put that wallpaper in the background ??
It’s my desktop background + glassit!
How to place the cursor with those effects of the circle and the red flash that comes out when you move it.
PS: good satisfying video
Hi, it’s screen recorder effects!
Beautiful
Thanks 🙏❤️
Excellent 👌
What are your extensions for vscode ?? 🧐
Thanks 🙏
For extensions check my channel community page, i have a post about my extensions
@@AsmrProg niceeee :D
🙏❤️
Bro which one you want?! Theme?
Nice one
Thanks bro 🙏❤️
Could you do a tutorial on how to put a background image as shown in the video, I would like to have the VS code with details and that it is not something simple
Bro install glass-it extension, then disable showing desktop icons, then you will have your desktop background on vscode 🙏
@@AsmrProg Thanks for answering me, I'll go try it because I really like your visualization of the VScode
Thanks 🙏❤️
@@AsmrProg u can use background-cover extension and use url to put img in backgroung
Oh, it was useful, thanks a lot 🙏❤️
The black and orange gradient caught me off guard for a second 💀
🙏❤️
hahaha
gotcha
🙏❤️
If i get 'error occured' when i search movie, what do I do. It worked pretty well before too
Did you check api key? sorry for late response 🙏
hey , do you guys know how to put an image in the background of visual studio? like the guy that is using visualstudio
Hi, with glassit extension
great video, what vs code theme do you use?
Hi bro, it’s reui
@@AsmrProg ty man
🙏❤️
how does that red tail shows behind mouse?
Hi, it’s screen recorder effects 🙏
Pls also do a project using react or nodejs
Hi, with react yes we will have projects, but with nodejs no because I didn’t worked it, but we will have project with php
Very good
Thanks bro 🙏❤️
@@AsmrProg 🙏🙏
😉
SOO FUCKING PERFECT !!!
Thanks ! 🙏❤️
This API I am open and i am filling all the details but still "all fields are required" message shown . can you send another alternate API for this project
Hi, did you check the video?! Sorry for late response 🙏
how to change this vs code background ? please say the process .... lots of love for you💕💕
Hi, glassit extension, then set bg on your desktop, then right click on desktop and disable show desktop icons 🙏
How do you code a smooth ease transition when the containers height dynamicaly changes based on the info displayed by the js code every time it searches?
Hi, Watch video, in this video i showed all!
@@AsmrProgStill not easing transition when container size changing. Couldnt seem to make css transition work since the height is dynamic
Our code have easing transition?!
bro how did you make the cursor in the windows look like that
Hi, answered in another comment!
Hi bro! What kind of theme do you have in vs code?
Hi, it’s reui 2
how did you put the star icon in the star-icon.svg?
I’m downloaded it but you can create svg icons with online sites
what is the vscode them, is that customized ?
Hi, yes, with glassit extension
Can You nake a video for freshers how to install the software of you using for coding and other softwares needed and where to download and how!!pleaseee do it,its a reqqq
Hi bro, answered in another comment 🙏
What do you use to record video?
zd soft screen recorder
Hey i ran into a problem, the movie thumbnail doesn’t appear its just empty.
Everything works but the movie thumbnail is empty; what could the issue be???
Check your ja codes, that section we added html codes in js!
how do you your mouse cursor like that ??
Hi, it’s screen recorder effects!
Hello bro! Can I make the same web-site? Of course with another colors? but the concept is +- the same
Yes no problem, projects are under MIT license 🙏
hi, how you do a star-icon.svg? I don't understand...
Hi bro, I downloaded it before start to coding!
does the poster required the patreon subscription?
It’s video poster!
How do I make my mouse pointer stay with this little green ball and this red line following when I move the mouse?
Hi bro, it’s screen recorder effects!
@@AsmrProg thanks🙏 you are an excellent programmer
🙏❤️
what theme in vs code do you use?
Hi, it’s Reui 2
Love from Srilanka
🙏❤️
What program do you use that on mouse?
Hi, it’s screen recorder effects!
Yeahhh I really wanted to get into programming but after seeing this videos it’s making me realize that I can’t spend my life doing this lolol I wish I could because it’s good money but this just looks mind numbing
It’s easy you just need have experience 🙏
@@AsmrProg it’s a lot of random stuff to remember lol. Any recommendations on where I should go to get started?
We will have a full 0-100 course, i will post any news in channel community 😉 but to remember codes you just need have experience!
Do you ever publish any of the ones you’ve worked on?
Sorry! Publish where?!
No, we just have here, but we will have complete sites playlist that we work on it, it will be special and a surprise for web designers 😉🙏
hello, is your coding self study or you go to college? i want to learn coding but dont know how to start... too late for college though
All is self study!
Hey bro im 15 do you have any tips in html css or javascript my future is programming frontend. Thanks for the video btw
Hi, just have experience and start learning frameworks!
Just started to learn Web development, what do u recommend to focus on first?
And any tips are welcome :)
Html, css then js
@@AsmrProg wow 1ms response u are a real machine 😄
😂🙏
You could get the extension "Live Preview"
We use it in some video’s!
@@AsmrProg Oh, okay! DIdn't know that, also nice coding.
Thanks bro 🙏❤️
@@AsmrProg You're Welcome.
🙏❤️
which is the software in this video for coding ?
Hi, visual studio code
Which software you use for recording your videos??
Hi bro, EZ Screen Recorder
@@AsmrProg thanks
🙏❤️
I am getting error occured while using the API key even i have entered the correct API key
You are using my api key?!
Hi, Could you tell me where to buy a keyboard like that? Thanks!!
Hi, search newmen gm610 on Amazon site
@@AsmrProg Thank you!!
🙏❤️
brow how can you chahge your bacground ? in vs
Hi, with glassit extension
can you tel my show to set this background in the visual studio code?
Hi bro, it’s glassit extension
How can i be so good in css , like you 😕😭
Just experience!
@@AsmrProg sir I'm a student , new in programming field
Sometimes i try my best to understand the programs still i can't understand , and it create inferior complexity in my mind 😭😭
Any suggestion please 🥺
You need watch courses or do mini-projects!
Hi, bro can you tell me which screen recorder you use?
Hi, zd soft screen recorder
@@AsmrProg Thanks bro
🙏❤️
what extensions are you using
Hi, check my channel community page, there is a post about it 🙏
Hi, whats ur keyboard model?
Hi, newmen gm610
Which keyboard u use?
Hi, in this video newmen gm610
Hi Rezam!
Hi 🙏❤️
How did you set a background image to VS Code?
Hi bro, with glass-it extension
@@AsmrProg Thank you! 🙏
🙏❤️
What is the keyboard ref please ?
Hi bro, in this video it’s newmen gm610
Could you possibly create a net maui water drink reminder app for a video?
Maybe In the future but not soon!
@@AsmrProg thanks for accepting my suggestion
🙏❤️
What type of keyboard is that?
Hi, this one newmen gm610
YEAAA
🙏❤️
@@AsmrProg Thank you for the awesome content
Thanks bro 🙏
What is your keyboard?
Hi, in this video newmen gm610
hi, im not begginer,but i want to be.
its work back end or front end?
Hi, we working on both frontend and backend!
@@AsmrProg thanks bro
🙏❤️
Bro how we can change vs code bg wallpaper
Hi bro, with glassit extension