watermark logo

рдЕрдЧрд▓рд╛

рд╕реНрд╡рдд: рдкреНрд▓реЗ

Simple Web App with Flask and Heroku - Python GUI for Beginners

0 рд╡рд┐рдЪрд╛рд░реЛрдВ тАв 10/30/24
рд╢реЗрдпрд░ рдХрд░рдирд╛
рдПрдореНрдмреЗрдб
121gamers
121gamers
14 рдЧреНрд░рд╛рд╣рдХреЛрдВ
14

In this tutorial, I will show you how to create a Web Application with Flask!
This video the also the first episode of The Battle of the App Frameworks, where ЁЯдйЁЯдй YOU GET TO CHOOSE THE WINNER! ЁЯдйЁЯдй

Today we will create a simple "Hello World" Application with Flask, which includes:
* an HTML template containing the structure of a web page
* a CSS stylesheet containing design instructions
* a Python backend that communicates with a web server
And we will also ЁЯЪАDEPLOYЁЯЪА this application for free with Heroku! ЁЯШБ

This tutorial covers all the basics of Flask, from start to finish! (excluding Javascript interactions, which we will leave for later ЁЯШЬ)

тП░ TIME STAMPS тП░
00:00 - Battle of the App Frameworks
00:25 - Flask Overview
01:17 - Flask Directory Structure
01:52 - HTML Structure
06:52 - Python Backend
09:31 - Warning: this is a development server тЫ│
09:42 - Message Flashing
11:04 - A secret key is required
13:38 - CSS Styling
18:05 - CSS doesn't update - Clear Cache!
20:14 - Procfile and Requirements
22:42 - Deploy Flask App with Heroku
24:43 - Thanks for watching! :)

*********************************
ЁЯРН IMPORTANT NOTES/LINKS ЁЯРН

Install Flask ЁЯМ╢
* Anaconda: conda install -c anaconda flask
* PyPI: pip install flask

Install Green Unicorn ЁЯжД
$ pip install gunicorn

Change Production Server to Development Server: тЫ│
$ export FLASK_APP=sayHello
$ export FLASK_ENV=development
$ flask run

Complete project on Github:
https://github.com/MariyaSha/greetingApp_FLASK

Link to logo from my Kivy App:
https://github.com/MariyaSha/S....impleGreetingApp/blo

Beautiful icons are by:
https://www.freepik.com/
https://www.flaticon.com/

рдФрд░ рджрд┐рдЦрд╛рдУ
0 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ sort рдЗрд╕рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдХреНрд░рдордмрджреНрдз рдХрд░реЗрдВ
рдлреЗрд╕рдмреБрдХ рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЕрдЧрд▓рд╛

рд╕реНрд╡рдд: рдкреНрд▓реЗ