ASMR Programming - JavaScript Box Shadow Generator - 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 37 - 100 days javascript coding ⚜️

Keyboard Link : https://en.varmilo.com/keyboardproscenium/subject_product_detailed?subjectid=510
Varmilo Youtube : @varmiloofficial4675

Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
https://www.youtube.com/playlist?list=PLkC56g8fboI0HghByzVuD2Vz8ROUXfF_j

In this tutorial, I am gonna showing to you how to code a css box shadow generator with javascript. we create a project that you can generate css box shadow styles and project show you the generated shadow style codes and you can copy and use it in your site designs❗️

Day 37 - 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 : https://www.youtube.com/playlist?list=PLkC56g8fboI0HghByzVuD2Vz8ROUXfF_j

Every week i will update this playlist ✅

Video Contents :

00:00 - Intro (100 days of code - day 37)
00:39 - Warming hands
00:45 - Main codes
01:18 - Adding google fonts
01:58 - Html coding
06:10 - Input wrapper
06:47 - Color wrapper
08:20 - Main styles
09:33 - result styles
10:20 - Settings styles
11:50 - Code container styles
14:58 - Main JS codes
16:02 - generateStyles()
20:38 - hexToRgba function
22:02 - Fix a bug
22:44 - copy functions
23:42 - Final Result

Asmr Game Coding Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3nNZQS2mb6kCqK9yS0XgD9

Other Video's :

Coding a Snake Game : https://youtu.be/wM7eMJ26kc8
Movie Guide App Coding : https://youtu.be/J6uam9jEmDU
Coding IOS (IPhone) Dynamic Music : https://youtu.be/W5LPcpIRLzs

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