/vue3-tutorials

This project contains a Vue3 tutorial that covers topics such as Vue-Router, VDom, Attribute Binding, Components, Vuex, Authentication, Fake API with Service Operations, and Socket.io usage. It also includes a sample application called BookLike.

Primary LanguageCSS

Vue3 Tutorial

This project contains a Vue3 tutorial that covers topics such as Vue-Router, VDom, Attribute Binding, Components, Vuex, Authentication, Fake API with Service Operations, and Socket.io usage. It also includes a sample application called BookLike.

Getting Started

To follow this tutorial, follow the steps below:

  1. Clone the repository to your machine.
  2. Navigate to the project directory: cd vue3-tutorial.
  3. Run npm install to install the required dependencies.
  4. Start the project by running npm run serve.
  5. Go to http://localhost:8080 in your browser.

Features

This Vue3 tutorial includes the following features:

  • Vue-Router: Provides navigation functionality between different pages and routes.
  • VDom: Performs efficient and performant UI updates using Virtual DOM.
  • Attribute Binding: Enables dynamically binding attributes to HTML elements.
  • Components: Splits the UI into components for modularity.
  • Vuex: Manages state for large-scale applications.
  • Authentication: Handles user authentication and authorization processes.
  • Fake API with Service Operations: Teaches data exchange with a fake API using Axios.
  • Socket.io Usage: Uses Socket.io for real-time communication.

BookLike Application

This tutorial comes with a sample application called BookLike. BookLike is a book library application where users can search, list, access details, and add to their favorites lists. The tutorial covers the step-by-step development process of the BookLike application.

Contributing

We welcome contributions of any kind (bug fixes, new features, documentation, etc.). Please submit a pull request to contribute.

License

This tutorial is inspired by Tayfun Erbilen's #Vue3 Bootcamp course.

To watch Tayfun Erbilen's #Vue3 Bootcamp course, click here.