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

Focused View

4:31:32

207 View

01 - Introduction

01 - Vue.js.mp4

00:40

02 - Codespaces.mp4

02:18

03 - What you should know.mp4

00:54

04 - Installing Node.js and NPM.mp4

01:26

05 - What to expect from this course.mp4

01:20

02 - 1. Creating a Vue.js Front End

01 - Why Vue.mp4

04:24

02 - Setting up and running a Vue project.mp4

04:34

03 - Vue project structure.mp4

05:31

04 - Creating application pages.mp4

05:19

05 - Routing in Vue.mp4

05:36

06 - Adding data, styles, and images.mp4

04:06

07 - Creating a products page.mp4

07:03

08 - Creating a product detail page.mp4

06:22

09 - Creating a shopping cart page.mp4

08:28

10 - Creating a navigation bar.mp4

08:12

11 - Linking to the product detail page.mp4

02:28

12 - Creating a 404 page in Vue.mp4

06:40

13 - Using modular components.mp4

06:17

14 - Challenge Modular components.mp4

01:03

15 - Solution Modular components.mp4

04:48

03 - 2. Creating a Node Back End

01 - Why Node.js.mp4

01:00

02 - Setting up an express server.mp4

08:52

03 - Testing servers with Postman.mp4

04:23

04 - Creating routes in Express.mp4

07:46

05 - Using nodemon to restart a server.mp4

05:53

06 - Creating server data.mp4

06:35

07 - Deleting server data.mp4

03:10

08 - Rewriting the shopping cart.mp4

07:07

04 - 3. Adding MongoDB to Your Back-end

01 - Why MongoDB.mp4

01:04

02 - Setting up MongoDB.mp4

06:13

03 - Connecting and adding data to MongoDB.mp4

07:42

04 - Adding MongoDB to a Node.js server.mp4

07:14

05 - Adding MongoDB to GET endpoints.mp4

06:53

06 - Loading individual products from MongoDB.mp4

04:53

07 - Creating data in MongoDB.mp4

05:54

08 - Deleting data in MongoDB.mp4

04:10

05 - 4. Connecting the Front- and Back-end

01 - Introduction to the Axios library.mp4

03:43

02 - Loading data from the server Part 1.mp4

09:29

03 - Loading data from the server Part 2.mp4

07:16

04 - Adding items to the shopping cart.mp4

06:57

05 - Removing items from the shopping cart.mp4

05:58

06 - Challenge Item already in cart.mp4

02:12

07 - Solution Item already in cart.mp4

04:44

06 - 5. Adding Authentication with Firebase Authentication

01 - Why Firebase Authentication.mp4

01:53

02 - Creating a Firebase project.mp4

06:31

03 - Sending Firebase Auth email links.mp4

05:43

04 - Logging in with an email link.mp4

06:23

05 - Listening for auth state changes.mp4

05:53

06 - Signing the user out.mp4

05:14

07 - Managing cart items with authentication.mp4

07:25

07 - 6. Hosting Your Site

01 - The release process.mp4

01:18

02 - Preparing the front-end for release.mp4

05:42

03 - Releasing the app.mp4

06:35

08 - Conclusion

01 - Recommended next steps.mp4

02:18

Description

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; add authentication with Firebase Authentication; and finally, how 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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Vue JS

Full Stack Web Development

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.