Full Stack Web App using Vue.js & Express.js: Part 7 - Wrapping Up
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
YesImHere
Cody, with all due respect (I am truly enjoying this tutorial series) I was wondering if your returned bookmark data could be modified. It appears to me you're trying to make the data cleaner which I agree with 100%. However, you're including the tab and lyrics, etc where they are not needed. And, if the user has a bunch of bookmarks and a slow connection (or is paying for data) that can always be a problem. So, I modified the map statements a little:
.map(bookmark => bookmark.toJSON())
.map(bookmark => _.extend(--,-
bookmarkId: bookmark.id,
songId: bookmark.Song.id,
title: bookmark.Song.title,
artist: bookmark.Song.artist
Now you only get the actual information you need. What do you think?
Thanks again!
reply
Cody, with all due respect (I am truly enjoying this tutorial series) I was wondering if your returned bookmark data could be modified. It appears to me you're trying to make the data cleaner which I agree with 100%. However, you're including the tab and lyrics, etc where they are not needed. And, if the user has a bunch of bookmarks and a slow connection (or is paying for data) that can always be a problem. So, I modified the map statements a little:
.map(bookmark => bookmark.toJSON())
.map(bookmark => _.extend(--,-
bookmarkId: bookmark.id,
songId: bookmark.Song.id,
title: bookmark.Song.title,
artist: bookmark.Song.artist
Now you only get the actual information you need. What do you think?
Thanks again!
reply
Juan
Thanks man, very useful!-
You go very fast BUT that works great for me. I decide whether if I want to stop for a minute or rewind a bit. I hate slow repetitive tutorials because I can only sit and wait, and then I get distracted. This is better for me.-
I liked the debugging bits because even if I was writing right along side you, sometimes I made typos. But since I saw you debugging, I knew how to look for my errors. So that was good too.
The only thing I'd have to say is that for someone who's just starting with these, going back and forth when you decide to go in a different way and start deleting what we wrote sometimes made me lose sight on what we were doing. Maybe a little more planning.
Other than that, 10/10.
reply
Thanks man, very useful!-
You go very fast BUT that works great for me. I decide whether if I want to stop for a minute or rewind a bit. I hate slow repetitive tutorials because I can only sit and wait, and then I get distracted. This is better for me.-
I liked the debugging bits because even if I was writing right along side you, sometimes I made typos. But since I saw you debugging, I knew how to look for my errors. So that was good too.
The only thing I'd have to say is that for someone who's just starting with these, going back and forth when you decide to go in a different way and start deleting what we wrote sometimes made me lose sight on what we were doing. Maybe a little more planning.
Other than that, 10/10.
reply
Justin
Just completed this (late 2018). My only minor hang up was needing to pull in Sequelize.Op in the songs controller for the search query but everything else worked as it did when you posted this a year ago. This was my first experience with any front-end framework and I learned a ton. I thought it was great that you incorporated a bunch of different packages (although I don't care for Sequelize) and I did appreciate seeing you do some debugging. Great, well rounded tutorial. So over a year later, thank you!
reply
Just completed this (late 2018). My only minor hang up was needing to pull in Sequelize.Op in the songs controller for the search query but everything else worked as it did when you posted this a year ago. This was my first experience with any front-end framework and I learned a ton. I thought it was great that you incorporated a bunch of different packages (although I don't care for Sequelize) and I did appreciate seeing you do some debugging. Great, well rounded tutorial. So over a year later, thank you!
reply
Matrim
This was a good series. Watching debugging is always good. Because Express can be used to deploy to production, I'd like to see that rather than see you publish to digital ocean. I believe Vue rolls an express server during dev. Does a new one need to be rolled just to house the Vue code, or can it be combined with the server you already made? If the former, do you need to duplicate the authentication code on the new express app, or can you leaver it where it is? And what about adding TLS?
reply
This was a good series. Watching debugging is always good. Because Express can be used to deploy to production, I'd like to see that rather than see you publish to digital ocean. I believe Vue rolls an express server during dev. Does a new one need to be rolled just to house the Vue code, or can it be combined with the server you already made? If the former, do you need to duplicate the authentication code on the new express app, or can you leaver it where it is? And what about adding TLS?
reply
RTW590
He mentions that we persisted the state to local storage, but I did not find him doing this anywhere in the videos. Am I missing it somewhere or is it actually not shown in these videos?
I checked the github file and I do see -import createPersistedState from 'vuex-persistedstate'- and some middleware in the store.js file. Is there anything else that needs to be done other than installing this package and adding this code to the store.js file?
reply
He mentions that we persisted the state to local storage, but I did not find him doing this anywhere in the videos. Am I missing it somewhere or is it actually not shown in these videos?
I checked the github file and I do see -import createPersistedState from 'vuex-persistedstate'- and some middleware in the store.js file. Is there anything else that needs to be done other than installing this package and adding this code to the store.js file?
reply
Olatunbosun
Great tutorial, I loved the debugging aspect, plus, although, quite outdated due to updated binaries, it was still fun trying to troubleshoot failures due to upgraded or depreciated binaries. As a take-home, I was able to create metas for the protected routes using the $store parameters to redirect users to the login page with a message prompting that they have to log in in order to view that resource. Fun stuff....
reply
Great tutorial, I loved the debugging aspect, plus, although, quite outdated due to updated binaries, it was still fun trying to troubleshoot failures due to upgraded or depreciated binaries. As a take-home, I was able to create metas for the protected routes using the $store parameters to redirect users to the login page with a message prompting that they have to log in in order to view that resource. Fun stuff....
reply
AliveAgain
I'm trying to figure out how to implement -delete- functionality for items. I got the front end part working (items disappear), just can't seem to get my request part right for the backend (remove row from database). Any help would be greatly appreciated!
reply
I'm trying to figure out how to implement -delete- functionality for items. I got the front end part working (items disappear), just can't seem to get my request part right for the backend (remove row from database). Any help would be greatly appreciated!
reply
Hosein
good job. I ejoyed your video but the part I did not like was that you did not use a real database like mongo db and used an abstract mocked database which was really confusing. I wouldn't do that if I were you! but in overall I give you a big thumb. thanks
reply
good job. I ejoyed your video but the part I did not like was that you did not use a real database like mongo db and used an abstract mocked database which was really confusing. I wouldn't do that if I were you! but in overall I give you a big thumb. thanks
reply
Desegni
Congratulations for the tutorial! Very userful to me to start on VueJs. I spent the whole week to complete the videos instructions, but every day I got the features you've implemented working and It's very nice! Thanks.
reply
Congratulations for the tutorial! Very userful to me to start on VueJs. I spent the whole week to complete the videos instructions, but every day I got the features you've implemented working and It's very nice! Thanks.
reply
Leo
Hey Cody just watched this tutorial it was a great learning experience. Is there a tutorial too where you use google authentication during Login? If theres not hope that you can still update this tutorial on part 8
reply
Hey Cody just watched this tutorial it was a great learning experience. Is there a tutorial too where you use google authentication during Login? If theres not hope that you can still update this tutorial on part 8
reply
Add a review, comment
Other channel videos
