Flask Full Course: Build Stunning Web Apps Fast | Python Flask Tutorial

[@codewithjoshoffical]

👉 Join my Weekly Python Newsletter, Free: thenerdnook.substack.com ----- or show your support for my work with more content ----- 💥 20% Lifetime Discount for Premium Readers: thenerdnook.substack.com/cba05200

[@moyocnenongnanananana854]

What a gem I'm frustrated on some tutorials here in yt that are outdated and then this comes out....what a saver I'm watching these to build my thesis's app....Thank youuu

[@codewithjoshoffical]

My teaching style is different. I hope it helps out!

[@NSA.]

Not only that they don't go in depth

[@ShaikhRehanShakil]

I followed your tutorial, and it really helped me learn how to perform CRUD operations in Flask. Thank you very much! The way you explained the concepts was very clear, and I really appreciate your teaching style. Thank you for taking the time to make this video and for offering it for free to everyone. May God bless you!

[@codewithjoshoffical]

wow thanks for the kind words, happy to have your here and I'm glad you got value from this video! 😁

[@TheAdventureOfLife]

Thanks for all the time you put into these ✌🏼. Your way of teaching has helped a lot

[@codewithjoshoffical]

I’m glad you’re getting value from these videos 😁

[@TheHustleQuest_1.0]

this is the only flask course i have ever watched that actually helps me understand it. i love your teaching style thanks!

[@codewithjoshoffical]

I genuinely appreciate this! I'm glad you got value and finding my teaching style helpful. Keep up the great work 😁

[@KashfiFahim]

LETS DO IT! LETS CRUD IT UP!

[@codewithjoshoffical]

Hahaha 🤣

[@DonaldGrimwood]

Much Love.. the way you teach is amazing.. ive never completed any Python beginner video, your python crash course is thr first course, i ever finished, i love your style of teaching.. you break everything down.. not too fast, not too slow.. excellent video

[@codewithjoshoffical]

Thank you for your kind words, I’m glad it was a pace you could follow and understood! 😁

[@SteventheFitNomad]

Man! Best tutorial ever. Love your energy, you have what I call teaching charisma!!! Makes me wanna learn more. Keep these super detailed videos coming please!!!

[@codewithjoshoffical]

Absolutely, thanks for being here! I’m glad you liked it 😁

[@ultimatesound8515]

This was great 👍 I really liked that you used scss. That was new to me

[@codewithjoshoffical]

Thanks 🙏🏼. Also yeah, sass is a lot of fun! Easier for me to visualize thinking of them as divs

[@ChoiceKunthani-gz8cy]

You cannot get tired watching this tutorial. great

[@codewithjoshoffical]

Thanks! 😁

[@HOYLAMP]

Wow! Wanted up-to-date Flask tutorial and this video of yours popped up! Thank you!

[@codewithjoshoffical]

I’m glad you’ve found good value here. Thanks!

[@HOYLAMP]

@@codewithjoshoffical This is the first course I have ever finished! I love your teaching style and your enthusiasm.

[@johnbain4042]

Thanks for creating this, great simple no-nonsense tutorial 👍 I learned a lot and subscribed.

[@codewithjoshoffical]

Hey John! Happy to hear you’ve enjoyed it, thanks!

[@eamonns3030]

NOW I understand it!!!! Thank you Josh for explaining it in a way that I can easily absorb and now understand it. Keep up the good work.

[@codewithjoshoffical]

Glad to hear this, and thank you! You keep it up too 😁

[@fabiansuarez7934]

Excellent tutorial! congratulations from Buenos Aires. Even I understand english language a few, I can catch concepts you tell. Very concise and with no distractions. Thanks!

[@codewithjoshoffical]

I’m so glad you got value and found it helpful! 😁

[@arivolis]

Great tutorial. The teaching style is very simple and straight , not more not less... thank you for your help!

[@codewithjoshoffical]

Thank you! One thing I’ve learned from teaching over the years is not to add too much. It becomes overwhelming, you’ll naturally pick up more with practice!

[@khlfff2]

Just in time man, you're the best. If you keep putting stuff out like this i'm sure you'll blow up. Expected way more subs, you deserve way more for this quality. Could you do a jinja2 tutorial?

[@codewithjoshoffical]

Thanks for your support 🙏. I'm glad you found value in this! And I like recommendations, I'll add this to my idea board, Jinja!

[@D-13SAISATWIK]

Was searching for up to date tutorials and found you. Thank you. Please make some advanced projects with Flask so that it would be very helpful and reach to many people.

