JavaScript Mini Course - Build a Crypto App With Vanilla JavaScript - ASMR Programming
Description: 🖥️ Ready to build a full stack crypto marketplace from scratch? Join us in this exciting tutorial where we create a feature-rich crypto marketplace using Vanilla JavaScript! 🚀✨ Perfect for developers looking to enhance their full stack skills and build a dynamic web application.
Throughout this video, we will guide you step-by-step through the process of building a full-stack web application using vanilla javascript.😉
Features of final project:
- Live Data Fetching: Get real-time updates with free and fixed limits 📈
- Theme Options: Toggle between Dark and Light themes 🌑🌞
- Trending Coins & NFTs: Stay up-to-date with the hottest assets 🚀
- Top Coins Overview: See key coins with a sparkline chart 📊
- Top Exchanges: Explore comprehensive info about leading exchanges 🏦
- Top Categories: Navigate through various categories easily 🗂️
- BTC Holder Companies: Discover companies holding Bitcoin 🏢
- Detailed Coin Info: Click on any coin to view full details 🔎
- Search Functionality: Find coins, exchanges, and NFTs quickly 🔍
- TradingView Integration: Enjoy live charts, tickers, and historical data 📅
- Full Responsiveness: Works seamlessly on any device 📱💻, with a menu for smaller screens 📲
This Video Benefits:
- Beginner-Friendly: Designed for those just starting with JavaScript, this mini-course will guide you through creating a real-world project. 📘
- Portfolio Boost: Add a dynamic and impressive project to your portfolio to showcase your skills. 💼
Don't miss out on these expert insights and practical tips to make your crypto marketplace stand out! Watch now and start creating! 🌟
Source Code : https://github.com/AsmrProg-YT/Fullstack-Crypto-Marketplace
- Keyboard Link : https://iqunix.store/discount/asmrprog/?redirect=/products/iqunix-og80-wormhole-wireless-mechanical-keyboard
- IQunix Youtube: @IQUNIX
Responsive Portfolio Designs Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3djlKjBtkw2W-Ryyeym98w
Join 100 Days Of JavaScript Playlist: https://www.youtube.com/playlist?list=PLkC56g8fboI0HghByzVuD2Vz8ROUXfF_j
Web Design Coding Bootcamp Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI0QgD6VvH5TN0Nm1i5dVITH
Responsive Dashboard Designs Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI2s3NSGtfPEopoV0Q0gHSnh
ASMR Game Coding Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3nNZQS2mb6kCqK9yS0XgD9
source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT
Video Contents :
00:00:00 - Intro
00:06:14 - Warming hands
00:06:24 - Main Codes
00:06:58 - Adding icons
00:07:18 - Adding fonts
00:07:43 - Global section
00:10:20 - Nav section
00:12:35 - CSS variables
00:13:12 - Main styles
00:16:08 - Global styles
00:16:48 - Nav styles
00:22:16 - Trending section
00:27:14 - Trending styles
00:35:35 - Tabs section
00:45:35 - Tabs styles
00:51:58 - Footer section
00:53:33 - Footer styles
00:57:18 - Charts page
00:58:33 - Chart container
00:59:20 - Charts styles
01:00:12 - Search page
01:04:08 - Search styles
01:07:47 - About page
01:09:37 - About styles
01:12:46 - Coin info page
01:17:34 - Coin info styles
01:31:13 - Adding chart.js
01:32:15 - Global.js
01:32:56 - Get data storage
01:34:44 - Fetch global
01:35:22 - Coingecko API
01:37:02 - Global API
01:38:00 - Set data storage
01:38:53 - Display global
01:48:05 - Tabs script
01:56:00 - fetchData function
01:58:09 - fetchAndDisplay()
01:59:40 - toggleSpinner()
02:04:28 - displayTrends()
02:05:38 - Trend coins
02:07:18 - createTable()
02:09:13 - displayTrendCoins()
02:14:54 - displayTrendNfts()
02:19:05 - displayAssets()
02:25:30 - Sparkline charts
02:30:15 - Some table styles
02:33:00 - Exchanges tab
02:36:25 - Categories tab
02:39:12 - Companies tab
02:45:27 - Toggle theme
02:48:53 - Tradingview chart
02:58:17 - Search API
03:18:50 - Coin info API
03:38:42 - Responsive codes
03:39:52 - 1400px
03:43:31 - 1200px
03:49:20 - 992px
03:56:44 - Mobile menu
03:58:12 - Menu styles
04:02:05 - Menu scripts
04:04:32 - 768px
04:11:56 - Scroll Top JS
04:15:09 - Final result
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.
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. Close description
Throughout this video, we will guide you step-by-step through the process of building a full-stack web application using vanilla javascript.😉
Features of final project:
- Live Data Fetching: Get real-time updates with free and fixed limits 📈
- Theme Options: Toggle between Dark and Light themes 🌑🌞
- Trending Coins & NFTs: Stay up-to-date with the hottest assets 🚀
- Top Coins Overview: See key coins with a sparkline chart 📊
- Top Exchanges: Explore comprehensive info about leading exchanges 🏦
- Top Categories: Navigate through various categories easily 🗂️
- BTC Holder Companies: Discover companies holding Bitcoin 🏢
- Detailed Coin Info: Click on any coin to view full details 🔎
- Search Functionality: Find coins, exchanges, and NFTs quickly 🔍
- TradingView Integration: Enjoy live charts, tickers, and historical data 📅
- Full Responsiveness: Works seamlessly on any device 📱💻, with a menu for smaller screens 📲
This Video Benefits:
- Beginner-Friendly: Designed for those just starting with JavaScript, this mini-course will guide you through creating a real-world project. 📘
- Portfolio Boost: Add a dynamic and impressive project to your portfolio to showcase your skills. 💼
Don't miss out on these expert insights and practical tips to make your crypto marketplace stand out! Watch now and start creating! 🌟
Source Code : https://github.com/AsmrProg-YT/Fullstack-Crypto-Marketplace
- Keyboard Link : https://iqunix.store/discount/asmrprog/?redirect=/products/iqunix-og80-wormhole-wireless-mechanical-keyboard
- IQunix Youtube: @IQUNIX
Responsive Portfolio Designs Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3djlKjBtkw2W-Ryyeym98w
Join 100 Days Of JavaScript Playlist: https://www.youtube.com/playlist?list=PLkC56g8fboI0HghByzVuD2Vz8ROUXfF_j
Web Design Coding Bootcamp Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI0QgD6VvH5TN0Nm1i5dVITH
Responsive Dashboard Designs Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI2s3NSGtfPEopoV0Q0gHSnh
ASMR Game Coding Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3nNZQS2mb6kCqK9yS0XgD9
source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT
Video Contents :
00:00:00 - Intro
00:06:14 - Warming hands
00:06:24 - Main Codes
00:06:58 - Adding icons
00:07:18 - Adding fonts
00:07:43 - Global section
00:10:20 - Nav section
00:12:35 - CSS variables
00:13:12 - Main styles
00:16:08 - Global styles
00:16:48 - Nav styles
00:22:16 - Trending section
00:27:14 - Trending styles
00:35:35 - Tabs section
00:45:35 - Tabs styles
00:51:58 - Footer section
00:53:33 - Footer styles
00:57:18 - Charts page
00:58:33 - Chart container
00:59:20 - Charts styles
01:00:12 - Search page
01:04:08 - Search styles
01:07:47 - About page
01:09:37 - About styles
01:12:46 - Coin info page
01:17:34 - Coin info styles
01:31:13 - Adding chart.js
01:32:15 - Global.js
01:32:56 - Get data storage
01:34:44 - Fetch global
01:35:22 - Coingecko API
01:37:02 - Global API
01:38:00 - Set data storage
01:38:53 - Display global
01:48:05 - Tabs script
01:56:00 - fetchData function
01:58:09 - fetchAndDisplay()
01:59:40 - toggleSpinner()
02:04:28 - displayTrends()
02:05:38 - Trend coins
02:07:18 - createTable()
02:09:13 - displayTrendCoins()
02:14:54 - displayTrendNfts()
02:19:05 - displayAssets()
02:25:30 - Sparkline charts
02:30:15 - Some table styles
02:33:00 - Exchanges tab
02:36:25 - Categories tab
02:39:12 - Companies tab
02:45:27 - Toggle theme
02:48:53 - Tradingview chart
02:58:17 - Search API
03:18:50 - Coin info API
03:38:42 - Responsive codes
03:39:52 - 1400px
03:43:31 - 1200px
03:49:20 - 992px
03:56:44 - Mobile menu
03:58:12 - Menu styles
04:02:05 - Menu scripts
04:04:32 - 768px
04:11:56 - Scroll Top JS
04:15:09 - Final result
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.
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. Close description