JavaScript Mini Course - Build a Crypto App With Vanilla JavaScript - ASMR Programming

Publié le: 11 août 2024
sur la chaîne: AsmrProg
81,528
1.6k

🖥️ 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/Fullst...

Keyboard Link : https://iqunix.store/discount/asmrpro...
IQunix Youtube: ‪@IQUNIX‬

Responsive Portfolio Designs Playlist :    • Responsive Personal Portfolios Coding  

Join 100 Days Of JavaScript Playlist:    • 100 Days of JavaScript Coding  

Web Design Coding Bootcamp Playlist :    • ASMR Web Design Bootcamp  

Responsive Dashboard Designs Playlist :    • Responsive Dashboards Coding  

ASMR Game Coding Playlist :    • JavaScript Game Coding  

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.


Sur cette page du site, vous pouvez voir la vidéo en ligne JavaScript Mini Course - Build a Crypto App With Vanilla JavaScript - ASMR Programming durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur AsmrProg 11 août 2024, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 81,528 fois et il a aimé 1.6 mille téléspectateurs. Bon visionnage!