Binding the Shopping Cart Collection to the App Component

Understand how to initialize a shopping cart collection with TypeScript interfaces and classes, then bind it to a Vue app component. This lesson shows how to manage and pass data between components for maintaining shopping cart state.

We'll cover the following...

Initializing the shopping cart collection
Binding the collection to the App component

1.Before Getting Started

2.Introduction

3.Exploring the Type System

4.Challenge: TypeScript Basics

5.Interfaces in TypeScript

6.Classes in TypeScript

7.Inheritance in TypeScript

8.Modules in TypeScript

9.Challenge: Interfaces, Classes, Inheritance, and Modules

10.Generics in TypeScript

11.Advanced Type Inferences in TypeScript

12.Challenge: Generics and Advanced Type Inferences

13.Asynchronous Language Features

14.Decorators

15.Challenge: Asynchronous Language Features and Decorators

16.Integration with JavaScript

17.Strict Compiler Options

18.Challenge: Strict Compiler Options

19.Using Observables to Transform Data

20.Challenge: Using Observables to Transform Data

21.Test-Driven Development

22.Challenge: Test-Driven Development

23.Angular

24.Challenge: Angular

25.React

26.Challenge: React

27.Vue

28.Node and Express

29.An AWS Serverless API

30.Micro Front-Ends

31.Conclusion

Binding the Shopping Cart Collection to the App Component

Initializing the shopping cart collection