Это видео недоступно.
Сожалеем об этом.
ASMR Programming - 100 Days of JavaScript Coding - No Talking
HTML-код
- Опубликовано: 30 июл 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 1 - 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 build a pixel art generator project with javascript. you can call it pixel paint app too ❗️
this project source code commented fully and you will know everything of it with comments !
Day 1 - 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 1)
00:40 - Html main codes
01:04 - Coding sliders
01:50 - Coding buttons
02:48 - Main styles
02:59 - Wrapper styles
04:02 - Button styles
04:20 - Color input
05:25 - Grid styles
08:35 - Fix a bug
05:46 - Responsive codes
06:05 - Main js codes
06:32 - Events
07:05 - Touch Device events
07:52 - Create Grid Button
11:08 - Checker function
12:13 - Clear grid button
12:28 - Erase button
12:42 - Paint button
12:52 - Grid with & height
13:30 - Reset function
13:52 - Bug + Fix bug
14:30 - 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
From today we start a new playlist that called 100 days of javascript coding 😊 check community page of my channel to vote for other parts! this 100 days topic will chosen based on voting in community page ✅😉 Also check 100 days of javascript coding playlist for other parts!
Hey dude? Can you share your monthly income hmm?
Monthly income of what?!
@@AsmrProg Of this channel whose category is programming so i would like to know!
🙏❤️
@@AsmrProg pleas ? Share on the communtiy podt
It's been two weeks since I started studying programming, I started right away with programming logic applied to javascript and now I'm going through html and css, I saw your video now and it inspired a lot, finishing seeing html and css I'm going to try to make some proposals that you posted, THIS WILL HELP ME A LOT! THANKS!
Keep it up 🙏❤️
This is so cool! Now that I am done with Advent of Code, I am learning JS and going to create some web dev contents. Looking forward to your JS series!
Thanks bro for your energy and support 🙏❤️
did you go well?
Yes 😉🙏
Wow dude, you did great, you did everything so carefully, respect to you
Is it possible to save the image as PNG or ICO file?
No! But maybe we will add this feature to this code in the future 😉
Anyone else notices the Ctrl+S repeated action happening?
I like that it's a thing. I have to save three times or more just to relieve anxiety or "just to be sure" :P
I like the video!
Thanks 🙏❤️
thank you man! these videos definitely will be great with your study plan take 1-2 video daily and you will be something else after 100 day , you can google your questions also , its like boosting your journey with learning javascript.
Thanks so much, yesss 😁❤️
BROHH BEHIND SCENE IS COKKING HELPING ME WITH INGREDIENTS.
thank you it was really fun and helpful
Thanks 🙏❤️
Hi this is my first-time coding thanks for these amazing tuts.
Thanks a lot bro 🙏❤️
this is definitely not a tutorial. Can you learn from these videos? Yes, but nothing is explained as to what it is of what it makes/does, so yeah, I wouldn't call this a tutorial.
@asiaheartman9263 after each line of code I showed result!
@@chrisheartman9263maybe you wouldn’t but to someone else it could be called a tutorial
thank you for the additional files to search my mistakes 😄
🙏❤️
What extensions do you use on VS code? i see that the ide tell you if you miss ; or other things? and what theme are you using here
Hi, for extensions there is an old community post in my channel, but that one is error lens
Nice! btw what background do you use for VS code?
Thanks, it's with glassit extension 🙏
you are very god programer
Thx bro 🙏❤️
@Adam-wd4ul ❤️
Please I'm a little bit jealous 😅 i love ur typing ❤
Great videos. What type of keyboard that u use in the video ???
Thanks.
Thanks, it’s newmen gm610 🙏
Awesome bruh keep going
Thanks ✌️
Hi, may I ask what did you do to have that kind of background in VS Code. It is really amazing! Thank you
Hi, it’s glassit extension 🙏
Thank you!@@AsmrProg
@ivangenesisvillareal1171 🙏❤️
hello!! in the min 9:10 when you write gridcol${count} its a Apostrophus? or what a kind of symbol is that?
thankss!! so much love from argentina hermanoooooo
Hi, it’s ` ! thanks 🙏❤️
It would've been a nice addition, if you could download the picture you drew. Still good Video!
Maybe we will add this feature in the future 🙄😉
I love your videos
Thanks bro 🙏❤️
Hi thank you for the video.
What extensions should be installed to run the code?
Hi bro, thanks 🙏 i have a post in my channel commission page about my extensions that you can check it 😉
@@AsmrProg Thanks for the answer but I could not find it. Can you paste the link here?
It doesn’t have link!! Scroll down you can find it 🙏
cool video)
Thanks 🙏❤️
What is that extension which you use in which it gives inline errors in code editor only?
Hi bro, it’s error lens extension
@@AsmrProg i really love your videos, could you tell me all the extensions you use?
For web development i only use some themes + live server and error lens!
@@AsmrProg cool, thanks. Appreciate your videos and the way you reply to all the comments. Thanks and best of luck :)
Thanks bro, i will create a community post soon and introduce some good extensions 😉
Thank you
🙏❤️
13:52 best scene
🙏❤️
@@AsmrProg thank u for ur video
Thanks bro 🙏
hi, great video
my grid values of weight and height are not changing when i move the bar, it stays 00, do you know why is that?
the grid is all right and it updates correctly but the value on the right stays 00
Hi bro, your code have bug, check my source in github 🙏
i did, I even pasted it all and still not changing the value
Are you sure?! My code is working!
@@AsmrProg hey im also facing same
problem
@anshshinde4435 did you checked my source code?!
Cool
Thanks 🙏❤️
Hi, I watched the video and tried the code but it didn’t work. I’ve checked it multiple times and I don’t know if there’s any way you can help me.
Hi, check my source code, link on description
@@AsmrProg I checked it. I’ve gone through it about 8 times now
Download source from github! What’s problem?!
@@AsmrProg Thanks for the reply, I really appreciate it. After going through it like 50 times I finally found out what was wrong. It was a single caps lock.
On line 46 I had gridHeight.Value instead of gridHeight.value
It’s crazy how little things can mess up an entire code.
Yes, in js this little things make big problems 🙏
tanks brazil!!!❤
🙏❤️
use grid to center divs
Hi, we use in some videos 😉🙏
let me know how to think project structure step by step .example logical thinking,math
Hi, you need to think how you will handle project and what you want!
You recorder name?
Hii bro I am new here but can you make an Course on HTML,CSS or python maybe please 😢
Yes! Im working on full web courses 😉
hey bro can make seprate video for java how to do coding in java
I'm in first year of college i want to do coding from java
please reply
Hi, bro I didn’t worked java! Java and javascript are different 🙏
What Keyboard
I'm a Japanese student.
So it will be helpful.(*'▽'*)
Oh good 🙏 Japanese subscriber 😁❤️
hi man what keyboard is that
Hi bro, newmen gm610
what's the them u are using in this video ?
Hi bro, it's Reui 2
This playlist is easy to hard? I’m beginner and don’t know which video should I watch first
Yes, but all of videos are in same level 😉
@@AsmrProg Thank you i'll try it
🙏❤️
How do you change to background-image in VScode ??
Hi, with glassit extension 🙏
@@AsmrProg thank you very muchhh
🙏❤️
I have a error"uncaught typeError: Cannot read properties of null "
Please give solution to fix it 🙏.....
Hi, please check description, source available on my github and you can check it 😉🙏❤️
I did but it's doesn't solve
My source have bug?!
First❤😁
Yes ❤️❤️🙏🙏
Для первой раза, на мой взгляд сложновато. Следующие проекты были проще чем стартовый.
Oh why!
Something is wrong on your keyboard. 🧐🧐
Why?
KEYBOARD NAMEEEEEEEEE PLEASEEEEEeeeeEee
hey your laptop you using gadget make video plzz
Sorry what video?!
@@AsmrProg i think they meant make a video on the type of computer, mouse, keyboard you use
I will upload a community post about it 🙏
I have a challenge for you that is I want to you update video every day .
Sorry but I can’t do it, first because of free time, second because we vote for every video and we wait 2 days for voting answers!
okay . Anyway the video of you so good and high-quality . I got for you five-star
Thanks a lot bro 🙏🙏❤️❤️
Turkey MashaAllah
🙏
Hey Bro! Your Doing good and i want that js course and i found its live Nice I will follow this for my skills
So please upload videos daily. I will also share this course to the needed ones.
Thanks for this gift 🥲
Hi bro, thanks for good energy but because of votes I can’t upload daily!
Bro give me name of this is keyboard pls
Hi, newmen gm610
@@AsmrProg ty
@@AsmrProg Is she have 80% version? or only 60%
I think both, check on amazon
🙏❤️
Lol i dont know what he is doing😂
please reply bro
Reply!
s
I love the series...
I've been coding along and it didn't work until an hour later I realised I had typed "classList" as "classlist"🥲
Hi, yes some times this small things make our code not working!!