Animating HTML Ranking Table with Javascript & JQuery — Realtime Crypto Prices Changes Leaderboard
Автор: Andrew Fung
Загружено: 2021-04-23
Просмотров: 9674
Hello Everyone! My name is Andrew Fung, in this video, I will be showing you how to create the take-over animation with any HTML table with Javascript and JQuery. To showcase the project, I picked the theme of cryptocurrency price changes as the changing factor and fetch data from the CoinGecko API which doesn’t require an API key. Hope you enjoy this tutorial and let me know if you want me to make this a production web application with node.js!!
#cryptocurrency #jquery #javascript #htmlanimation #webdevelopment
Installation and Setup!
Visual Studio Code installation: https://code.visualstudio.com/download
CoinGecko API Documentation: https://www.coingecko.com/en/api#expl...
Bulma CSS Framework: https://bulma.io/documentation/overvi...
Source code:
https://github.com/Andrew-FungKinHo/Y...
Check out my Github!
https://github.com/Andrew-FungKinHo
How I make my YouTube videos:
⌨️ Keyboard - Nuphy Air75 Mechanical Keyboard - https://amzn.to/3Xu4PD3
🎙 Microphone - MAONO A04 Professional Podcaster USB Microphone - https://amzn.to/3k8ocD5
🖱 Mouse - Microsoft Bluetooth Ergonomic Mouse - https://amzn.to/3CHhdHJ
🔌 Accessories - Laptop Docking Station for MacBook Pro - https://amzn.to/3CHi5Mv
Timestamps
0:00 | Intro
0:56 | API and CSS Framework
3:59 | Simple Table Creation
10:30 | Fetching data from API
15:17 | Displaying Data on Table
28:03 | Overtaking Animation
43:13 | Finalizing Functions
51:26 | Project improvement and Out-tro
Feel free to drop a like and comment if you enjoy and video and let me know if you want me to do other types of programming videos ;) !!!
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
