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

سرفصل های دوره

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.

01 - Introduction

01 - Vue.js

02 - Codespaces

03 - What you should know

04 - Installing Node.js and NPM

05 - What to expect from this course

02 - 1. Creating a Vue.js Front End

01 - Why Vue

02 - Setting up and running a Vue project

03 - Vue project structure

04 - Creating application pages

05 - Routing in Vue

06 - Adding data, styles, and images

07 - Creating a products page

08 - Creating a product detail page

09 - Creating a shopping cart page

10 - Creating a navigation bar

11 - Linking to the product detail page

12 - Creating a 404 page in Vue

13 - Using modular components

14 - Challenge Modular components

15 - Solution Modular components

03 - 2. Creating a Node Back End

01 - Why Node.js

02 - Setting up an express server

03 - Testing servers with Postman

04 - Creating routes in Express

05 - Using nodemon to restart a server

06 - Creating server data

07 - Deleting server data

08 - Rewriting the shopping cart

04 - 3. Adding MongoDB to Your Back-end

01 - Why MongoDB

02 - Setting up MongoDB

03 - Connecting and adding data to MongoDB

04 - Adding MongoDB to a Node.js server

05 - Adding MongoDB to GET endpoints

06 - Loading individual products from MongoDB

07 - Creating data in MongoDB

08 - Deleting data in MongoDB

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

01 - Introduction to the Axios library

02 - Loading data from the server Part 1

03 - Loading data from the server Part 2

04 - Adding items to the shopping cart

05 - Removing items from the shopping cart

06 - Challenge Item already in cart

07 - Solution Item already in cart

06 - 5. Adding Authentication with Firebase Authentication

01 - Why Firebase Authentication

02 - Creating a Firebase project

03 - Sending Firebase Auth email links

04 - Logging in with an email link

05 - Listening for auth state changes

06 - Signing the user out

07 - Managing cart items with authentication

07 - 6. Hosting Your Site

01 - The release process

02 - Preparing the front-end for release

03 - Releasing the app

08 - Conclusion

01 - Recommended next steps

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: LinkedIn Learning (Lynda)