interface IEmployee { readonly id: number; username: string; email: string; address: string; phone: string; birthDate?: Date; verifyPassword(password: string): boolean; } class Employee implements IEmployee { constructor( public readonly id: number, private _username: string, private _password: string, private _email: string, private _address: string, private _phone: string, private _birthDate?: Date ) {} get username(): string { return this._username; } set username(value: string) { this._username = value; } get email(): string { return this._email; } set email(value: string) { this._email = value; } get address(): string { return this._address; } set address(value: string) { this._address = value; } get phone(): string { return this._phone; } set phone(value: string) { this._phone = value; } get birthDate(): Date | undefined { return this._birthDate; } set birthDate(value: Date | undefined) { this._birthDate = value; } // Password should only have a setter, not a getter for security reasons set password(value: string) { this._password = value; } // Method to verify password verifyPassword(password: string): boolean { return this._password === password; } }

interface IItem { readonly id: number; name: string; price: number; } class Item implements IItem { constructor( public readonly id: number, public name: string, public price: number ) {} } interface IShoppingCart { items: Item[]; addItem(item: Item): void; removeItem(item: Item): void; } class ShoppingCart implements IShoppingCart { items: Item[] = []; addItem(item: Item): void { this.items.push(item); } removeItem(item: Item): void { const index = this.items.findIndex(i => i.id === item.id); if (index !== -1) { this.items.splice(index, 1); } } } interface IUser { id: number; name: string; email: string; address: string; phone: string; birthDate?: Date; shoppingCart: IShoppingCart; pay(): void; reimburse(itemId: number): void; } class User implements IUser { public shoppingCart: IShoppingCart; constructor( public id: number, public name: string, public email: string, public address: string, public phone: string, public birthDate?: Date, private accountBalance: number = 0 ) { this.shoppingCart = new ShoppingCart(); } pay(): void { const total = this.shoppingCart.items.reduce((sum, item) => sum + item.price, 0); if (total > this.accountBalance) { console.log('Insufficient funds'); } else { this.accountBalance -= total; this.shoppingCart.items = []; // Clear the cart after successful payment } } reimburse(itemId: number): void { const item = this.shoppingCart.items.find((i) => i.id === itemId); if (item) { this.accountBalance += item.price; this.shoppingCart.removeItem(item); console.log(`Reimbursed ${item.price} for item ${itemId}`); } else { console.log('Item not found in shopping cart'); } } }

tsconfig.json: { "compilerOptions": { "target": "ESNext", "module": "commonjs", "strict": true, "esModuleInterop": true, "forceConsistentCasingInFileNames": true, "rootDir": "./src", "outDir": "./dist", "resolveJsonModule": true, "allowSyntheticDefaultImports": true }, "include": [ "src/**/*.ts" // Specify the path to your TypeScript source files ], "exclude": [ "node_modules" // Exclude the node_modules folder from compilation ] }

const getRaise = new Promise((resolve, reject) => { const gotRaise = true setTimeout(() => { if (gotRaise) { resolve("gotRaise") } else { reject("noRaise") } }, 1000) }) getRaise .then((value) => { console.log(value) })

const sum = (...args: number[]): number => { return args.sort((a, b) => a - b).reduce((a, b) => a + b, 0); } console.log(sum(1, 2, 3, 4, 5));

greeting: export const greet = (): void => console.log("Hello, World!"); index: import { greet } from "./greeting"; greet();

const squared = (num: number) : number => { console.log(Math.pow(num, 2)); return Math.pow(num, 2); } squared(2);

let firstName: string = "Kevin"; console.log(`Hello ${firstName}!`); let a: number = 10; let b: number = 20; let c: number = a + b; console.log(`${a} + ${b} = ${c}`); const greeting = (name: string): string => { return `Hello I'm ${name}`; }

Thanks, great.

good short and to the point

Content is cool, but not the AI voice unfortunatly.

this would be way cooler with a human voice actually explaining it

best channel ever thank You !!!!!!!!!!!!!!!!!!!!!!!!!!!

Thank you soo much

This course is too good!

you are my god

how can I add a loader for the lazily loaded components?

best material on KZbin

❤ I love koder hq they made learning very easy ❤

Who knew itd be an AI TTS voice that could actually convey this clearly.

Can’t handle the AI voice. Sorry.

You don’t need to use props.firstname in the template, you can use directly firstname

great content, and real world stuff we can actually use

Great and unique content, never see people teaching this in vue

How can I maintain the structure using asyncComputed by vue-async-computed lib in vue3 with OptionsApi? asyncComputed: { items: { async get() { return await fetch(...); }, default: [], },

I would like to be the first to leave a comment and say Thank you. Good information and direction. Here and your site 's info is easily digested. Glad I found your site as the videos are a bonus, I like reading as much as videos. Each one helps sharpen different things that are needed. Peace ...

Thanks for guide. This is the best video for state management in svelte on KZbin. It gives me more clearance than documentation.

Amazing

This literally does not work, the fetch query doesn't run and nothing happens

What does this have to do with vue 3? This is vue 2

9:26 - there is a mistake in request body. You should assign properties of postData object, but you wrote "this.userId" instead of "this.postData.userId"

can we update that file .json just by vuejs?

that is helpful thank you

I do not have a problem with the AI voice. While it's not as personal, I find it's easier to concentrate on the content when I can ignore the voice. Keep up the amazing work.

Thx u very much for this excellent videos. Loving Svelte! ❤

Keep going! :)

I just kicked off from your website now. I love the scheme of work already and I'm sure that with you guys I'll have a smooth ride with Vue 3.

This is a great video, actually explain what each of the parts are, which is something where the VueJS documentation fails completely.

Good....

excellent tutorial!

Simple to understand from your video thanks.

Bro you're incredible. Kudos to you!

Thanks for the tutorial. It's very basic and clear.

thank you

THIS HAS MADE MY PROPS LEARNING SIMPLE

Cool

option api != Composition API

this is vue 2 not composition API

The best video about firebase! Thanks a lot!

Most clear, quick and usefull tutorial I have ever found. would recommend