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

🖥️ 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 : Will upload soon...

- IQunix Youtube: @IQUNIX

source of all projects also will upload in AsmrProg github page :

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: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.

[AsmrProg]

📣New Courses On The Way:
1- Mastering the Art of Landing Top Projects & Jobs
2- Complete Zero To Hero Web Courses

🎥 If you enjoyed this video and want to see more like it, make sure to give it a 👍 and leave a comment! Your support helps us create more of the content you love. 😊✨

[tahaahmed]

oh my god 4hours and all its free for us may allh bless you man ❤

[ghaithzakk]

Oh god, that's mind blowing
Thank you for this amazing work ❤

[pvjvcpr]

❤love it bro....👏
This one is epic😅
I can see the effort
Bro....for all this coding & editing, how many days???😁

[The_SavageThunder]

You are the best 👍Keep up the good work

[Nayem.]

Wow. That's Awesome ❤🎉🎉
Take love From Bangladesh 🇧🇩🇧🇩❤️

[Prog_VScode_Asmr_Naoki_JP]

Thank you for your hard work for 4 hours! I would like to make it with reference to your video!

[VinayakKumar-ut]

Big fan from India i also loves coding.

[searchfor]

I always learn so much from your video, You're the best!!!!

[JulanAbdalla]

Random idea, you should make a studying website/app, I watch these videos randomly, I think a studying app would be really cool

[AhmedRaza-iifo]

Bro your work is amazing I watch almost all of your videos. Could you plz make full series of course on HTML, CSS & Javascript where we can learn full stack development. iK there are so many good channels on YT that are teaching Web dev but the the way that you code in and the design language that you've got we would like to learn that. So plz drop full series of course. we would appreciate it and will support this channel as much as we could. ThankYou..

[Bollywood-Animation]

That's My boy, It is called Video

[mhalwasoffice]

thats what im tooking about bro i love u <3, please we need more project api

[vtiwbhh]

bro is god of fullstack.
thank you so much.
please make videos about Sping boot project

[CD_DEAN]

So i know what i will do tomorrow then... Thanks mate

[strgaming]

this is the person that teached AI to know programming languages.

[mamoudouadamouissaka]

I watched everything, up to the nineteenth century, just because it was interesting. Wesh this is the first time I've watched a YouTube video of more than an hour. Thank you bro even if you're a real dev nut😅

[cxfzxio]

I am still in my beginnings and I have finished html and have now started learning css and I will learn java script insha allah I will become like you and continue publish clips in order to spread the benefit. Thank you big love.

[Kreytonchild]

Truly amazing. Thank you so much for sharing your work and knowledge!

I was curious, will you or do you plan to create a REACT project or have you done one?

[newtontavernier]

Your work is just next level🥶🥶, by the way where can I get the mouse cursor halo and trail,