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

Поділитися
Вставка
  • Опубліковано 12 гру 2024

КОМЕНТАРІ • 352

  • @robinferizi9073
    @robinferizi9073 3 роки тому +97

    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
      @PythonSimplified  3 роки тому +89

      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
      @robinferizi9073 3 роки тому +9

      @@PythonSimplified yeah good point, nice vid too

    • @PythonSimplified
      @PythonSimplified  3 роки тому +9

      @@robinferizi9073 thank you so much! 😃

    • @shoshanamofaz3012
      @shoshanamofaz3012 3 роки тому +1

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

    • @robinferizi9073
      @robinferizi9073 3 роки тому +2

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

  • @darioalb00
    @darioalb00 Рік тому +24

    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
      @PythonSimplified  Рік тому +2

      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:
      ua-cam.com/video/v3CSQkPJtAc/v-deo.html
      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:
      ua-cam.com/video/Ohj-CqALrwk/v-deo.html
      ❗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:
      ua-cam.com/video/MkGQmZoMuRM/v-deo.html
      This one includes the connection.commit() command I've mentioned above 😉
      Best of luck and I hope it helps! :))

    • @darioalb00
      @darioalb00 Рік тому +2

      @@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 ???

  • @mauno91
    @mauno91 3 роки тому +15

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

    • @happyjohn1656
      @happyjohn1656 2 роки тому +2

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

    • @godkaboom
      @godkaboom 2 роки тому

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

  • @developerx962
    @developerx962 2 роки тому +1

    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"

  • @mixschnack
    @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
    @Soulo_Sreeni 3 роки тому +27

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

    • @PythonSimplified
      @PythonSimplified  3 роки тому +5

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

  • @DevStephenW
    @DevStephenW Рік тому +2

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

  • @MichaelSwartout
    @MichaelSwartout 3 роки тому +1

    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!

  • @BogdanAnghelina
    @BogdanAnghelina 2 роки тому +2

    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
    @myke6972 2 роки тому

    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!

  • @imoniteochie6355
    @imoniteochie6355 6 місяців тому +1

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

  • @estebanglsa
    @estebanglsa Рік тому +9

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

  • @MINTgewinnt
    @MINTgewinnt Рік тому +3

    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.

  • @Jelvix
    @Jelvix 3 роки тому +3

    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.

  • @quijoterio
    @quijoterio 2 роки тому

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

  • @NagasakiNightmare
    @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!

  • @AlexanderMaynor-tt3fx
    @AlexanderMaynor-tt3fx Рік тому +1

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

    • @PythonSimplified
      @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! 😊

  • @yakhyobekmamadaliyev6315
    @yakhyobekmamadaliyev6315 3 роки тому +1

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

  • @adedoyinayobami2820
    @adedoyinayobami2820 2 роки тому +1

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

  • @MyTubeAIFlaskApp
    @MyTubeAIFlaskApp Рік тому +1

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

  • @gaudino110
    @gaudino110 Рік тому +1

    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.

  • @joshwabj8257
    @joshwabj8257 3 роки тому +4

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

  • @annonymous.
    @annonymous. 2 роки тому +2

    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
      @gladysdavid5659 2 роки тому

      Yes for me too

    • @edins5517
      @edins5517 Рік тому +1

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

  • @S0190S
    @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!

  • @TheSuperRunner
    @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.

  • @Gorlung
    @Gorlung 2 роки тому

    your videos broaden my knowledge and inflame my libido

  • @johnwindsor5426
    @johnwindsor5426 2 роки тому

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

  • @dannen59
    @dannen59 5 місяців тому +1

    Thanks!

  • @vigneshpadmanabhan
    @vigneshpadmanabhan 2 роки тому +3

    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!

  • @brendansullivan4872
    @brendansullivan4872 4 місяці тому

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

  • @darcydonelle2340
    @darcydonelle2340 2 роки тому +2

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

    • @PythonSimplified
      @PythonSimplified  2 роки тому

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

  • @bazazoo2827
    @bazazoo2827 2 роки тому +1

    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

  • @MINTgewinnt
    @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.)

  • @cesarac666
    @cesarac666 2 роки тому

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

  • @georgelee9491
    @georgelee9491 4 місяці тому

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

  • @ralphanthony5198
    @ralphanthony5198 Рік тому

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

  • @maxwellochieng4924
    @maxwellochieng4924 3 роки тому

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

  • @trtlphnx
    @trtlphnx 3 роки тому +4

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

    • @PythonSimplified
      @PythonSimplified  3 роки тому +1

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

  • @spadezap9728
    @spadezap9728 2 роки тому

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

  • @erickanyiri3463
    @erickanyiri3463 11 місяців тому

    How am i just finding your channel now 😊
    Great stuff

  • @bombdiggity7196
    @bombdiggity7196 4 місяці тому

    Clear and helpful as always. Thanks!

  • @thebarryman
    @thebarryman Рік тому

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

  • @renderartist
    @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. 👍🏼

  • @netbin
    @netbin 2 роки тому

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

  • @MrThekid2009
    @MrThekid2009 2 роки тому +1

    Liked, Subscribed & hooked for life! Kudos!

    • @PythonSimplified
      @PythonSimplified  2 роки тому +1

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

  • @bicycleninja1685
    @bicycleninja1685 2 роки тому +2

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

    • @PythonSimplified
      @PythonSimplified  2 роки тому +1

      Thank you so much Bicycle Ninja! 😀
      I have an additional Flask tutorial if you'd like to combine your app with an SQLite database:
      ua-cam.com/video/v3CSQkPJtAc/v-deo.html
      It's a bit longer than this one, but it's also a much more useful application 😉

    • @bicycleninja1685
      @bicycleninja1685 2 роки тому

      @@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.

  • @bekiyerom62
    @bekiyerom62 7 місяців тому

    thanks lovely you do it in the most simplest way

  • @g.rioscairo
    @g.rioscairo 2 роки тому

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

  • @niklase5901
    @niklase5901 Рік тому

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

  • @Andrew-Escudero
    @Andrew-Escudero Рік тому

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

  • @diwakar_tsn
    @diwakar_tsn 3 роки тому +9

    your biggest fan❤️♥️🥰🇳🇵

    • @PythonSimplified
      @PythonSimplified  3 роки тому +3

      Thank you so much for the support Codingide NP! 😀

    • @alexgora7530
      @alexgora7530 2 роки тому +1

      No, the biggest I am 🤣🤣🤣

  • @mazaro4986
    @mazaro4986 10 місяців тому +1

    Thanks

  • @rishecks
    @rishecks Рік тому

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

  • @blaiseyonga9686
    @blaiseyonga9686 2 роки тому

    I enjoy the way you explain something😄😄😄😄

  • @bharathkarkera3223
    @bharathkarkera3223 2 роки тому

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

  • @prabhatadvait6171
    @prabhatadvait6171 26 днів тому

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

  • @saeidgholami2795
    @saeidgholami2795 3 роки тому +1

    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.

  • @Btm_vibes
    @Btm_vibes 2 роки тому +1

    No one can teach like this compared to you

  • @rnseby
    @rnseby 2 роки тому +1

    Thanks for the great walkthrough. Quick and straightforward.

  • @toulasantha
    @toulasantha 2 роки тому

    👏👏👏 charisma factor 100%

  • @markus4394
    @markus4394 2 роки тому

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

  • @123arskas
    @123arskas Рік тому

    Love your energy !!! Thanks for the tutorial

  • @simonmenlah1817
    @simonmenlah1817 2 роки тому

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

  • @incaroads001
    @incaroads001 2 роки тому

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

  • @Tobs_
    @Tobs_ 3 роки тому +2

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

  • @theronkasita4196
    @theronkasita4196 2 роки тому

    Well explained Thank you all the way from Africa Namibia

  • @FelipeNavesOrionRit
    @FelipeNavesOrionRit 2 місяці тому

    Awesome tutorial. Thanks a lot!

  • @taylortoast2
    @taylortoast2 Рік тому

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

  • @ashutoshdevgotra
    @ashutoshdevgotra 3 роки тому

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

  • @freezoulou
    @freezoulou 3 роки тому +2

    Well explain as always I repeat again and again thank you very much
    you help me a lot :)

    • @PythonSimplified
      @PythonSimplified  3 роки тому

      Thank you so much dexteuse freeman! I'm so happy to hear that! 😀😀😀

  • @kayodeadechinan5928
    @kayodeadechinan5928 3 роки тому +1

    I really like your way of teaching! Great videos!

  • @udbhav3760
    @udbhav3760 3 роки тому +1

    I learned something new today thanks for the video ✌️

  • @kwamenadadson
    @kwamenadadson 2 роки тому

    Thanks your video saved my life today

  • @shoshanamofaz3012
    @shoshanamofaz3012 3 роки тому +1

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

    • @PythonSimplified
      @PythonSimplified  3 роки тому

      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! :)

  • @mbundesmond3696
    @mbundesmond3696 Рік тому

    Wow great explanation, thumbs up ☺️❤️

  • @evertonsston
    @evertonsston Рік тому

    Thank you so much for this explanation!!

  • @nathanaelmehari1909
    @nathanaelmehari1909 2 роки тому

    Thank you very much i enjoyed the course because you try to make it fun as possible

  • @roboxito1
    @roboxito1 3 роки тому +1

    Nice to known Flash() function

  • @watermanli
    @watermanli 3 роки тому

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

  • @The_Mad-Ramx
    @The_Mad-Ramx Рік тому

    Hi I love the video thank you so much for your amazing work! I was wondering how I get HTML or CSS program language or whatever is needed on sublime, so I can make sure I'm doing this right! 😇

  • @yakhyobekmamadaliyev6315
    @yakhyobekmamadaliyev6315 3 роки тому

    You are my teacher ☺️☺️.

  • @일본어교육
    @일본어교육 3 роки тому

    항상 잘 보고 있어요!

  • @siamahmed8287
    @siamahmed8287 3 роки тому +2

    Hello mariya. Good to see ya after a long time.

    • @PythonSimplified
      @PythonSimplified  3 роки тому +1

      Thank you Siam! It's been a while - but I'm back! 😊 (and apparently bombarding ya'll with videos as a new battle episode premieres in 2 days hahahaha 😅)

    • @siamahmed8287
      @siamahmed8287 3 роки тому +1

      @@PythonSimplified awesome. I would love to watch that. I wasn’t there while premiering. Next time I won't miss.

  • @alexnefayne4266
    @alexnefayne4266 2 роки тому

    This is a great tutorial.. Thankyou.

  • @She_cooks2023
    @She_cooks2023 Рік тому

    Great Job!!! Loved it totally

  • @pllemost8410
    @pllemost8410 3 роки тому +1

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

    • @PythonSimplified
      @PythonSimplified  3 роки тому +1

      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? 😉

  • @imjeremy51
    @imjeremy51 2 роки тому

    I for some reason cannot get it to flash the text from the python script. (What you are doing at 10:50) it is just blank for me. I have went back double and triple checked my code to match yours. So it isn't flashing from the py file. I tried googling my answer but it seems everyone does this kinda differently so it is hard to find an answer. So far this tutorial was working perfectly. Thank you.

    • @imjeremy51
      @imjeremy51 2 роки тому

      No clue what I did, but it works now.

  • @pauloalmeida3728
    @pauloalmeida3728 2 роки тому

    Yep the app is still online. Thanks 😎

  • @mightyaripage
    @mightyaripage 3 роки тому

    Love the manbearpig reference

  • @narbigogul5723
    @narbigogul5723 2 роки тому

    Great video, thanks for sharing!

  • @kidoriit
    @kidoriit 3 роки тому +2

    This content is superb.

  • @omarpalacios9734
    @omarpalacios9734 11 місяців тому

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

  • @saiyamarora3788
    @saiyamarora3788 3 роки тому +4

    Very good Video :)
    Your videos are really helpful :)

    • @PythonSimplified
      @PythonSimplified  3 роки тому +1

      Thank you so much Saiyam! I'm always happy to help! 😁😁😁

  • @lenapham9377
    @lenapham9377 Рік тому

    Great teacher, wish you all the best!

  • @pulsarasandeepa
    @pulsarasandeepa 2 роки тому +1

    Your content is great and simply explained💕

    • @PythonSimplified
      @PythonSimplified  2 роки тому +1

      Thank you so much! I'm super happy to help! 😃
      BTW, have you seen my recent Flask tutorial where we combine an SQLite database in our app?
      you can check it out here: ua-cam.com/video/v3CSQkPJtAc/v-deo.html
      It's a grocery list application and it's a really fun project, especially if you're into web development 😉
      I really hope you like it!

    • @pulsarasandeepa
      @pulsarasandeepa 2 роки тому

      Yeah definitely, I am learning to build a web app using sqlite db by watching your tutorials. Your tutorials are very interesting🎊️🔥

  • @nicosaavedra82
    @nicosaavedra82 2 роки тому

    Thanks!! i did it!! so happy!

  • @mindfreaksaad
    @mindfreaksaad 3 роки тому +1

    This is a fantastic guide. Thanks!

  • @01ALPHA
    @01ALPHA 3 роки тому +4

    This was so helpful thnx!

  • @xst-k6
    @xst-k6 Рік тому +1

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

    • @PythonSimplified
      @PythonSimplified  Рік тому

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

  • @frg3309
    @frg3309 2 роки тому +2

    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
      @PythonSimplified  2 роки тому

      Checkout my Anaconda tutorial to set up the exact same environment I have, both with Linux and Windows: 😃
      ua-cam.com/video/MUZtVEDKXsk/v-deo.html
      Good luck! 😊

    • @frg3309
      @frg3309 2 роки тому

      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