Vue.js: Creating and Hosting a Full-Stack Site

Vue.js: Creating and Hosting a Full-Stack Site

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 3h 46m | 771 MB


Do you have Vue.js front-end capabilities, but lack familiarity with the server side? Would you like to develop the skills needed to build full-stack applications? In this course, instructor Shaun Wassell helps you enhance your development tool kit by showing how to leverage your existing Vue.js skills to build a full-stack ecommerce site. Shaun guides you through the process, showing how to use Vue.js to build a simple front end; Node.js and MongoDB to construct the back end; Axios to communicate between the front and back ends; and finally, Heroku to take it live. Along the way, learn how to work with different tools and frameworks to correctly configure your site, including Postman and Express.

+ Table of Contents

1 Create and host a full-stack site with Vue.js
2 What you should know
3 Install Node.js and npm
4 What to expect from this course
5 Why Vue
6 Set up and run a Vue project
7 Vue project structure
8 Routing in Vue
9 Add data, styles, and images
10 Create a product page
11 Create a product detail page
12 Create a shopping cart page
13 Create a navigation bar
14 Create a 404 page in Vue
15 Use modular components
16 Challenge Modular components
17 Solution Modular components
18 Why Node.js
19 Set up an Express server
20 Test servers with Postman
21 Route parameters in Express
22 Get data from a server
23 Use Nodemon to restart a server
24 Create and delete server data
25 Why MongoDB
26 Download and install MongoDB
27 Add MongoDB to a Node.js server
28 Add MongoDB to GET endpoints
29 Create data in MongoDB
30 Delete data in MongoDB
31 Introduction to the axios library
32 Load data from the server, part 1
33 Load data from the server, part 2
34 Add items to the shopping cart
35 Improve the add-to-cart interface
36 Remove items from the cart
37 Challenge Item already in cart
38 Solution Item already in cart
39 The release process
40 Build and serve a Vue front end
41 Set up Heroku and MongoDB
42 Use environment variables in Heroku
43 Push code to Heroku
44 Next steps