[@codewithjoshoffical]

Hey there. Thank you! I’m glad you found value 😁 What would you like to see as you mentioned “advanced projects”? Are there topics within flask you’re struggling with?

[@Highmayy]

This was an amazing tutorial. Thank you for helping me make my first CRUD... app.

[@codewithjoshoffical]

Happy to help you crud 😆

[@normaliz3]

We need more Flask videos from you :) You are doing a very good job :D

[@codewithjoshoffical]

Thank you so much! Have you seen my Flask User Authentication videos? User Authentication ~ kzbin.info/www/bejne/fKOVfquKbrJjjJY Login with Google ~ kzbin.info/www/bejne/rZTXdZmgrZmrf9k What flask topics would you like to see on the channel?

[@normaliz3]

​@@codewithjoshoffical I will look into them :) Well, I would like to see modular applications with Blueprints :) Maybe the use of MySQL or PostgreSQL, where I think PostgreSQL is the best option since there is better documentation, and if you are trying to search for an answer, you will most of the time get an answer in PostgreSQL instead of MySQL. Alternatively, you could go for Flask with a Backend as a Service (BaaS). You could use Flask with Appwrite, Supabase, or PocketBase. Anyways keep up the good work :D

[@normaliz3]

@@codewithjoshoffical Well, I would like to see modular applications with Blueprints :) Maybe the use of MySQL or PostgreSQL, where I think PostgreSQL is the best option since there is better documentation, and if you are trying to search for an answer, you will most of the time get an answer in PostgreSQL instead of MySQL. Alternatively, you could go for Flask with a Backend as a Service (BaaS). You could use Flask with Appwrite, Supabase, or PocketBase.

[@ramireddyvarun26]

looking forward to this after finishing your Python course Josh! Time to crud! :)

[@codewithjoshoffical]

Haha, that's right. Time to CRUD, happy to have you here! 😁

[@GatoGordoSocialClub]

Smashed the like and subscribed. gr8 tutorial, my dude.

[@codewithjoshoffical]

Legend ✌🏼. Thanks my bro, let me know what other videos could help you out and I’ll try to get something out together with time

[@aasthamehta1149]

love ur energy, sir. thank u!!

[@codewithjoshoffical]

Absolutely, glad you got value!

[@amal7411jo]

Great way ahead bro ...! awesome content

[@codewithjoshoffical]

Thanks a ton!

[@infuse_keepingyouinformed]

This one is a very good tutorial....Keep uploading more bro

[@codewithjoshoffical]

Thank you so much! Turn on them notifications for the new video for tonight, we are going to add authentication to this project 😁

[@ashishkamat7337]

Hey instead of making website in flask can I make a rest api from flask and use react for clients side?

[@orcaboorish]

thank you so much, I'm really depending on you channel for python

[@codewithjoshoffical]

Happy to hear that! Enjoy the episode 😎

[@xkdla527]

Hi Josh, this was so helpful, thank you. Just wanted to give some feedback on the video editing. The video cuts to fullscreen cam when you aren't actively doing something, which makes sense in theory, but what that meant for me is it would cut away as I was reading what you just typed and when I wanted to go back and see it was frustrating because sometimes it would only show for a split second and I would pass by it again. Thanks again

[@codewithjoshoffical]

Hey there 👋. I’m glad you found value in my course! Additionally this is good feedback, I’ll note this moving forward and can see where you’re coming from! 😁

[@elquequieredarsuopinion5372]

Thank you so much fot this course, it really help me and it´s very good

[@codewithjoshoffical]

I'm glad I am able to help, thanks for being here! 😁

[@cbacca2999]

I'm glad you talk and type a bit slower so I can type things in. It would be nice if you had a whole zip file with all the files and the correct directory structure since I made a mistake and put the "static" dir under "templates" when it should have gone under my program dir called "Flask1". So the directory structure we have so far (I'm not done with the tutorial) is: Flask1\ Flask1\instance\database.db Flask1\templates\ Flask1\static\

[@codewithjoshoffical]

Noted, I believe I attached my GitHub repo, let me know if you have issues finding it! I teach in person, have done so for a long time now. That’s probably where me slowing down comes from 😆 Anyways your file structure looks good, your Python file should be there too, stand-alone not inside any other folder expect Flask1

[@bbarnett4213]

@@codewithjoshoffical Thanks I found your github repo towards the bottom of this video's description.

[@ProfessorPB21]

