Vue JS Essentials with Vuex and Vue Router

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

Have limited time to learn Vue, Vuex, and Vue Router? Take this course and learn Vue in 11 hours!

01 - An Introduction to Vue

001 How to Get Help

002 Course Resources.html

002 diagrams.zip

003 Join Our Community!.html

004 Our First Vue App

005 App Overview

006 A Codepen Starter

007 Vue Templates and Instances

008 Creating the Template

009 Linking Templates and Instances

010 Step by Step Implementation

011 Defining Instance Methods

012 Defining Vue Directives

013 Retrieving Event Information

014 Imperative vs Declarative Programming

015 Declarative Apps with the Vue API

016 Data, Computed, and Methods

017 Updated Data Values

018 Computed Properties

019 Review from Start to Finish

020 Template Placement

021 Referencing Data in the Template

022 Expressions in Templates

023 Exercise Solution

024 Exercise Solution

02 - Moving on with Vue CLI

001 App Overview

002 App Challenges

003 Generating a New Project

004 Why Use Vue CLI

005 Project Walkthrough

006 Vue Files

007 Behind the Scenes of Vue Files

008 Vue Components vs Vue Instances

03 - Writing Effective Vue Apps

001 Starting from Scratch

002 The App Component

003 Another Way of Specifying Content

004 Multiple Ways of DOM Attachment

005 Making the SearchBar

006 Nesting Components

007 Event Directives

008 Shorthand Event Syntax

009 Data Sharing Between Components

010 Communication with Props and Events

011 Emitting Events

012 Listening for Custom Events

013 Youtube API Signup

014 Searching Youtube

015 Investigating Video Responses

016 Rendering a List of Videos

017 Updating Data Causes Rerenders

018 Data in Components vs Instances

019 Updating Data

020 Communicating from Parent to Child

021 Prop Validation

022 Separate List Components

023 Lists with V-For

024 Handling Props with V-For

025 Keys with V-For

026 Including Bootstrap Styling

027 Styling the Search Bar

028 Styling the Video List

029 Thumbnail Image Reference

030 Thumbnail By Computed Property

031 More List Item Styling

032 Handling Nested Clicks

033 Event Handling in the VideoList

034 Receiving Events in the App

035 Passing Props to the Video Detail

036 Updating Data

037 The V-If Directive

038 Referencing Video Title and Description

039 Crafting the Embed URL

040 Responsive Embeds

041 Two Column Layout

042 App Review

043 Exercise Solution

044 Exercise Solution

04 - Handling State with Vuex

001 App Overview

002 App Challenges

003 Additional Dependencies

004 A Bit of Boilerplate

005 Building the Header

006 Including Semantic UI

007 Styling the Header

008 Imgur Overview

05 - Authentication in Vue with OAuth2

001 OAuth Overview

002 Imgur API Signup

003 Handling App Logic

004 Vuex Introduction

005 Vuex Modules

006 Connecting Vuex to Vue

007 Initial Auth Module Design

008 Auth Module Mutations

009 Auth Module State and Getters

010 Updating State Values

011 Logging Out with Actions

012 Separate API Helpers

013 Forming the OAuth2 URL

014 Initiating the Login Flow

015 Wiring in the Auth Module

016 Initial OAuth Request

017 Extracting the Access Token

06 - Navigation with Vue Router

001 Wiring up Vue Router

002 Browser vs Hash Routers

003 Component Insertion Point

004 Component Lifecycle Methods

005 Calling Actions

006 Parsing the Access Token

007 Data in Components with MapGetters

008 The V-Else Directive

009 Persisting Login State

010 Button Styling

011 Logging Out Users

012 Automatic Component Updates

013 Clearing LocalStorage Tokens

014 Programmatic Navigation

015 Additional Route Config

016 Navigation with Router-Link

07 - Design of Vuex Modules

001 Image Module Deisgn

002 Module Implementation

003 Fetch Images API Documentation

004 Fetching Images

005 Communicating Across Modules

006 Testing Images Reponse

007 Image Upload via Imgur

008 Committing Images to State

009 Mapping the Images Getter

010 Listing Images

08 - Handling Image Upload

001 Image Upload Overview

002 Upload Form HTML

003 Styling the Upload Form

004 The Upload Images Action

005 File Change Event

006 Accepting Multiple Image Files

007 The Path to Upload

008 Attaching Images with FormData

009 Concurrent Uploads

010 Layout with CSS Grid

011 Hide Images on Logout

012 Expanding the App

09 - Extras

001 Bonus!.html

45,900 تومان

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

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

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

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