The Vue 3 Bootcamp – The Complete Developer Guide

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

Learn to built frontend Vue 3 applications using Pinia, TypeScript, Supabase and the Composition API

1. Introduction

1. Introduction

2. A Little Bit of Setup

2. An Introduction to Vue

1. What is VueJS

2. Building the HTML Template

3. Styling Our App With CSS

4. Making it Functional With JavaScript

5. Creating a Vue App

6. Rebuilding the App in Vue

7. Vue vs Vanilla JS

3. Diving Deeper in Vue

1. Installing Needed Dependencies

2. Spinning Up a Vue Development Server

3. Some Important Terminologies

4. Creating HTML With Vue Templates

5. Styling Our App

6. Accessing Variables Within Our HTML

7. Adding Event Handlers

8. Defining Our Variable as State

9. Composition API vs Options API

4. Vue Directives

1.1 NotesApp.zip

1. App Overview

2. [OPTIONAL] Building the HTML and CSS

3. Conditional Rendering With v-if

4. Two Way Binding With v-model

5. Event Handling By Creating a New Note

6. Iteratively Rendering DOM Elements With v-for

7. The Importances of a Key

8.1 NotesAppFinal.zip

8. Adding Error Handling

5. Components and Props

1. App Overview

2.1 QuizApp.zip

2. [OPTIONAL] The HTML and CSS

3.1 data.zip

3. List Card Rendering

4. Watching For State Changes

5. Separating Our Code Into Components

6.1 QuizAppComponentsFinal.zip

6. Passing Data to Components via Props

6. Pages and Routing

1. Introduction to Routing

2. Creating a New App

3. Creating Two View Components

4. Adding Routing to Our App

5. RouterLink to Navigate Within the App

6. Styling the Active RouterLink

7. Pages With Dynamic Paths

8. Extracting the Path Params

9. The Powers of Nested Routes

10. Programmatically Adjust the Route

11. Adding 404 Not Found Pages

12.1 RouterVueLearningFinal.zip

12. Redirect Routes

13.1 RouterVueLearningFinal.zip

13. Routing Our Quiz App

7. Completing Our Quiz App

1. Quiz Page HTML and CSS

2. Separating Code Into Components

3. Passing Props to the Question Component

4. Listening to Changes With Watch

5. Computing Values With State

6. More Computing...

7. Passing Data From the Child to the Parent

8. Emitting an Event From the Child Component

9.1 QuizApp.zip

9. Completing the Quiz

8. Animations For an Interactive and Fluid App

1. Introduction to Vue Animations

2. The Transition Component

3. Animating When a Component Leaves

4. Conditional Rendering Animations

5. Building a Small App

6. TransitionGroup to Animate Multiple Elements

7. fdsfs

8. Animating the Other Cards Into Place

9.1 animation-final.zip

9. Routing Animations

10. Animating Upon Rendering

11. Lifecycle Hook of the Transition

12. Animation Styling With JavaScript

9. API Requests to Fetch Data

1. App Overview

2. The Process of Fetching Data From an API

3.1 styles.zip

3. Creating the App

4. Where to Fetch the Data

5. Making the HTTP Requests

6. The Suspense Component

7. Request Offsets and Limits

8. Implementing Paginations

9.1 Naive UI Documentation.html

9.2 ShowsAppUI.zip

9. Building the UI

10. A Little Fix

11. Component Lifecycle Hooks

12.1 Rick and Morty API.html

12. Fetching Data With onMounted

13. Slots For Dynamic HTML

14. More on Slots

15. Adding a Better Loading State

16. Creating the Header Component

17.1 ShowsAppFinal.zip

17. Maintaining State With KeepAlive

10. State Managements in Vue

1. Introduction to State Management

2. Building a Small Project

3. Declaring State With Reactive

4. Ref vs Reactive

5. A Lot of Nested Components

6. Prop Drilling

7. ProvideInject

8. Store Reusable Logic With Composables

9. Global State With Pinia

11. Vue With TypeScript

1. An Introduction to TypeScript

2. An Optional TypeScript Lesson

3. Building the HTML App

4. Types With State

5. Types With Functions

6. Types With Props

7. Types With Computed

8. Reusing Our Types Throughout Multiple Components

12. CAPSTONE PROJECT START

1. Project Overview

13. Building the UI With a Vue Library

1.1 InstagramUIFinal.zip

1. Your Two Options

2. Setting Up the Vue App

3. Building the NavBar

4. Building the Modal

5. Building the Timeline

6. Adding a Profile View

7. Adding the User Bar

8.1 InstagramUIFinal.zip

8. Adding an Image Gallary

14. Identifying Users With Authentication

1. An Introduction to Authentication

2. Supabase - A Backend as a Service

3. Connecting Our Vue App to Supabase

4. Creating a Pinia User Store

5. Adding Input Validation

6. Client vs Backend Validation

7. Signing Up the User

8. Validating if the User is Already Registered

9. Improving Error Handing

10. Adding a Loading State For the Modal

11. Handling the Success Case

12. Adding the Login Logic

13. Persisting the Login State

14. A Loading State for Retrieving the User

15. Handling Logout

15. Uploading and Displaying Photos

1. Navigating to the Users Profile

2. Conditionally Rendering the Upload Photo Modal

3. Adding the Input Elements

4. Creating a Bucket For File Storage

5. Programmatically Uploading a Photo

6. Updating the Image Policy

7. Creating the Posts Table

8. Adding a Post to Our DB

9. Adding a Loading State

10. Handling the Success State

11. Fetching Posts Upon Render

12.1 instagramupload.zip

12. Adding a Loading State

16. Complex Data Relations

1. Building a Following Follower Table

2. Conditionally Rendering a Follow Button

3. Making the Profile Component Reactive

4. Implementing the Follow User Functionality

5. Determining Follower Info on Render

6. Implementing the Unfollow Functionality

7. Toggling the FollowFollowing Buttons

8. Performing Aggregate Queries

17. Scroll Based Pagination

1. Check Auth Status in Timeline Page

2. Separating HTML into Components

3. Fetching the Followers

4. Fetching the Followers Posts

5. Rendering the Posts

6. Sorting By Most Recent

7. Lets Do Some Math

8. The Intersection Observer API

9. Emitting an Event on Intersect

10. Implementing the Pagination

11. Stopping Unnecessary HTTP Requests

12. Saving Data in Environment Variables

139,000 تومان

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

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

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

تولید کننده: Udemy-Training