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

[@robinferizi9073]

Note: html and css are not programming languages they’re mark up languages, as there is nothing in html or css that makes them Turing complete

[@PythonSimplified]

Hi Robin 😊 Don't worry, I'm definitley aware of it! After all, "markup" is the "M" of HTML! 😃 It's just not a technicality I wanted to focus on at this point in time, especially as part of a "quick overview". If I use the term "markup language" to explain a different term - I also need to explain what it means and how it differs from a "programming language". If I were to film a video about HTML or markup languages in general - I would have probably used the technical definitions instead of an abstraction. But here's a caviat - the term "markup language" is not very well defined and I can make the argument that it overlaps with the definition of "programming language". There's an ongoing debate on this, you can actually find many different opinions on Stack Overflow and each of them has a valid logic behind it. In my opinion, markup is a subset of programming as even web pages are programs in one way or another. Even static pages without any JS interactions are encoded by a computer, so it does seem to fit the definition... but that's just my opinion 😉 Anyhow, I don't see a reason to dig so deep... 😅 just refer to "markup" as an abstraction of "programming" hahahah

[@robinferizi9073]

@@PythonSimplified yeah good point, nice vid too

[@PythonSimplified]

@@robinferizi9073 thank you so much! 😃

[@shoshanamofaz3012]

You may already know this but html and css make web pages look pretty while JavaScript is the engine that makes them work.

[@robinferizi9073]

@@shoshanamofaz3012 yeah I know what they do, and that’s the reason they are known as markup languages

[@darioalb00]

Wonderful!!! I am an old developer (61 years old) trying to learn the current technologies. Already tired of volunteer tutorials that know little about teaching, I come across this one, which in just 25 minutes, conveys all the basics I need to learn. I am amazed!!! Congratulations!!!

[@PythonSimplified]

Thank you so much for the awesome comment, Darío!! I have another Flask tutorial (but twice as long unfortunately 😅 haha) and it shows you how to combine a SQLite database with your app, creating a Groceries List application: ⭐ Flask SQLite Web Application Step by Step Tutorial - HTML, Jinja, CSS, JavaScript, Python: kzbin.info/www/bejne/rGSmhIShha-nd8U It's a bit more advanced than this tutorial, but it gives you some additional tools to use on your exciting new journey :))) If you're not yet familiar with SQLite or databases in general, I have some really nice tutorials that you may find useful: ⭐ SQLite Basics: kzbin.info/www/bejne/hZnNXnandrGlrc0 ❗you'll need to add connection.commit() after each data insertion command, I've accidentally skipped it in the tutorial above 😅 then you can practice your SQLite skills and learn how you can generate databases by automatically copying them from the web (what we call Web Scraping): ⭐ Web Scrape Databases with SQLite and Mechanical Soup: kzbin.info/www/bejne/g5yqgqCQpLKoiK8 This one includes the connection.commit() command I've mentioned above 😉 Best of luck and I hope it helps! :))

[@darioalb00]

@@PythonSimplified What a frustrating!!! Much of my illusion was to see my Flask app run in the cloud. I was waiting for the weekend to have the necessary time to carry it out, and I find that Heroku is no longer free !!! Do you know any good alternative ???

[@mixschnack]

Mariya Shanti doesn't babble on forever, but says, bang, bang, do this and that and everything works. And that's how it is. Here and there, some questions arise, which she partly answers - to my full satisfaction - and partly does not. For example, she doesn't explain how she manages to get the font file loaded and displayed on every system. On her system it works without additional effort, because the font ("Shanti") is installed on her system. On other systems the font would first have to be loaded from a website or an appropriate stored font file. All in all, this video gives a good overview of the steps necessary to develop and deploy a web app and introduces some "best practices" that are common among experienced programmers. A great video. More of it please!

[@Soulo_Sreeni]

The way of explanation is phenomenal ! I feel great that KZbin recommended it to me today 🤩

[@PythonSimplified]

Yeey! I'm so happy you liked it! 😀 Welcome aboard! 😁

[@developerx962]

I am so happy because you are just given us the best statement "and since we have saved this file inside the appropriate template folder, flask will be able to find it with no issues"

[@mauno91]

You can force a cache refresh on a single page: Ctrl + F5 for Windows. Shift + Reload for Safari.

[@happyjohn1656]

Wow this is amazing, so awesome to know! Thanks Mauno! 🤗 9:22 PM 2/20/2022

[@godkaboom]

Ctrl+Shift+R is what you'll need to refresh without using cache

[@MichaelSwartout]

I swear this is the first time I have every seen you on a windows pc. You are such a wonderful teacher. Who likes to play some Steam games and not just code. Oh ya!

[@DevStephenW]

Just found your videos. Such a perfect tutorial. The right speed, the right amount of explanation and detail. Great stuff.

[@Jelvix]

