Flask SQLite Web Application Step by Step Tutorial - HTML, Jinja, CSS, JavaScript, Python
In this tutorial we will see how to create a web application using Flask and SQLite. Flask is a web framework using Python for the backend, HTML and Jinja for templating, CSS for styling and JavaScript for client side interactions.
So today, will not only connect databases to a Flask server - but we will also learn how to use all the perks of this framework.
🛑 Please note: Wayscript is no longer with us! RIP!
🛑 Please refer to the Github repo instead!
⭐ Clone Starter Files and Complete Groceries App from Github:
https://github.com/MariyaSha/grocerie...
⏰ TIME STAMPS ⏰
---------------------------------------------------------------
00:00 - Intro
00:48 - starter files walkthrough
02:31 - connect SQLite database to Flask
04:16 - deploy app to development environment
05:18 - preprocess database data
07:08 - HTML template
08:04 - Jinja2 templating
09:44 - database entries as form options
15:39 - database entries as checkbox elements
18:08 - Flask Session (global data)
24:48 - CSS styling
33:14 - connect JavaScript to Flask
34:46 - JavaScript client side interactions
38:43 - testing the app
39:26 - deploy app to production with Wayscript
41:01 - challenge!
41:17 - thanks for watching!
💻 run Flask locally on Windows machine 💻
---------------------------------------------------------------
⭐ navigate to project directory:
cd path/to/my_directory
⭐ if the name of your Flask Python file is "my_app.py"
set FLASK_APP=my_app
set FLASK_ENV=development
flask run
⭐ in your browser navigate to:
localhost:5000
💻 run Flask locally on Linux machine 💻
---------------------------------------------------------------
⭐ navigate to project directory:
$ cd path/to/my_directory
⭐ if the name of your Flask Python file is "my_app.py"
$ export FLASK_APP=my_app
$ export FLASK_ENV=development
$ flask run
⭐ in your browser navigate to:
localhost:5000
🔗 IMPORTANT LINKS 🔗
---------------------------------------------------------------
⭐ Github Logo from tutorial:
https://raw.githubusercontent.com/Mar...
⭐ my previous Flask tutorial:
• Simple Web App with Flask and Heroku - Pyt...
⭐ my previous SQLite tutorial:
• SQLite Backend for Beginners - Create Quic...
🤝 Connect with me 🤝
---------------------------------------------------------------
🔗 Github:
https://github.com/mariyasha
🔗 Discord:
/ discord
🔗 LinkedIn:
/ mariyasha888
🔗 Twitter:
/ mariyasha888
🔗 Blog:
https://www.pythonsimplified.org
🙏 THANK YOU 🙏
---------------------------------------------------------------
Thank you so much for watching! 😀
Thank you to Flaticon for the notes icon: www.flaticon.com
Auf dieser Seite können Sie das Online-Video Flask SQLite Web Application Step by Step Tutorial - HTML, Jinja, CSS, JavaScript, Python mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Python Simplified 01 Januar 1970 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 100,030 Mal angesehen und es wurde von 2.3 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
