Flask - Live updated sports website Project ⚽🏅🏀

In this video, you will learn to create a website IN AN HOUR with Python. This website will be LIVE! Meaning, the data will be refreshed in real-time.

#Python #Flask #LiveWebsite

☕ Buy me a coffee: https://www.buymeacoffee.com/jimsc

Connect with me with:
Instagram:   / jimshapedcoding  
E-mail: jimshapedcoding@gmail.com
Twitter :   / jimshapedcoding  
Discord :   / discord  

🔥 Comment below if you want to see more videos in that style

👍 Subscribe to start your Python Developer / DevOps Engineer journey here:
   / @jimshapedcoding  

🎥 My YouTube Gear 🎥
Camera (Canon EOS 250D) : https://amzn.to/314euVC
Microphone (Rode NT-Mini) : https://amzn.to/3bDqEer
Headphones (JBL LIVE 500BT) : https://amzn.to/3e73MDS
Tripod (Neewer Portable Tripod) : https://amzn.to/2OXleC6
Desklight(AUKEY Cordless Lamp): https://amzn.to/2QaYT4A
Keyboard ( Razer Blackwidow Green Switch ) : https://amzn.to/3bExDnu
Mouse ( Razer LanceHead ) : https://amzn.to/3if0JuV
Lights ( Neewer 2-Pack Dimmable ): https://amzn.to/3oFN1DP


Links:

Virtual env tutorial:
   • Python venv simply explained for BOTH Wind...  

Flask Series:
   • Flask Full Series - Web Application Develo...  

More about _name_ magic variable:
   • Python Tutorial - if __name__ == '__main__'  

Github Project link for code snippets:
https://github.com/jimdevops19/LiveSp...

Timeline of the video:
00:00 - 03:52 - Setting things up
03:53 - 09:20 - How Flask Works? (Jump to next timeline - If you know Flask)
09:21 - 16:20 - Styling like a Sports Website
16:21 - 29:39 - Display a scores table
29:39 - 33:37 - JavaScript - Convert data to JSON
33:38 - 36:08 - JavaScript - How it works ?
36:09 - 38:49 - JavaScript - Using setInterval()
38:50 - 43:50 - JavaScript - Using fetch() to read data
43:51 - 53:04 - JavaScript - Function to fresh the data
53:05 - 59:28 - JavaScript - Function to blink the changes
59:29 - 01:00:26 - Get the code of the BONUS features for this website