ASMR Programming - Flashcard App With JavaScript - No Talking
Description: 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 74 - 100 days javascript coding ⚜️
Keyboard Link : https://www.kiiboom.com/products/kiiboom-phantom-81
Instagram : https://www.instagram.com/kiiboom.official/
Facebook : https://www.facebook.com/KiiBoom.official/
Build a Flashcard App with HTML, CSS, and JavaScript! 🃏💻
Welcome to our web coding tutorial on building a dynamic flashcard app from scratch! In this beginner-friendly video, we'll walk you through the step-by-step process of creating a fully functional flashcard application using HTML, CSS, and JavaScript.
Here's what you'll learn:
🔹 Setting up the basic structure of our HTML file to accommodate flashcards.
🔹 Styling our flashcards with CSS to make them visually appealing and user-friendly.
🔹 Implementing JavaScript functionality to add, edit, delete, and show/hide answers on our flashcards.
🔹 Leveraging local storage to persist user-created flashcards, ensuring data persistence between sessions.
Whether you're new to web development or looking to expand your skills, this tutorial is perfect for you! By the end of this video, you'll have your very own flashcard app ready to use, complete with all the essential features. Let's dive in and start coding! 💡🚀
Also in this video I'm unboxed KiiBoom Phantom 81 keyboard
Day 74 - 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 74)
01:16 - Keyboard unboxing
01:37 - What's inside
02:47 - Sound test
03:17 - Sidelights
04:20 - Backlights
05:38 - Software
07:08 - Warming hands
07:13 - Main codes
07:48 - Adding font icons
08:04 - Adding fonts
08:34 - Html coding
12:45 - Main styles
17:08 - Modal styles
21:30 - Responsive codes
23:53 - Main js codes
24:44 - Add question functions
26:40 - Close modal functions
27:33 - saveBtn()
32:02 - viewList function
35:49 - modifyElement()
38:26 - disableBtns()
40:40 - 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 Close description
Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅
day 74 - 100 days javascript coding ⚜️
Keyboard Link : https://www.kiiboom.com/products/kiiboom-phantom-81
Instagram : https://www.instagram.com/kiiboom.official/
Facebook : https://www.facebook.com/KiiBoom.official/
Build a Flashcard App with HTML, CSS, and JavaScript! 🃏💻
Welcome to our web coding tutorial on building a dynamic flashcard app from scratch! In this beginner-friendly video, we'll walk you through the step-by-step process of creating a fully functional flashcard application using HTML, CSS, and JavaScript.
Here's what you'll learn:
🔹 Setting up the basic structure of our HTML file to accommodate flashcards.
🔹 Styling our flashcards with CSS to make them visually appealing and user-friendly.
🔹 Implementing JavaScript functionality to add, edit, delete, and show/hide answers on our flashcards.
🔹 Leveraging local storage to persist user-created flashcards, ensuring data persistence between sessions.
Whether you're new to web development or looking to expand your skills, this tutorial is perfect for you! By the end of this video, you'll have your very own flashcard app ready to use, complete with all the essential features. Let's dive in and start coding! 💡🚀
Also in this video I'm unboxed KiiBoom Phantom 81 keyboard
Day 74 - 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 74)
01:16 - Keyboard unboxing
01:37 - What's inside
02:47 - Sound test
03:17 - Sidelights
04:20 - Backlights
05:38 - Software
07:08 - Warming hands
07:13 - Main codes
07:48 - Adding font icons
08:04 - Adding fonts
08:34 - Html coding
12:45 - Main styles
17:08 - Modal styles
21:30 - Responsive codes
23:53 - Main js codes
24:44 - Add question functions
26:40 - Close modal functions
27:33 - saveBtn()
32:02 - viewList function
35:49 - modifyElement()
38:26 - disableBtns()
40:40 - 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 Close description