Python & JavaScript Web Development [ Flask & VueJS Full Stack ]

Join Django & Django REST Framework Course in Udemy

In this course we are going to learn about Python & JavaScript Web Development [ Flask & VueJS Full Stack ], we are going to build our backend rest api in Flask and after that we integrate that with VueJS.

Join My Skillshare Courses

Support my works on Patreon:

Table of Content For Flask & VueJS Full Stack

1: Course Introduction = 00:00:00

2: Flask Installation = 00:02:48
3: Creating Flask Application = 00:05:54
4: Flask SQLAlchemy Setup = 00:10:08
5: Creating Routes = 00:16:47
6: VueJS Installation = 00:34:19
7: VueJs Navbar = 00:39:35
8: VueJS Routers = 00:44:42
9: VueJS & Flask Fetching Data = 00:56:09
10:VueJS & Flask Fetching Details = 01:05:56
11:VueJS & Flask Adding Data = 01:17:26
12:VueJS & Flask Deleting Data = 01:28:24


Python & JavaScript Web Development [ Flask & VueJS Full Stack ]
Python & JavaScript Web Development
Flask & VueJS Full Stack
Python
Flask
JavaScript

#Flask#VueJS#FullStack

[ParwizForogh]

You can support me in Patreon

Like Python Coders Facebook Page

[christianhelwig]

Thank you for this well done tutorial. Help me out with a work project. We are moving our backend from PHP to Python. Thank You Parwiz.

[jeffreyfan]

Thanks for your video.
I'm learning flask and vue.js recently and it help me a lot!!!

[eltorren]

Do we run command "vue create frontend" in virtual environment??
Becaue when i run this command in virtual environment I'm getting an error
thanks

[tranluutu]

Thank you, this lesson is very helpful for me

[Patrick-hlwp]

thanks veru much, this tutorial is super awesome!

[devpusama]

Thank you very much. It helps me in my project a lot.❤

[shrihanscreativeworld]

Excellent content for Flask with vuejs . I am trying to implement login/authentication functionality with Flask/ vue js /postgres but not getting anything to refer.

[zulfiqar]

I'm dot net developer for Winforms. In my office, I'm asked to work for 'Sales Reorder' page through Web. I'm new to Web.. Which should i choose for frontend and backend to start? Also, Which has better job opportunities? I'm so thankful if you help me..❤️

[ffgaming]

THANKS 🌹
Which database will suit for this!???

[IshikaMinocha]

Is the code showed in video avaiable on git hub?

[yichengliu]

I'm also using flask and vue for full stack

[tarangsuri]

Can someone provide code for above video...

[zedrobot]

Awesome video as always can u make a tutorial on how can we deploy this app to heroku or any other service there is no tutorial on how to on YouTube thanks cheers 💜

[kanuwebmedia]

Please sir react and flask app video please 🙏🙏🙏🙏🙏🙏

[rogersealy]

*Browser Console Error*

Hi Parwiz, Great job. I did the full project and everything works well with the UI, however I am getting a problem in the Firefox Console being reported:
"Uncaught (in promise) Error: Missing required param "id"....

I narrowed it down to this section of the code '{id:article.id}' from the line "<router-link :to="{name:'articleEdit', params:{id:article.id}}" class="btn btn-success mt-3">" which is in the file "ArticleDetails.vue". In the video, you can see the line above at the point 1hr 34min and 20 seconds.
When I add this line "<h6>*TEST* Article ID: {{article.id}}</h6>" before the line above it displays OK (no additional error in the Console) and also when I change "id:article.id" to "id:10" I get no error at all reported in the console.

Note:
(1) To be clear, although I am getting this error in the console, I am still able to click the Update button and perform an update.
(2) The Chrome Browser gives me this error:
Uncaught (in promise) Error: Missing required param "id"
at Object.stringify ...

Can you (or another Vue Expert) please help me with what is causing the problem?

Thanks