Thank you! Flask resembles a LEGO constructor, which you can use to build whatever you want using Python libraries or Flask extensions. Python developers from Jelvix say that with Flask, you can add new modules when you need them, rather than being bombarded with details for the first time.

[@PythonSimplified]

You're welcome! Enjoy! 😄

[@quijoterio]

Thanks to you I have been able to deploy a working web app, you deserves all the best in the world. Thanks a lot!!!!!

[@BogdanAnghelina]

I'm now starting to learn Python through the Mimo mobile app. After a few chapters, I started practicing and looking for more complex projects. Your video is very explanatory and I congratulate you on that! Although I have a pretty solid background in HTML, CSS, and WordPress (PHP), I'm just now starting to understand Python and I think it's awesome what you can do with it.

[@myke6972]

don't know anything about flask yet, but after I watched this video, I understand all of the parts discussed in the video, thanks alot!

[@NagasakiNightmare]

I feel like no one is doing what you’re doing. I’m glad to have found this, because I can code in Python well enough, but I have never done anything front end outside of ncurses. (Old man, new tricks)😂 Thank you so much!

[@MINTgewinnt]

Thanks for the video! A little remark: UTF-8 is not necessarily 8-bit. It is a variable-length character encoding standard using one to four one-byte (8-bit) code units.

[@imoniteochie6355]

i like the way you teach it makes it so easy to under stand as a beginner

[@estebanglsa]

I love these videos! You really do a great job explaining. The sad part is: Heroku no longer offer free deployment 😥

[@saeidgholami2795]

You don't need to clear browser cache all the time. Just press which do deep refresh on the page. Deep refresh force the browser to load static files again and not use the cached version. Browser don't do deep refresh by default for the performance reason. Thanks for the video.

[@AlexanderMaynor-tt3fx]

You are a angelic human being and so smart! Thank you for making such amazing content and being a light for the world!

[@PythonSimplified]

Wow, Alexander! Thank you so much for the incredible comment!! 😀😀😀 It's a great honour to have lovely folks such as yourself supporting me on this magical journey! 😊

[@S0190S]

Way simpler to use Heroku than AWS. Thank you for this video! I learned Flask in my bootcamp and have been needing a simpler deployment method. Thanks again!

[@ralphanthony5198]

Great video, amiga! Awesome work! I definitely love all your videos!!!

[@gaudino110]

Great tutorial, simple but quite complete. Your speech is lovely, not too fast and perfectly understandable even for a non native English speaker like me. I'm in love with you, not gonna lie.

[@MyTubeAIFlaskApp]

This video inspired me to learn Flask Because of you, I am here.Thank You very much.

[@netbin]

Exploring python with Cécile’s videos becoming even more fun

[@adedoyinayobami2820]

I have a problem activating my virtual env with my windows cmd.great content enjoy your tutorial up to the virtual env moment

[@thebarryman]

Best tutorial for Flask I've seen so far, thank you!

[@taylortoast2]

@PythonSimplified which part of this app utilizes JavaScript? Thank you for your content.

[@brendansullivan4872]

Flask is also great when blended with React. You can use CORS and axios for this

[@cesarac666]

oH my God! The only one that Run fine!! Greate Job Mariya....Thx

[@Gorlung]

your videos broaden my knowledge and inflame my libido

[@spadezap9728]

Thanks so much! I have been looking everywhere on how to do this and this is the only video that explained it well!

[@darcydonelle2340]

Great video! Deployed my version of the app, and it works wonderfully, as expected. Thank you!

[@PythonSimplified]

Yeeey!! Super happy to hear!! Thank you so much 😃

[@bazazoo2827]

Hello Mariya, great to see ya 8D I'll be waiting for the update on the DearPy GUI app, docs are not up for mass adoption yet

[@niklase5901]

Great! Just the intro i needed for this! Thanks!

[@MINTgewinnt]

Suggestion: Instead of clearing the cache, it is much faster to hard refresh the browser with Ctrl+F5. (Works on most common browsers on Windows. Different shortcut on Mac.)

[@bombdiggity7196]

Clear and helpful as always. Thanks!

[@maxwellochieng4924]

You are the BEST, I found your video at a point i was learning how to deploy my ML models in Heroku

[@Btm_vibes]

No one can teach like this compared to you

[@g.rioscairo]

I simply loved this tutorial. First time using Flask and Heroku! And it all worked so smoothly, nice :)

[@TheSuperRunner]

Great tutorial! I'm trying to write a web app (with basically no web experience) for a new project of mine and this made things a lot more clear.

[@Andrew-Escudero]

You are great! Love the clarity, simplicity, and positivity in your videos. Look forward to learning more from you!

[@yakhyobekmamadaliyev6315]

Sposiba Very much. ti taught me khorosho☺️☺️☺️👍👍

[@PythonSimplified]

