feat: update all topics

Author: MikhailMasny

typescript/class.ts

@@ -1,5 +1,20 @@
+class SimpleClass {
+    prop1 : string;
+    prop2 : number;
+    prop3 : number[];
+}
+
+let sc = new SimpleClass();
+sc.prop1 = 'text';
+sc.prop2 = 123;
+sc.prop3 = [1, 2, 3];
+
 class TypeScript {
     version: string;
+    public publicProp: string;
+    private privateProp: string;
+    protected protectedProp: number;
+    readonly readonlyProp: number;
 
     constructor(version: string) {
         this.version = version;
@@ -54,7 +69,6 @@ test.secondFunc("test");
 console.log(test.prop2);
 
 
-
 // Using abstract classes.
 abstract class MyAbstractClass {
     abstract firstFunc(): void;

typescript/guard.ts

@@ -4,7 +4,7 @@ function ex(x: number | boolean) {
     }
 
     return x;
-  }
+}
 
 class MyFirstClass {
     prop1 = "One";
@@ -16,7 +16,7 @@ class MySecondClass {
     prop2 = "Four";
 }
 
-function test(result: MyFirstClass | MySecondClass): object {
+function simpleTest(result: MyFirstClass | MySecondClass): object {
     if (result instanceof MyFirstClass) {
         return {
             messageOne: result.prop1 + result.prop2

typescript/interfaces.ts

@@ -73,3 +73,48 @@ const css: Style = {
     padding: "1px",
     marging: "1px"
 }
+
+interface IPerson {
+    name: string,
+    fullName?: string,
+    age: number
+}
+
+type PersonType = {
+    name: string,
+    fullName?: string,
+    age: number
+}
+
+const firstPerson : PersonType = {
+    age: 111,
+    name: 'text'
+}
+
+const secondPerson : PersonType = {
+    age: 222,
+    name: 'text',
+    fullName: 'text text'
+}
+
+const anotherPerson: IPerson = {
+    age: 333,
+    name: 'another text'
+}
+
+class SomeSimpleClass {
+    myProp: string | null;
+}
+
+interface IUser extends IPerson {
+    useFunc(): string,
+}
+
+class Employee extends SomeSimpleClass implements IUser {
+    name: string = 'text';
+    age: number = 111;
+
+    useFunc() {
+        return `${this.name}${this.age}`;
+    }
+}

typescript/module-1.ts

@@ -0,0 +1,2 @@
+export const MY_STRING: string = 'text';
+export const myFunc = (prop1: string, prop2: number): string => `${prop1}${prop2}`;

typescript/module-2.ts

@@ -0,0 +1,4 @@
+import { myFunc, MY_STRING } from './module-1';
+
+const result = myFunc(MY_STRING, 123);
+console.log(result);

typescript/object.ts

@@ -0,0 +1,34 @@
+let anyObject: any = {
+    prop1: 'text',
+    prop2: 111,
+};
+
+anyObject = 122;
+anyObject = 'helloworld';
+
+let typeObject: { prop1: string, prop2: number } = {
+    prop1: 'text',
+    prop2: 333,
+};
+
+// Error
+// typeObject.prop1 = 123; 
+
+typeObject.prop1 = 'new text';
+
+type Person = {
+    name: string | null,
+    age: number,
+    fullName?: string,
+    gretting?: () => string,
+};
+
+let personObject: Person = {
+    name: 'text',
+    age: 1,
+}
+
+let personNullObject: Person = {
+    name: null,
+    age: 1,
+}

typescript/types.ts

@@ -6,6 +6,15 @@ const secondArray: Array<number> = [1, 2, 3];
 const words: string[] = ["Hello", "TypeScript", "!"];
 const typle: [string, number] = ["Hello", 123];
 
+typeof 42;          // "number"
+typeof 'str';       // "string"
+typeof true;        // "boolean"
+typeof [];          // "object"
+typeof {};          // "object"
+typeof null;        // "object"
+typeof undefined;   // "undefined"
+typeof Symbol();    // "symbol"
+
 let variable: any = 123;
 variable = "123";
 variable = [1, 2, 3];