Hey Josh. For some reason my scss module is not working at 16:02. I installed the sass extension as well but I'm still getting the error. "ModuleNotFoundError: No module named 'flask_scss". What steps can I take to get past this as I wish to use Scss in my project.

[@codewithjoshoffical]

In the description of the video is installation steps. Follow those then restart VS code

[@ProfessorPB21]

@@codewithjoshoffical I did what the description said and restarted vs code but I’m still getting the same error

[@dilipkn7339]

how to make continues integration? Let me brief you, On changes made to the repository in GitHub the code should be pulled every time in the pythonenywhere console. Is there a way to auto effect the changes in deployment repository without git pull everytime in console?

[@tenpennygaming3427]

Awesome Channel!

[@codewithjoshoffical]

Thank you! 😄

[@Zannepah]

okay another problem it seems my code in styles.scss is not being complied to my styles.css automatically just like yours because the changes I'm making are not reflecting at all but if I write the code directly to my styles.css it reflects immediately

[@OKm525]

Mine toooo

[@africatdocs]

Hi Josh, i am experiencing errors in activating the venv. I am using a windows PC and source doesn't work in windows. Please can you help with the windows version of this section. Awaiting your prompt feedback

[@codewithjoshoffical]

You can try my video here: kzbin.info/www/bejne/r4TOYWyEgNqno5o

[@africatdocs]

@@codewithjoshoffical Thanks Josh, I was able to figure it out. For windows, the command is Scripts/Activate.Ps1

[@iaroslavdavydiak6439]

Very awesome explanations. That is a great course🤩🤩🤩

[@codewithjoshoffical]

Thank you! I’m glad you’re finding value in the course 😁

[@KishuSingh-re7cu]

hey on deploying how are you creating the virtual env and whhat should i type there

[@lutherisaboke8672]

Hi JOSH, could you provide the git repository for this... Understanding flask seemed almost impossible until I stumbled on your channel... I really loved this tutorial ❤

[@codewithjoshoffical]

Thank you, I’m glad you’re getting value! There will be more to come, for now you can check out the other Flask episode I have out too! Repo - github.com/Joshwen7947/flask-crud-application

[@isaacreyes7563]

sass isn't working for me. Tried getting the sass extension but the watch option doesn't show up at all. Also looked at documentation which tells me to add the assets and static folder locations when calling the function. Still nothing. Only answer related to the issue on stackoverflow is to use absolute paths and reload the page. Didn't work. Going to restart and pray that the extension works. Else guess I am moving on without sass. Got it working. Had to get a different extension for it to work: sass live compiler.

[@codewithjoshoffical]

Check out the description to this video, I included steps there for you to get Sass on your system! 🚨 ISSUES WITH SASS? Step One - Open VSCode Editor and Press ctrl+P Step Two - Type the following: ext install glenn2223.live-sass

[@isaacreyes7563]

@@codewithjoshoffical Ah, I see it now. Thanks.

[@davidmoore2699]

I was having trouble, followed the directions and then noticed the enable (workspace) button on the SASS extension page. Clicked that and everything works

[@opkp]

wanna learn more about using jinja

[@codewithjoshoffical]

We could do something about that!

[@fabiomeier]

I tried following the tutorial, but it just does not seem to work. The SCSS part behaves different for me. I installed the CS Code exentension and created the styles.scss. But nothing popped up at the bottom, even after i restarted VS Code. Therefore the "wheat"-background color does not get applied, becazse i got no styles.css. How to get the extension to create the styles.css and the styles.map? How to do it manually? You just presumed it works, but it sadly doesn't for me.

[@codewithjoshoffical]

There is no CS code extension. I provided the steps in the description of this video or you can try the live SASS extension too.

[@ubaidalishah6569]

And you are the one who is just uploading the new content on flask all others are old flask videos so do some advance projects in it we really want to see❤

[@codewithjoshoffical]

Thank you! Glad you like the video

[@MuhammadBilalRaza-s2w]

please make more tutorials on projects related to python with django framework, flask, restAPI, ci/cd , dockers aswell. it will be really helpful

[@codewithjoshoffical]

Currently in the process. For now here bootstrap in flask - kzbin.info/www/bejne/a3a4gKmOn8abgrs

[@Zannepah]

haven't even went deep learnt a really useful thing already( venv )

[@codewithjoshoffical]

Thanks! I’m glad you’re finding value 😁

[@MrPillup]

Just to let you know, when I tried using ""//color variables"" and "'$primary-color: #007bff;"' it did not work. But I change to /*color variables*/ and use a :root{--primary-color: #007bff;} and call the variable with var(--primary-color), the color will work. I am not sure what is going wrong. But your content is superb. Thanks for sharing.