hahahaha Pozalusta ,Yakhyobek!!! 😀

[@MrThekid2009]

Liked, Subscribed & hooked for life! Kudos!

[@PythonSimplified]

Yeeey!! Super happy to hear! Welcome aboard!! 😃😃😃

[@georgelee9491]

thank you so much!!!!!! i able to create my own website now!!!

[@johnwindsor5426]

So nice talk. it is a gread video tutor. I like it so much! Last about heroku part, it is super!😊👍👍👍

[@trtlphnx]

I Love Your Lessons; Very Eclectic and Cogent ~ You Are Vastly Appreciated ~!

[@PythonSimplified]

Thank you so much for the lovely feedback, trtlphnx! 😁

[@joshwabj8257]

You are looking too good sis, I am your biggest fan 😊😊

[@PythonSimplified]

Thank you so much Joshwa! 😊

[@bekiyerom62]

thanks lovely you do it in the most simplest way

[@renderartist]

Incredibly helpful and fun tutorial, thank you! Building some experiments with flask that I made with ChatGPT and seeing how easy it is to take it online in a nice packaged way is great. I like that there are options for easy to deploy SQL databases in Heroku. 👍🏼

[@erickanyiri3463]

How am i just finding your channel now 😊 Great stuff

[@rishecks]

by far the best tutorial ive come across!! sadly heroku is not free anymore :(

[@prabhatadvait6171]

This was really top notch video , thank you so much, love from india

[@FelipeNavesOrionRit]

Awesome tutorial. Thanks a lot!

[@incaroads001]

I was just about to have my nieces watch this video. Then you greeted s-man.

[@theronkasita4196]

Well explained Thank you all the way from Africa Namibia

[@She_cooks2023]

Great Job!!! Loved it totally

[@toulasantha]

👏👏👏 charisma factor 100%

[@ashutoshdevgotra]

best ever tutorial, I am from india...keep making such easy and learning full projects

[@bharathkarkera3223]

explanation in best possible way.. thank you so much!!

[@narbigogul5723]

Great video, thanks for sharing!

[@abdulbarmhajihassan7787]

where did you get the website from? how did you created help me on that

[@mightyaripage]

Love the manbearpig reference

[@omarpalacios9734]

Awesome video! Thank you so much. Спасибо :)

[@markus4394]

Thank you for a great tutorial. Got me to transition from making simple console apps to a real webapp!

[@gsbdrums]

Thanks for the tutorial i've got a : Method Not Allowed The method is not allowed for the requested URL. I copied the code from github, could you help with this please ?

[@mahmoudsalama4443]

what is 'hello' in the last minute in Heroku url that u added?

[@vigneshpadmanabhan]

Thanks a lot! Such an amazing video. I have always wanted to deploy the solutions I create on the web, but never took the step, thanks to the youtube algorithm, found this video by chance and I like your teaching approach. It's simple to follow and easy to execute. Would love to see a sequel to this video.. would it be possible for us to have a MySQL or SQLite or PostgreSQL anything you would prefer, that can store the names we type? I am interested to learn more about this. A little bit about myself, I'm a data science guy and I never got a chance to do anything beyond proof of concept at work and personally was never exposed to a platform that can host an app on the web free. So this is my start. Thanks again!

[@xst-k6]

#Feedback: Mute the keystrokes audio or change your keyboard switches. Suggestion: Gecko Silent Linear Switches from Kinetic Labs

[@PythonSimplified]

I use a completely different non-mechanical keyboard now... checkout my newer videos, this one was filmed over 2 years ago 😉

[@roboxito1]

Nice to known Flash() function

[@bicycleninja1685]

You're very talented and knowledgeable! Thanks for taking us through the steps.

[@PythonSimplified]

Thank you so much Bicycle Ninja! 😀 I have an additional Flask tutorial if you'd like to combine your app with an SQLite database: kzbin.info/www/bejne/rGSmhIShha-nd8U It's a bit longer than this one, but it's also a much more useful application 😉

[@bicycleninja1685]

@@PythonSimplified Will check it out! I also loved your Python graphics tutorial with the procedurally generated trees and landscape. Absolute genius! Helps grasp the concept and take it to another level.

[@jesusaunicaverdade]

To refresh page and caches is Ctrl + Shift + R or Crtl + alt + R (I'm not in front the pc)

[@kwamenadadson]

Thanks your video saved my life today

[@marcioalexandre7610]

Mas para que serviu isso tudo, afinal? O que Flask fez diferente?

[@123arskas]

Love your energy !!! Thanks for the tutorial

[@frg3309]

Hi how can I create the env 39 like you do on my computer, I dont understand how to do that, what I did is install flask and gunicorn trough anaconda but, I know Im missing something, at the moment when I installed bouth software I was on user and my name

[@PythonSimplified]

Checkout my Anaconda tutorial to set up the exact same environment I have, both with Linux and Windows: 😃 kzbin.info/www/bejne/g4a9pYl7ebCLqc0 Good luck! 😊

[@frg3309]

yep I could get the env also but Idont remember how I doit but I will not give up :D, in fact Im following your videos typing pause and play to follo each step, coding its not so easy as I can see :P

[@learnincredibledesign]

Love the way of teaching

[@Tobs_]

awesome, this is something I have been keen to learn from you 👍

[@PythonSimplified]

Happy to hear Tobs! 😁

[@diwakar_tsn]

your biggest fan❤️♥️🥰🇳🇵

[@PythonSimplified]

Thank you so much for the support Codingide NP! 😀

[@alexgora7530]

No, the biggest I am 🤣🤣🤣

[@RocketLR]

Is there someway to get a liveserver to refresh html and css while developing? I am SOOOO tired of refreshing the browser every time i make changes to the templates.

[@ianpropst-campbell6028]

Thank you for this great video!

[@dacianfd8418]

Nice!

[@watermanli]

It's really beautiful, Amazing.......ly! You opened the door, in such a nice and clear way...

[@simonmenlah1817]

Hey! I just fell in love with you and your method of teaching and can't stop learning via your channel...

[@nurulmunirahbintiabdulhami6856]

Hello Mariya. I just found your tutorial. But I have difficulties installing the flask. I did same like you, but it wont work.

[@TheInternalNet]

So I am stuck on the "flash" part. Whenever I tried to add the flash module it breaks the application. Soon as I comment it out, It works no problem. Everything else works fine. Any suggestions?

[@rnseby]

Thanks for the great walkthrough. Quick and straightforward.

[@lenapham9377]

Great teacher, wish you all the best!

[@lexiepan4257]

Hi Maria, I am quite new to coding, followed all the steps you showed, but I got a different requirement.txt which contains a lot of packages and a lot of @ file .../.../.../. So I don't know the reason for this and also don't know if I should replace all the @ file .../.../.../, like the markup safe one you did in the video.

[@alexnefayne4266]

This is a great tutorial.. Thankyou.

[@shoshanamofaz3012]

Shalom. Great to see you again. I have news. I am working for Dell Technologies now a the Haifa campus. If you care.

[@PythonSimplified]

That's awesome Shoshana! Congratulations on your new job! Dell is my absolute favourite when it comes to computer hardware! My laptop is an old Inspiron and my desktop is an Alienware so I'm a huge fan :DDDD And now I know who to reach our for discounts ;) hahahahaha Congrats again, kapara alaih, and have fun! :)

[@annonymous.]

9:25 I don't know why there is an internal server error showing up and the HTML template don't get rendered. I am stuck here . Could you help me? It shows 'Internal Server Error The server encountered an internal error and was unable to complete your request. Either the server is overloaded or there is an error in the application.'

[@gladysdavid5659]

Yes for me too

[@edins5517]

I had the same it took me long time to find it >

[@blackhorsered]

Im having dificulties with env39 part. Can you help me?

[@animeshmishra4282]

Hey, can you tell me which type of architecture your app is : a 2 tier or 3 tier ?

[@nicosaavedra82]

Thanks!! i did it!! so happy!

[@roncheencio2431]

how can I program the system if I don't have Anaconda prompt? if I use command prompt it will work or not

[@PythonSimplified]

Anaconda is just a tool to manage working environments and packages installation. It's convenient - but you don't have to use it... you can install Python directly on your system and use Venv to create environments and "pip install" to install packages 😃 But if you want to get up to speed with Anaconda, I have a short video which will give you all the information you need to start working with it like a pro: kzbin.info/www/bejne/g4a9pYl7ebCLqc0 Good luck! 😊

[@darioalb00]

What a frustrating!!! Much of my illusion was to see my Flask app run in the cloud. I was waiting for the weekend to have the necessary time to carry it out, and I find that Heroku is no longer free !!! Do you know any good alternative ???

[@bruhlickd]

how can I save all the data insert by the user into the form in a Data Bank as SQLite or MySql?

[@pllemost8410]

Hey, Mariya! My best and favorite teacher. What did I miss? I'm later on your today's lesson!

[@PythonSimplified]

Hi PI Lemost! 😊 great to see you! We were building a simple "hello world" web application with a mini Framework called Flask 😀 Tomorrow I'm premiering another web app tutorial, but this time - a slightly more useful one (calculator) and by using Python only! See you tomorrow for the premiere? 😉

[@jesusaunicaverdade]

I'm studying Django to create Web app, but I'm planning to change for App. My doubt is, Why create a Heroku App, when I can create an App with React Native? This is a real question, because I'm deciding my future career.

[@antonvorobiev9507]

You are wonderful!!!

[@evertonsston]

Thank you so much for this explanation!!