[@MrPillup]

Ah, I see what I missed. I am using CSS instead of CSS. However, when I try to create styles.scss, I do not see a style.css.map created in static. And when I shifted all the code from CSS to CSS, the style was gone. What should I do now?

[@codewithjoshoffical]

Hey there, did you read the description to the video? I included two steps that are crucial for setting up sass. You need to install an extension on VS code, the mapping from your scss to css file should be done automatically if the extension is set up correctly

[@maxfrischdev]

What's with that time-jump at 22.20 or so where you were going to start creating the HTML structure and then suddenly it's done? 😅 (Not that I can't type "! tab", just curious 🙏🏻☺️)

[@codewithjoshoffical]

I’ve checked your time reference, I’m not coding at 22:20 but if you are referring to the HTML just before then VS code has a html template you can use. Just start typing “html” on an empty html file then click the “html:5” in the box. It creates a boilerplate automatically so we don’t have to type all that out 😁

[@Online_store_finds]

At 19:25, I can't see the "watch scss." Please help me. I have done what you have said up to this point.

[@codewithjoshoffical]

Did you check out the description in the video? I included the steps to set up sass/scss

[@Online_store_finds]

@@codewithjoshoffical thank you, and sorry i didn't noticed it

[@patrickdeplanter2485]

Great tutotrial, but I wonder where is the table name defined?

[@codewithjoshoffical]

Hey there, thanks for being here and your question! So firstly great question, since there is no table name since there is only one table. I didn’t name it. As we know our database is like a “spreadsheet”. A spreadsheet can have multiple tables. Sheet 1, Sheet 2, etc. Since there’s only one table that defaults to Sheet 1 so there wasn’t a need to make a table. If our database was more extensive with more than one model, then yes. I should be creating a specific table for each Hope this answers that question 😁

[@Zannepah]

hello code with josh i installed the saas extension but i couldnot find watch saas at the buttom of my code hope no problem

[@Zannepah]

althoughh I figured what it did was create some CSS files so I did the same we good right ?

[@codewithjoshoffical]

Did you read the description in the video? Along with the extension you need to install as well

[@Zannepah]

@@codewithjoshoffical Oh my bad I installed it now and I can now see watch saas and it is connected to css too but it is still not reflecting on the app the changes i made like background and stuff

[@Zannepah]

it is working noow i fixed it after 5 hours lol it was just some stupid spacing bug in inheriting html files

[@brandinghunter3627]

Can you create more flask videos. There are hard to find on youTube

[@codewithjoshoffical]

Because you asked, you shall receive. I absolutely can with time. Is there a Flask topic you’d like to see or that you struggle with?

[@brandinghunter3627]

@@codewithjoshoffical If it's up to me everything. From user authentication, session management, file upload etc. Thanks for the reply

[@Dolvid]

Hey Josh. I'm enjoying your course. I'm having trouble accessing your free Python & Git guide. After doing a search I'm sent to a link that says, "This link or QR Code has been deactivated". Is it no longer available?

[@codewithjoshoffical]

Hi there, I just tried the link and it does work. I guide comes with my free python newsletter. You should have gotten a welcome email, in the welcome email near the bottom is "Bonus Freebies" which is the link to all the guides I made for you! Additionally if you are still having troubles you can go to my blog and click the "Free resources" link right on the homepage. Blog - thenerdnook.substack.com I hope this helps!

[@Dolvid]

@@codewithjoshoffical Thanks for your response. I got your guides!

[@matttwt123]

When i do return render_template("index.html) and i refresh the page the page turns blank.

[@codewithjoshoffical]

Well if the comment is the same as your code then you forgot your closing quote: render_template(“index.html”) Otherwise you should check to make sure you’re inheriting your base.html template correctly And finally try turning off the server and restarting it. Hope this helps some 😁

[@sarthaksharma3659]

Thanks for the help.

[@codewithjoshoffical]

Absolutely, glad you found value! 💯

[@ivanyosifov2629]

Hello great tutorial. Please for future videos increase the font size. Thank you.

[@codewithjoshoffical]

Thank you and heard ✅

[@deepakpingoria4107]

yeh bro this is so cool . thankyour for the video..

[@codewithjoshoffical]

Thank you! Glad you liked it 😁

[@not_amanullah]

This is helpful ❤

[@codewithjoshoffical]

Glad you found value in this!

[@kandrugouthami8910]

Hi i am new to your channel just subscribed, your videos are very helpful.thanks a lot .. Can you please provide more videos on flask like blueprint, custom errors handlers, pagination and domain etc..

[@codewithjoshoffical]

Thanks! I sure can, give me some time and I’ll put some more out 😁

[@kandrugouthami8910]

Thanks..

[@sandangmakmur4475]

Can you make with python flet

[@codewithjoshoffical]

Yes, ideally we could do that. Flet isn’t something I’ve worked with a whole lot in the past. Is this something you’d like to see on the channel?

[@sandangmakmur4475]

@@codewithjoshoffical i want to make mobile app with python. You know there is lot of tutorial for flutter and react native. It seem that flet is flutter is python version. I believe it Will help a lot many developer students.

[@rayanearaujo6448]

THANKYOU SO MUCH THANK YOU FOR THIS VIDEO

[@codewithjoshoffical]

Absolutely 💯 I’m glad you’ve liked it!

[@aisandboxmusic]

In MyTask complete field couldn't be boolean?

[@mugomuiruri2313]

good.where from?

[@codewithjoshoffical]

Originally from the US. Where are you coming in from?

[@ubaidalishah6569]

Hey josh you are really nice tutor can you please continue this flask series and make some mega projects using flask please like chatbot integration, e-commerce website,realtime chat application like these types of mega projects please it would help a lot❤️❤️

[@codewithjoshoffical]

These are some great ideas here, I can start working on a few 😁

[@ubaidalishah6569]

@@codewithjoshofficalgreat to hear about that❤️

[@suleimananwar3702]

Hİ Josh thanks for the tutorial, I have a problem which is that the template was not found the first time I ran the code everything worked perfectly but now every time I run the code I am facing the same problem when I try the template_folder it works but it won't apply the styling so I tried adding the static_folder. Still, it takes only one path and I have multiple css js image font folders. Since I am not the one who made the front end I don't mess the order of the folders. Still, clearly, there is something wrong because as I said earlier the code executed the first time with no problems but now it's giving me this problem, I tried to search for the solution and solve it by myself but I couldn't ;( so I would appreciate your help. Thank you and sorry for my terrible English:)

[@codewithjoshoffical]

I’d clone my code and take a look at what you have. It’s probably just a simple spelling mistake. Repo: github.com/Joshwen7947/flask-crud-application/tree/main

[@not_amanullah]

Thanks ❤

[@mnikhil8491]

{% extends "base.html"%} {% block head %} {% endblock %} {% block body %} this is also getting printed in the webpage can anyone help me with that?

[@codewithjoshoffical]

There shouldn’t be a head block. You should try to remove those and just keep the body block and endblock

[@mnikhil8491]

@@codewithjoshoffical but it still didnt work

[@HikmetDemirci-l9y]

Hi Josh Excellent course, learned a lot and love your work, but I've noticed you are quiet chaotic with your actions. Try to verbalize what you are doing before you do it. It is really difficult to follow sometimes. Avoid doing unnecessary steps as well just create the damn files directly in the folders. 😂😂

[@codewithjoshoffical]

Noted. Thanks for the feedback. I’m glad you’re finding value in the course!

[@hlubradio2318]

dude we don't use source in Windows

[@hlubradio2318]

hey Josh it's really hard to listen to you using your mic because it sounds like you are in an auditorium. Please use the mic in front of you next time. thanks fyi

[@codewithjoshoffical]

Well noted, thanks for the insights!

[@SlavaThereshin]

Dji mic, stat!

[@SlavaThereshin]

Foam panels, too, to kill the echo.

[@codewithjoshoffical]

Send one my way 😆

[@Martin4Mary4Ever]

Dude, stop Joshing me!

[@codewithjoshoffical]

I don’t know if I can… 😆

[@PowellRandolph-k4c]

Robinson Karen Davis John Williams Donna

[@mineln97]

would be nice if you didnt say the same joke 4 times within 3 minutes

[@siddharthamitra918]

sqlite3.OperationalError: no such column: todo.content dude im getting this error can you help?

[@codewithjoshoffical]

I'd try two things here, one it sounds like you did not create a "content" field within the Model. In the model you should have id, content, completed and date_created. If the error continues, I'd delete your database and restart the app. it could me a migration bug

[@lucietee2296]

Very easy to follow

[@codewithjoshoffical]

I’m glad you thought so! Hope it helps 😎

[@zoi_is_messing_around]

❤

[@codewithjoshoffical]

Thanks!