This page calls the script module01.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-01/m01-end/module01.ts: -------------------------------------------------------------------------------- 1 | function AddNumbers(num1: number, num2: number) { 2 | return num1 + num2; 3 | } 4 | console.log(AddNumbers(3, 6)); 5 | -------------------------------------------------------------------------------- /code/module-01/m01-end/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-01/m01-end/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } -------------------------------------------------------------------------------- /code/module-02/m02-end/build/module02.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | /* Module 2: Declare variable types in TypeScript 3 | Lab End */ 4 | /* EXERCISE 1 5 | TODO: Modify the code to add types to the variable declarations. 6 | The resulting JavaScript should look the same as the original example when you're done. */ 7 | let firstName; 8 | let lastName; 9 | let fullName; 10 | let age; 11 | let ukCitizen; 12 | firstName = 'Rebecca'; 13 | lastName = 'Smith'; 14 | age = 42; 15 | ukCitizen = false; 16 | fullName = firstName + " " + lastName; 17 | if (ukCitizen) { 18 | console.log("My name is " + fullName + ", I'm " + age + ", and I'm a citizen of the United Kingdom."); 19 | } 20 | else { 21 | console.log("My name is " + fullName + ", I'm " + age + ", and I'm not a citizen of the United Kingdom."); 22 | } 23 | /* EXERCISE 2 24 | TODO: You can use types to ensure operation outcomes. Run the code as is and then modify 25 | it to have strongly typed variables. Then, address any errors you find so that the result 26 | returned to a is 12. */ 27 | let x; 28 | let y; 29 | let a; 30 | x = 5; 31 | y = 7; 32 | a = x + y; 33 | console.log(a); 34 | /* EXERCISE 3 35 | TODO: In the following code, implement an enum type called Season that represents 36 | the constants "Fall", "Winter", "Spring", and "Summer". Then, update the function so 37 | you can pass in the season by referencing an item in the enum, for example 38 | Season.Fall, instead of the literal string "Fall". */ 39 | var Season; 40 | (function (Season) { 41 | Season[Season["Winter"] = 0] = "Winter"; 42 | Season[Season["Spring"] = 1] = "Spring"; 43 | Season[Season["Summer"] = 2] = "Summer"; 44 | Season[Season["Fall"] = 3] = "Fall"; 45 | })(Season || (Season = {})); 46 | ; 47 | function whichMonths(season) { 48 | let monthsInSeason; 49 | switch (season) { 50 | case Season.Fall: 51 | monthsInSeason = "September to November"; 52 | break; 53 | case Season.Winter: 54 | monthsInSeason = "December to February"; 55 | break; 56 | case Season.Spring: 57 | monthsInSeason = "March to May"; 58 | break; 59 | case Season.Summer: 60 | monthsInSeason = "June to August"; 61 | } 62 | return monthsInSeason; 63 | } 64 | console.log(whichMonths(Season.Spring)); 65 | /* EXERCISE 4 66 | TODO: Declare the array as the type to match the type of the items in the array. */ 67 | let randomNumbers = []; 68 | let nextNumber; 69 | for (let i = 0; i < 10; i++) { 70 | nextNumber = Math.floor(Math.random() * (100 - 1)) + 1; 71 | randomNumbers.push(nextNumber); 72 | } 73 | console.log(randomNumbers); 74 | -------------------------------------------------------------------------------- /code/module-02/m02-end/module02.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module02.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-02/m02-end/module02.ts: -------------------------------------------------------------------------------- 1 | /* Module 2: Declare variable types in TypeScript 2 | Lab End */ 3 | 4 | /* EXERCISE 1 5 | TODO: Modify the code to add types to the variable declarations. 6 | The resulting JavaScript should look the same as the original example when you're done. */ 7 | 8 | let firstName: string; 9 | let lastName: string; 10 | let fullName: string; 11 | let age: number; 12 | let ukCitizen: boolean; 13 | 14 | firstName = 'Rebecca'; 15 | lastName = 'Smith'; 16 | age = 42; 17 | ukCitizen = false; 18 | fullName = firstName + " " + lastName; 19 | 20 | if (ukCitizen) { 21 | console.log("My name is " + fullName + ", I'm " + age + ", and I'm a citizen of the United Kingdom."); 22 | } else { 23 | console.log("My name is " + fullName + ", I'm " + age + ", and I'm not a citizen of the United Kingdom."); 24 | } 25 | 26 | /* EXERCISE 2 27 | TODO: You can use types to ensure operation outcomes. Run the code as is and then modify 28 | it to have strongly typed variables. Then, address any errors you find so that the result 29 | returned to a is 12. */ 30 | 31 | let x: number; 32 | let y: number; 33 | let a: number; 34 | 35 | x = 5; 36 | y = 7; 37 | a = x + y; 38 | 39 | console.log(a); 40 | 41 | /* EXERCISE 3 42 | TODO: In the following code, implement an enum type called Season that represents 43 | the constants "Fall", "Winter", "Spring", and "Summer". Then, update the function so 44 | you can pass in the season by referencing an item in the enum, for example 45 | Season.Fall, instead of the literal string "Fall". */ 46 | 47 | enum Season { 48 | Winter, 49 | Spring, 50 | Summer, 51 | Fall 52 | }; 53 | 54 | function whichMonths(season: Season) { 55 | let monthsInSeason: string; 56 | switch (season) { 57 | case Season.Fall: 58 | monthsInSeason = "September to November"; 59 | break; 60 | case Season.Winter: 61 | monthsInSeason = "December to February"; 62 | break; 63 | case Season.Spring: 64 | monthsInSeason = "March to May"; 65 | break; 66 | case Season.Summer: 67 | monthsInSeason = "June to August"; 68 | } 69 | return monthsInSeason; 70 | } 71 | 72 | console.log(whichMonths(Season.Spring)); 73 | 74 | /* EXERCISE 4 75 | TODO: Declare the array as the type to match the type of the items in the array. */ 76 | 77 | let randomNumbers: number[] = []; 78 | let nextNumber: number; 79 | 80 | for (let i = 0; i < 10; i++) { 81 | nextNumber = Math.floor(Math.random() * (100 - 1)) + 1; 82 | randomNumbers.push(nextNumber); 83 | } 84 | 85 | console.log(randomNumbers); 86 | -------------------------------------------------------------------------------- /code/module-02/m02-end/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-02/m02-end/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } -------------------------------------------------------------------------------- /code/module-02/m02-start/build/module02.js: -------------------------------------------------------------------------------- 1 | // Empty 2 | -------------------------------------------------------------------------------- /code/module-02/m02-start/module02.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module02.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-02/m02-start/module02.ts: -------------------------------------------------------------------------------- 1 | /* Module 2: Declare variable types in TypeScript 2 | Lab start */ 3 | 4 | /* EXERCISE 1 5 | TODO: Modify the code to add types to the variable declarations. 6 | The resulting JavaScript should look the same as the original example when you're done. */ 7 | 8 | let firstName; 9 | let lastName; 10 | let fullName; 11 | let age; 12 | let ukCitizen; 13 | 14 | firstName = 'Rebecca'; 15 | lastName = 'Smith'; 16 | age = 42; 17 | ukCitizen = false; 18 | fullName = firstname + " " + lastname; 19 | 20 | if (ukCitizen) { 21 | console.log("My name is " + fullName + ", I'm " + age + ", and I'm a citizen of the United Kingdom."); 22 | } else { 23 | console.log("My name is " + fullName + ", I'm " + age + ", and I'm not a citizen of the United Kingdom."); 24 | } 25 | 26 | /* EXERCISE 2 27 | TODO: You can use types to ensure operation outcomes. Run the code as is and then modify 28 | it to have strongly typed variables. Then, address any errors you find so that the result 29 | returned to a is 12. */ 30 | 31 | let x; 32 | let y; 33 | let a; 34 | 35 | x = 'five'; 36 | y = 7; 37 | a = x + y; 38 | 39 | console.log(a); 40 | 41 | /* EXERCISE 3 42 | TODO: In the following code, implement an enum type called Season that represents 43 | the constants "Fall", "Winter", "Spring", and "Summer". Then, update the function so 44 | you can pass in the season by referencing an item in the enum, for example 45 | Season.Fall, instead of the literal string "Fall". */ 46 | 47 | function whichMonths(season) { 48 | 49 | let monthsInSeason: string; 50 | 51 | switch (season) { 52 | case "Fall": 53 | monthsInSeason = "September to November"; 54 | break; 55 | case "Winter": 56 | monthsInSeason = "December to February"; 57 | break; 58 | case "Spring": 59 | monthsInSeason = "March to May"; 60 | break; 61 | case "Summer": 62 | monthsInSeason = "June to August"; 63 | } 64 | 65 | return monthsInSeason; 66 | } 67 | 68 | console.log(whichMonths("Fall")); 69 | 70 | /* EXERCISE 4 71 | TODO: Declare the array as the type to match the type of the items in the array. */ 72 | 73 | let randomNumbers; 74 | let nextNumber; 75 | 76 | for (let i = 0; i < 10; i++) { 77 | nextNumber = Math.floor(Math.random() * (100 - 1)) + 1; 78 | randomNumbers.push(nextNumber); 79 | } 80 | 81 | console.log(randomNumbers); 82 | 83 | -------------------------------------------------------------------------------- /code/module-02/m02-start/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-02/m02-start/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } -------------------------------------------------------------------------------- /code/module-03/m03-end/build/module03.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | /* Module 3: Implement interfaces in TypeScript 3 | Lab End */ 4 | /* TODO: Replace the two parameters in the intOnlyLoan function with an object of 5 | type Loan (for example, loanTerms: Loan) and type the return value of the function 6 | as a string. 7 | 8 | Replace the parameter names in the function with properties of the Loan object. 9 | (For example, loanTerms.interestRate). 10 | 11 | Type the intr and pmt variables as numbers.*/ 12 | function intOnlyLoan(loanTerms) { 13 | // Calculates the monthly payment of an interest only loan 14 | let intr = loanTerms.interestRate / 1200; // Calculates the Monthly Interest Rate of the loan 15 | let pmt; 16 | pmt = loanTerms.principle * intr; 17 | return 'The interest only loan payment is ' + pmt.toFixed(2); 18 | } 19 | /* TODO: Update the convLoan function, this time replacing the three parameters with an 20 | object of type ConvLoan and type the return value of the function as a string. */ 21 | function convLoan(loanTerms) { 22 | // Calculates the monthly payment of a conventional loan 23 | let intr = loanTerms.interestRate / 1200; // Calculates the Monthly Interest Rate of the loan 24 | let pmt; 25 | pmt = loanTerms.principle * intr / (1 - (Math.pow(1 / (1 + intr), loanTerms.numMonths))); 26 | return 'The conventional loan payment is ' + pmt.toFixed(2); 27 | } 28 | let loan1 = intOnlyLoan({ principle: 30000, interestRate: 5 }); 29 | let loan2 = convLoan({ principle: 30000, interestRate: 5, numMonths: 180 }); 30 | console.log(loan1); //* Returns "The interest only loan payment is 125.00" 31 | console.log(loan2); //* Returns "The conventional loan payment is 237.24" 32 | -------------------------------------------------------------------------------- /code/module-03/m03-end/module03.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module03.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-03/m03-end/module03.ts: -------------------------------------------------------------------------------- 1 | /* Module 3: Implement interfaces in TypeScript 2 | Lab End */ 3 | 4 | /* EXERCISE 1 5 | TODO: Declare the Loan interface. */ 6 | 7 | interface Loan { 8 | principle: number, 9 | interestRate: number //* Interest rate percentage (eg. 14 is 14%) 10 | } 11 | 12 | /* TODO: Declare the ConventionalLoan interface. */ 13 | 14 | interface ConventionalLoan extends Loan { 15 | months: number //* Total number of months 16 | } 17 | 18 | /* TODO: Update the calculateInterestOnlyLoanPayment function. */ 19 | 20 | function calculateInterestOnlyLoanPayment(loanTerms: Loan): string { 21 | // Calculates the monthly payment of an interest only loan 22 | let interest: number = loanTerms.interestRate / 1200; // Calculates the Monthly Interest Rate of the loan 23 | let payment: number; 24 | payment = loanTerms.principle * interest; 25 | return 'The interest only loan payment is ' + payment.toFixed(2); 26 | } 27 | 28 | /* TODO: Update the calculateConventionalLoanPayment function. */ 29 | 30 | function calculateConventionalLoanPayment(loanTerms: ConventionalLoan): string { 31 | // Calculates the monthly payment of a conventional loan 32 | let interest: number = loanTerms.interestRate / 1200; // Calculates the Monthly Interest Rate of the loan 33 | let payment: number; 34 | payment = loanTerms.principle * interest / (1 - (Math.pow(1/(1 + interest), loanTerms.months))); 35 | return 'The conventional loan payment is ' + payment.toFixed(2); 36 | } 37 | 38 | let interestOnlyPayment = calculateInterestOnlyLoanPayment({principle: 30000, interestRate: 5}); 39 | let conventionalPayment = calculateConventionalLoanPayment({principle: 30000, interestRate: 5, months: 180}); 40 | 41 | console.log(interestOnlyPayment); //* Returns "The interest only loan payment is 125.00" 42 | console.log(conventionalPayment); //* Returns "The conventional loan payment is 237.24" 43 | -------------------------------------------------------------------------------- /code/module-03/m03-end/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-03/m03-end/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } -------------------------------------------------------------------------------- /code/module-03/m03-start/build/module03.js: -------------------------------------------------------------------------------- 1 | // Empty 2 | -------------------------------------------------------------------------------- /code/module-03/m03-start/module03.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module03.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-03/m03-start/module03.ts: -------------------------------------------------------------------------------- 1 | /* Module 3: Implement interfaces in TypeScript 2 | Lab Start */ 3 | 4 | /* EXERCISE 1 5 | TODO: Declare the Loan interface. */ 6 | 7 | 8 | /* TODO: Declare the ConventionalLoan interface. */ 9 | 10 | 11 | 12 | /* TODO: Update the calculateInterestOnlyLoanPayment function. */ 13 | 14 | function calculateInterestOnlyLoanPayment(principle, interestRate) { 15 | // Calculates the monthly payment of an interest only loan 16 | let interest = interestRate / 1200; // Calculates the Monthly Interest Rate of the loan 17 | let payment; 18 | payment = principle * interest; 19 | return 'The interest only loan payment is ' + payment.toFixed(2); 20 | } 21 | 22 | /* TODO: Update the calculateConventionalLoanPayment function. */ 23 | 24 | function calculateConventionalLoanPayment(principle, interestRate, months) { 25 | // Calculates the monthly payment of a conventional loan 26 | let interest = interestRate / 1200; // Calculates the Monthly Interest Rate of the loan 27 | let payment; 28 | payment = principle * interest / (1 - (Math.pow(1 / (1 + interest), months))); 29 | return 'The conventional loan payment is ' + payment.toFixed(2); 30 | } 31 | 32 | let interestOnlyPayment = calculateInterestOnlyLoanPayment(30000, 5); 33 | let conventionalPayment = calculateConventionalLoanPayment(30000, 5, 180); 34 | 35 | console.log(interestOnlyPayment); //* Returns "The interest only loan payment is 125.00" 36 | console.log(conventionalPayment); //* Returns "The conventional loan payment is 237.24" 37 | -------------------------------------------------------------------------------- /code/module-03/m03-start/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-03/m03-start/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } -------------------------------------------------------------------------------- /code/module-04/m04-end/build/module04.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | /* Module 4: Develop typed functions using TypeScript 3 | Lab End */ 4 | /* TODO: Convert the sortDescending and sortAscending functions to arrow 5 | functions and assign them to variables of the same name. Add types to the 6 | parameter lists and return values for each function. */ 7 | /* sortDescending is a comparison function that tells the sort method how to sort 8 | numbers in descending order */ 9 | let sortDescending = (a, b) => { 10 | if (a > b) { 11 | return -1; 12 | ; 13 | } 14 | else if (b > a) { 15 | return 1; 16 | ; 17 | } 18 | else { 19 | return 0; 20 | } 21 | }; 22 | /* sortDescending is a comparison function that tells the sort method how to sort 23 | numbers in ascending order. */ 24 | let sortAscending = (a, b) => { 25 | if (a > b) { 26 | return 1; 27 | } 28 | else if (b > a) { 29 | return -1; 30 | } 31 | else { 32 | return 0; 33 | } 34 | }; 35 | /* The buildArray function builds an array of unique random numbers containing the number 36 | of items based on the number passed to it. The sortOrder parameter determines 37 | whether to sort the array in ascending or descending order. */ 38 | /* TODO: In the BuildArray function, add types to parameter list, 39 | return value, and variables. */ 40 | function buildArray(items, sortOrder) { 41 | let randomNumbers = []; 42 | let nextNumber; 43 | for (let i = 0; i < items; i++) { 44 | nextNumber = Math.floor(Math.random() * (100 - 1)) + 1; 45 | if (randomNumbers.indexOf(nextNumber) === -1) { 46 | randomNumbers.push(nextNumber); 47 | } 48 | else { 49 | i--; 50 | } 51 | } 52 | if (sortOrder === 'ascending') { 53 | return randomNumbers.sort(sortAscending); 54 | } 55 | else { 56 | return randomNumbers.sort(sortDescending); 57 | } 58 | } 59 | let myArray1 = buildArray(12, 'ascending'); 60 | let myArray2 = buildArray(8, 'descending'); 61 | console.log(myArray1); 62 | console.log(myArray2); 63 | /* EXERCISE 2 64 | TODO: Convert the LoanCalc function to TypeScript with strongly typed parameters, variables, 65 | and return types. Make the numMonths parameter optional but assign it a default value of 12 66 | months if omitted. */ 67 | function LoanCalc(principle, interestRate, numMonths = 12) { 68 | let intr = interestRate / 1200; // Calculates the monthly interest rate 69 | let pmt; 70 | Number; 71 | pmt = principle * intr / (1 - (Math.pow(1 / (1 + intr), numMonths))); 72 | return pmt.toFixed(2); 73 | } 74 | let myLoan = LoanCalc(1000, 5); 75 | console.log(myLoan); 76 | -------------------------------------------------------------------------------- /code/module-04/m04-end/module04.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module04.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-04/m04-end/module04.ts: -------------------------------------------------------------------------------- 1 | /* Module 4: Develop typed functions using TypeScript 2 | Lab End */ 3 | 4 | /* EXERCISE 1 5 | TODO: Declare a new function type for the sortDescending and sortAscending functions. */ 6 | 7 | type compareFunctionType = (a: number, b:number) => number; 8 | 9 | /* TODO: Convert the sortDescending and sortAscending functions to arrow 10 | functions. */ 11 | 12 | /* sortDescending is a comparison function that tells the sort method how to sort 13 | numbers in descending order */ 14 | let sortDescending: compareFunctionType = (a, b) => { 15 | if (a > b) { 16 | return -1; 17 | } else if (b > a) { 18 | return 1; 19 | } else { 20 | return 0; 21 | } 22 | } 23 | 24 | /* sortDescending is a comparison function that tells the sort method how to sort 25 | numbers in ascending order. */ 26 | let sortAscending: compareFunctionType = (a, b) => { 27 | if (a > b) { 28 | return 1; 29 | } else if (b > a) { 30 | return -1; 31 | } else { 32 | return 0; 33 | } 34 | } 35 | 36 | /* The buildArray function builds an array of unique random numbers containing the number 37 | of items based on the number passed to it. The sortOrder parameter determines 38 | whether to sort the array in ascending or descending order. */ 39 | 40 | /* TODO: Update the BuildArray function. */ 41 | 42 | function buildArray(items: number, sortOrder: 'ascending' | 'descending'): number[] { 43 | let randomNumbers: number[] = []; 44 | let nextNumber: number; 45 | for (let counter = 0; counter < items; counter++) { 46 | nextNumber = Math.ceil(Math.random() * (100 - 1)); 47 | if (randomNumbers.indexOf(nextNumber) === -1) { 48 | randomNumbers.push(nextNumber); 49 | } else { 50 | counter--; 51 | } 52 | } 53 | if (sortOrder === 'ascending') { 54 | return randomNumbers.sort(sortAscending); 55 | } else { 56 | return randomNumbers.sort(sortDescending); 57 | } 58 | } 59 | 60 | let myArray1 = buildArray(12, 'ascending'); 61 | let myArray2 = buildArray(8, 'descending'); 62 | console.log(myArray1); 63 | console.log(myArray2); 64 | 65 | /* EXERCISE 2 66 | TODO: Update the LoanCalculator function. */ 67 | 68 | function loanCalculator (principle: number, interestRate: number, months = 12): string { 69 | let interest: number = interestRate / 1200; // Calculates the monthly interest rate 70 | let payment: number; 71 | payment = principle * interest / (1 - (Math.pow(1/(1 + interest), months))); 72 | return payment.toFixed(2); 73 | } 74 | 75 | let myLoan = loanCalculator(1000, 5); 76 | console.log(myLoan); 77 | -------------------------------------------------------------------------------- /code/module-04/m04-end/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-04/m04-end/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } -------------------------------------------------------------------------------- /code/module-04/m04-start/build/module04.js: -------------------------------------------------------------------------------- 1 | // Empty 2 | -------------------------------------------------------------------------------- /code/module-04/m04-start/module04.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module04.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-04/m04-start/module04.ts: -------------------------------------------------------------------------------- 1 | /* Module 4: Develop typed functions using TypeScript 2 | Lab Start */ 3 | 4 | /* EXERCISE 1 5 | TODO: Declare a new function type for the sortDescending and sortAscending functions. */ 6 | 7 | 8 | /* TODO: Convert the sortDescending and sortAscending functions to arrow 9 | functions. */ 10 | 11 | /* sortDescending is a comparison function that tells the sort method how to sort 12 | numbers in descending order */ 13 | function sortDescending(a, b) { 14 | if (a > b) { 15 | return -1; 16 | } else if (b > a) { 17 | return 1; 18 | } else { 19 | return 0; 20 | } 21 | } 22 | 23 | /* sortDescending is a comparison function that tells the sort method how to sort 24 | numbers in ascending order. */ 25 | function sortAscending(a, b) { 26 | if (a > b) { 27 | return 1; 28 | } else if (b > a) { 29 | return -1; 30 | } else { 31 | return 0; 32 | } 33 | } 34 | 35 | /* The buildArray function builds an array of unique random numbers containing the number 36 | of items based on the number passed to it. The sortOrder parameter determines 37 | whether to sort the array in ascending or descending order. */ 38 | 39 | /* TODO: Update the BuildArray function. */ 40 | 41 | function buildArray(items, sortOrder) { 42 | let randomNumbers = []; 43 | let nextNumber; 44 | for (let counter = 0; counter < items; counter++) { 45 | nextNumber = Math.ceil(Math.random() * (100 - 1)); 46 | if (randomNumbers.indexOf(nextNumber) === -1) { 47 | randomNumbers.push(nextNumber); 48 | } else { 49 | counter--; 50 | } 51 | } 52 | if (sortOrder === 'ascending') { 53 | return randomNumbers.sort(sortAscending); 54 | } else { 55 | return randomNumbers.sort(sortDescending); 56 | } 57 | } 58 | 59 | let myArray1 = buildArray(12, 'ascending'); 60 | let myArray2 = buildArray(8, 'descending'); 61 | 62 | /* EXERCISE 2 63 | TODO: Update the LoanCalculator function. */ 64 | 65 | function loanCalculator (principle, interestRate, months) { 66 | let interest = interestRate / 1200; // Calculates the monthly interest rate 67 | let payment; 68 | payment = principle * interest / (1 - (Math.pow(1/(1 + interest), months))); 69 | return payment.toFixed(2); 70 | } 71 | -------------------------------------------------------------------------------- /code/module-04/m04-start/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-04/m04-start/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } -------------------------------------------------------------------------------- /code/module-05/m05-end/build/module05.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | // Comparison function that tells the sort method how to sort numbers in descending order 3 | let sortDescending2 = (a, b) => { 4 | if (a > b) { 5 | return -1; 6 | ; 7 | } 8 | else if (b > a) { 9 | return 1; 10 | ; 11 | } 12 | else { 13 | return 0; 14 | } 15 | }; 16 | // Comparison function that tells the sort method how to sort numbers in ascending order 17 | let sortAscending2 = (a, b) => { 18 | if (a > b) { 19 | return 1; 20 | } 21 | else if (b > a) { 22 | return -1; 23 | } 24 | else { 25 | return 0; 26 | } 27 | }; 28 | // This function builds an array of unique random numbers containing the number of items based on the number passed to it. 29 | // The sortOrder parameter determines whether to sort the array in ascending or decending order. 30 | function buildArray2(items, sortOrder) { 31 | let randomNumbers = []; 32 | let nextNumber; 33 | for (let i = 0; i < items; i++) { 34 | nextNumber = Math.floor(Math.random() * (100 - 1)) + 1; 35 | if (randomNumbers.indexOf(nextNumber) === -1) { 36 | randomNumbers.push(nextNumber); 37 | } 38 | else { 39 | i--; 40 | } 41 | } 42 | if (sortOrder === 'ascending') { 43 | return randomNumbers.sort(sortAscending2); 44 | } 45 | else { 46 | return randomNumbers.sort(sortDescending2); 47 | } 48 | } 49 | let testArray1 = buildArray2(12, 'ascending'); 50 | let testArray2 = buildArray2(8, 'descending'); 51 | console.log(testArray1); 52 | console.log(testArray2); 53 | -------------------------------------------------------------------------------- /code/module-05/m05-end/module05.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module05.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-05/m05-end/module05.ts: -------------------------------------------------------------------------------- 1 | /* Module 5: Declare and instantiate classes in TypeScript 2 | Lab End */ 3 | 4 | /* EXERCISE 1 */ 5 | 6 | class BuildArray { 7 | // TODO Define the properties 8 | private _items: number; 9 | private _sortOrder: 'ascending' | 'descending'; 10 | 11 | // TODO Define the constructor 12 | constructor (items: number, sortOrder: 'ascending' | 'descending') { 13 | this._items = items; 14 | this._sortOrder = sortOrder; 15 | } 16 | 17 | // TODO Define the accessors 18 | get items() { 19 | return this._items; 20 | } 21 | set items(items) { 22 | this._items = items; 23 | } 24 | get sortOrder() { 25 | return this._sortOrder; 26 | } 27 | set sortOrder(sortOrder) { 28 | this._sortOrder = sortOrder; 29 | } 30 | 31 | // TODO Define the methods. 32 | private sortDescending = (a: number, b: number) => { 33 | if (a > b) { 34 | return -1; 35 | } else if (b > a) { 36 | return 1; 37 | } else { 38 | return 0;} 39 | } 40 | private sortAscending = (a: number, b: number) => { 41 | if (a > b) { 42 | return 1; 43 | } else if (b > a) { 44 | return -1; 45 | } else { 46 | return 0; } 47 | } 48 | buildArray(): number[] { 49 | let randomNumbers: number[] = []; 50 | let nextNumber: number; 51 | for (let counter = 0; counter < this.items; counter++) { 52 | nextNumber = Math.ceil(Math.random() * (100 - 1)); 53 | if (randomNumbers.indexOf(nextNumber) === -1) { 54 | randomNumbers.push(nextNumber); 55 | } else { 56 | counter--; 57 | } 58 | } 59 | if (this._sortOrder === 'ascending') { 60 | return randomNumbers.sort(this.sortAscending); 61 | } else { 62 | return randomNumbers.sort(this.sortDescending); 63 | } 64 | } 65 | } 66 | 67 | /* TODO: Instantiate the BuildArray objects. */ 68 | 69 | let testArray1 = new BuildArray(12, 'ascending'); 70 | let testArray2 = new BuildArray(8, 'descending'); 71 | 72 | console.log(testArray1.buildArray()); 73 | console.log(testArray2.buildArray()); 74 | -------------------------------------------------------------------------------- /code/module-05/m05-end/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-05/m05-end/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } -------------------------------------------------------------------------------- /code/module-05/m05-start/build/module05.js: -------------------------------------------------------------------------------- 1 | // Empty 2 | -------------------------------------------------------------------------------- /code/module-05/m05-start/module05.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module05.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-05/m05-start/module05.ts: -------------------------------------------------------------------------------- 1 | /* Module 5: Declare and instantiate classes in TypeScript 2 | Lab Start */ 3 | 4 | /* EXERCISE 1 */ 5 | 6 | class BuildArray { 7 | // TODO Define the properties 8 | 9 | // TODO Define the constructor 10 | 11 | // TODO Define the accessors 12 | 13 | // TODO Define the methods 14 | 15 | } 16 | 17 | /* sortDescending is a comparison function that tells the sort method how to sort numbers 18 | in descending order. */ 19 | let sortDescending = (a: number, b: number) => { 20 | if (a > b) { 21 | return -1; 22 | } else if (b > a) { 23 | return 1; 24 | } else { 25 | return 0; } 26 | } 27 | 28 | /* sortAscending is a comparison function that tells the sort method how to sort numbers 29 | in ascending order. */ 30 | let sortAscending = (a: number, b: number) => { 31 | if (a > b) { 32 | return 1; 33 | } else if (b > a) { 34 | return -1; 35 | } else { 36 | return 0; 37 | } 38 | } 39 | 40 | /* buildArray builds an array of unique random numbers containing the number of items 41 | based on the number passed to it. The sortOrder parameter determines whether to sort 42 | the array in ascending or descending order. */ 43 | function buildArray(items: number, sortOrder: 'ascending' | 'descending'): number[] { 44 | let randomNumbers: number[] = []; 45 | let nextNumber: number; 46 | for (let counter = 0; counter < items; counter++) { 47 | nextNumber = Math.ceil(Math.random() * (100 - 1)); 48 | if (randomNumbers.indexOf(nextNumber) === -1) { 49 | randomNumbers.push(nextNumber); 50 | } else { 51 | counter--; 52 | } 53 | } 54 | if (sortOrder === 'ascending') { 55 | return randomNumbers.sort(sortAscending); 56 | } else { 57 | return randomNumbers.sort(sortDescending); 58 | } 59 | } 60 | 61 | /* TODO: Instantiate the BuildArray objects. */ 62 | 63 | let testArray1 = buildArray(12, 'ascending'); 64 | let testArray2 = buildArray(8, 'descending'); 65 | console.log(testArray1); 66 | console.log(testArray2); 67 | -------------------------------------------------------------------------------- /code/module-05/m05-start/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-05/m05-start/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } -------------------------------------------------------------------------------- /code/module-06/m06-end/build/module06.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | /* Module 6: DGenerics in TypeScript 3 | Lab End */ 4 | /* DataStore is a utility function that can store up to 10 string values in an array. 5 | Rewrite the DataStore class so the array can store items of any type. */ 6 | // TODO: Add a type variable called T to the class declaration. 7 | class DataStore { 8 | constructor() { 9 | //TODO: Add the type variable to the _data property declaration. 10 | this._data = new Array(10); 11 | } 12 | //TODO: Update the type of the item parameter in the AddOrUpdate function to use the type variable. 13 | AddOrUpdate(index, item) { 14 | if (index >= 0 && index < 10) { 15 | this._data[index] = item; 16 | } 17 | } 18 | GetData(index) { 19 | if (index >= 0 && index < 10) { 20 | return this._data[index]; 21 | } 22 | else { 23 | return; 24 | } 25 | } 26 | } 27 | let cities = new DataStore(); 28 | cities.AddOrUpdate(0, "Mumbai"); 29 | cities.AddOrUpdate(1, "Chicago"); 30 | cities.AddOrUpdate(2, "London"); 31 | cities.AddOrUpdate(11, "New York"); 32 | console.log(cities.GetData(11)); // returns 'undefined' 33 | // TODO Test items as numbers 34 | let empIDs = new DataStore(); 35 | empIDs.AddOrUpdate(0, 50); 36 | empIDs.AddOrUpdate(1, 65); 37 | empIDs.AddOrUpdate(2, 89); 38 | console.log(empIDs.GetData(0)); // returns 50 39 | let pets = new DataStore(); 40 | pets.AddOrUpdate(0, { name: 'Rex', breed: 'Golden Retriever', age: 5 }); 41 | pets.AddOrUpdate(1, { name: 'Sparky', breed: 'Jack Russell Terrier', age: 3 }); 42 | console.log(pets.GetData(1)); // returns { name: 'Sparky', breed: 'Jack Russell Terrier', age: 3} 43 | -------------------------------------------------------------------------------- /code/module-06/m06-end/module06.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module06.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-06/m06-end/module06.ts: -------------------------------------------------------------------------------- 1 | /* Module 6: DGenerics in TypeScript 2 | Lab End */ 3 | 4 | /* DataStore is a utility function that can store up to 10 string values in an array. 5 | Rewrite the DataStore class so the array can store items of any type. */ 6 | 7 | // TODO: Add and apply a type variable. 8 | class DataStoreThis page calls the script module06.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-06/m06-start/module06.ts: -------------------------------------------------------------------------------- 1 | /* Module 6: DGenerics in TypeScript 2 | Lab Start */ 3 | 4 | /* DataStore is a utility function that can store up to 10 string values in an array. 5 | Rewrite the DataStore class so the array can store items of any type. 6 | 7 | TODO: Add and apply a type variable. */ 8 | class DataStore { 9 | 10 | private _data = new Array(10); 11 | 12 | AddOrUpdate(index: number, item: string) { 13 | if(index >=0 && index <10) { 14 | this._data[index] = item; 15 | } else { 16 | alert('Index is greater than 10') 17 | } 18 | } 19 | GetData(index: number) { 20 | if(index >=0 && index < 10) { 21 | return this._data[index]; 22 | } else { 23 | return 24 | } 25 | } 26 | } 27 | 28 | let cities = new DataStore(); 29 | 30 | cities.AddOrUpdate(0, "Mumbai"); 31 | cities.AddOrUpdate(1, "Chicago"); 32 | cities.AddOrUpdate(11, "London"); // item not added 33 | 34 | console.log(cities.GetData(1)); // returns 'Chicago' 35 | console.log(cities.GetData(12)); // returns 'undefined' 36 | 37 | // TODO Test items as numbers. 38 | 39 | 40 | // TODO Test items as objects. 41 | -------------------------------------------------------------------------------- /code/module-06/m06-start/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-06/m06-start/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } -------------------------------------------------------------------------------- /code/module-07/m07-end/module07.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module08_main.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-07/m07-end/module07_loan-programs.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | exports.__esModule = true; 3 | exports.calculateConventionalLoanPayment = exports.calculateInterestOnlyLoanPayment = void 0; 4 | /* TODO Update the calculateInterestOnlyLoanPayment function. */ 5 | function calculateInterestOnlyLoanPayment(loanTerms) { 6 | var payment; 7 | payment = loanTerms.principle * calculateInterestRate(loanTerms.interestRate); 8 | return 'The interest only loan payment is ' + payment.toFixed(2); 9 | } 10 | exports.calculateInterestOnlyLoanPayment = calculateInterestOnlyLoanPayment; 11 | /* TODO Update the calculateConventionalLoanPayment function. */ 12 | function calculateConventionalLoanPayment(loanTerms) { 13 | var interest = calculateInterestRate(loanTerms.interestRate); 14 | var payment; 15 | payment = loanTerms.principle * interest / (1 - (Math.pow(1 / (1 + interest), loanTerms.months))); 16 | return 'The conventional loan payment is ' + payment.toFixed(2); 17 | } 18 | exports.calculateConventionalLoanPayment = calculateConventionalLoanPayment; 19 | function calculateInterestRate(interestRate) { 20 | var interest = interestRate / 1200; 21 | return interest; 22 | } 23 | -------------------------------------------------------------------------------- /code/module-07/m07-end/module07_loan-programs.ts: -------------------------------------------------------------------------------- 1 | /* TODO Add the import statement. */ 2 | import * as Loans from './module07_loans.js'; 3 | 4 | /* TODO Update the calculateInterestOnlyLoanPayment function. */ 5 | export function calculateInterestOnlyLoanPayment(loanTerms: Loans.Loan): string { 6 | let payment: number; 7 | payment = loanTerms.principle * calculateInterestRate(loanTerms.interestRate); 8 | return 'The interest only loan payment is ' + payment.toFixed(2); 9 | } 10 | /* TODO Update the calculateConventionalLoanPayment function. */ 11 | export function calculateConventionalLoanPayment(loanTerms: Loans.ConventionalLoan): string { 12 | let interest: number = calculateInterestRate(loanTerms.interestRate); 13 | let payment: number; 14 | payment = loanTerms.principle * interest / (1 - (Math.pow(1/(1 + interest), loanTerms.months))); 15 | return 'The conventional loan payment is ' + payment.toFixed(2); 16 | } 17 | function calculateInterestRate (interestRate: number): number { 18 | let interest: number = interestRate / 1200; 19 | return interest 20 | } -------------------------------------------------------------------------------- /code/module-07/m07-end/module07_loans.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | exports.__esModule = true; 3 | -------------------------------------------------------------------------------- /code/module-07/m07-end/module07_loans.ts: -------------------------------------------------------------------------------- 1 | /* TODO Update the interface declarations. */ 2 | export interface Loan { 3 | principle: number, 4 | interestRate: number //* Interest rate percentage (eg. 14 is 14%) 5 | } 6 | export interface ConventionalLoan extends Loan { 7 | months: number //* Total number of months 8 | } -------------------------------------------------------------------------------- /code/module-07/m07-end/module07_main.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | /* Module 7: Working with external libraries 3 | Lab Start */ 4 | exports.__esModule = true; 5 | /* TODO Add the import statement. */ 6 | var LoanPrograms = require("./module07_loan-programs.js"); 7 | /* TODO Update the function calls. */ 8 | var interestOnlyPayment = LoanPrograms.calculateInterestOnlyLoanPayment({ principle: 30000, interestRate: 5 }); 9 | var conventionalLoanPayment = LoanPrograms.calculateConventionalLoanPayment({ principle: 30000, interestRate: 5, months: 180 }); 10 | console.log(interestOnlyPayment); //* Returns "The interest only loan payment is 125.00" 11 | console.log(conventionalLoanPayment); //* Returns "The conventional loan payment is 237.24" 12 | -------------------------------------------------------------------------------- /code/module-07/m07-end/module07_main.ts: -------------------------------------------------------------------------------- 1 | /* Module 7: Working with external libraries 2 | Lab Start */ 3 | 4 | /* TODO Add the import statement. */ 5 | import * as LoanPrograms from './module07_loan-programs.js'; 6 | 7 | /* TODO Update the function calls. */ 8 | let interestOnlyPayment = LoanPrograms.calculateInterestOnlyLoanPayment({principle: 30000, interestRate: 5}); 9 | let conventionalLoanPayment = LoanPrograms.calculateConventionalLoanPayment({principle: 30000, interestRate: 5, months: 180}); 10 | console.log(interestOnlyPayment); //* Returns "The interest only loan payment is 125.00" 11 | console.log(conventionalLoanPayment); //* Returns "The conventional loan payment is 237.24" 12 | -------------------------------------------------------------------------------- /code/module-07/m07-end/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-07/m07-end/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } 9 | -------------------------------------------------------------------------------- /code/module-07/m07-start/module07.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module08_main.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-07/m07-start/module07_loan-programs.ts: -------------------------------------------------------------------------------- 1 | /* TODO Add the import statement. */ 2 | 3 | /* TODO Update the calculateInterestOnlyLoanPayment function. */ 4 | function calculateInterestOnlyLoanPayment(loanTerms: Loan): string { 5 | let payment: number; 6 | payment = loanTerms.principle * calculateInterestRate(loanTerms.interestRate); 7 | return 'The interest only loan payment is ' + payment.toFixed(2); 8 | } 9 | /* TODO Update the calculateConventionalLoanPayment function. */ 10 | function calculateConventionalLoanPayment(loanTerms: ConventionalLoan): string { 11 | let interest: number = calculateInterestRate(loanTerms.interestRate); 12 | let payment: number; 13 | payment = loanTerms.principle * interest / (1 - (Math.pow(1/(1 + interest), loanTerms.months))); 14 | return 'The conventional loan payment is ' + payment.toFixed(2); 15 | } 16 | function calculateInterestRate (interestRate: number): number { 17 | let interest: number = interestRate / 1200; 18 | return interest 19 | } -------------------------------------------------------------------------------- /code/module-07/m07-start/module07_loans.ts: -------------------------------------------------------------------------------- 1 | /* TODO Update the interface declarations. */ 2 | interface Loan { 3 | principle: number, 4 | interestRate: number //* Interest rate percentage (eg. 14 is 14%) 5 | } 6 | interface ConventionalLoan extends Loan { 7 | months: number //* Total number of months 8 | } -------------------------------------------------------------------------------- /code/module-07/m07-start/module07_main.ts: -------------------------------------------------------------------------------- 1 | /* Module 7: Working with external libraries 2 | Lab Start */ 3 | 4 | /* TODO Add the import statement. */ 5 | 6 | /* TODO Update the function calls. */ 7 | let interestOnlyPayment = calculateInterestOnlyLoanPayment({principle: 30000, interestRate: 5}); 8 | let conventionalLoanPayment = calculateConventionalLoanPayment({principle: 30000, interestRate: 5, months: 180}); 9 | console.log(interestOnlyPayment); //* Returns "The interest only loan payment is 125.00" 10 | console.log(conventionalLoanPayment); //* Returns "The conventional loan payment is 237.24" 11 | -------------------------------------------------------------------------------- /code/module-07/m07-start/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-07/m07-start/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } 9 | -------------------------------------------------------------------------------- /code/module-07/module07-exercise-01-end/greetings-utilities_module.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | exports.__esModule = true; 3 | exports.returnGreeting = void 0; 4 | // Returns the value of a parameter and the parameter length to the console. 5 | function returnGreeting(greeting) { 6 | var greetingLength = getLength(greeting); 7 | console.log("The message from namespace GreetingsWithLength is " + greeting + ". It is " + greetingLength + " characters long."); 8 | } 9 | exports.returnGreeting = returnGreeting; 10 | function getLength(message) { 11 | return message.length; 12 | } 13 | -------------------------------------------------------------------------------- /code/module-07/module07-exercise-01-end/greetings-utilities_module.ts: -------------------------------------------------------------------------------- 1 | // Returns the value of a parameter and the parameter length to the console. 2 | export function returnGreeting (greeting: string) { 3 | let greetingLength = getLength(greeting); 4 | console.log(`The message from namespace GreetingsWithLength is ${greeting}. It is ${greetingLength} characters long.`); 5 | } 6 | function getLength(message: string): number { 7 | return message.length 8 | } 9 | -------------------------------------------------------------------------------- /code/module-07/module07-exercise-01-end/greetings_module.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | exports.__esModule = true; 3 | exports.returnGreeting = void 0; 4 | // Returns the value of a parameter to the console. 5 | function returnGreeting(greeting) { 6 | console.log("The message from namespace Greetings is " + greeting + "."); 7 | } 8 | exports.returnGreeting = returnGreeting; 9 | -------------------------------------------------------------------------------- /code/module-07/module07-exercise-01-end/greetings_module.ts: -------------------------------------------------------------------------------- 1 | // Returns the value of a parameter to the console. 2 | export function returnGreeting (greeting: string) { 3 | console.log(`The message from namespace Greetings is ${greeting}.`); 4 | } -------------------------------------------------------------------------------- /code/module-07/module07-exercise-01-end/main.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | exports.__esModule = true; 3 | var greetings_module_js_1 = require("./greetings_module.js"); // imports a single function in the module 4 | var allGreetingFunctions = require("./greetings_module.js"); // imports all exported components in the module 5 | var greetings_utilities_module_js_1 = require("./greetings-utilities_module.js"); 6 | greetings_module_js_1.returnGreeting('Hola!'); // Displays 'The message from Greetings_module is Hola!' 7 | allGreetingFunctions.returnGreeting('Bonjour'); // Displays 'The message from Greetings_module is Bonjour!' 8 | greetings_utilities_module_js_1.returnGreeting('Ciao!'); // Displays 'The message from GreetingsWithLength_module is Ciao! It is 5 characters long.' 9 | -------------------------------------------------------------------------------- /code/module-07/module07-exercise-01-end/main.ts: -------------------------------------------------------------------------------- 1 | import { returnGreeting } from './greetings_module.js'; // imports a single function in the module 2 | import * as allGreetingFunctions from './greetings_module.js'; // imports all exported components in the module 3 | import { returnGreeting as returnGreetingLength } from './greetings-utilities_module.js'; 4 | 5 | returnGreeting('Hola!') // Displays 'The message from Greetings_module is Hola!' 6 | allGreetingFunctions.returnGreeting('Bonjour'); // Displays 'The message from Greetings_module is Bonjour!' 7 | returnGreetingLength('Ciao!'); // Displays 'The message from GreetingsWithLength_module is Ciao! It is 5 characters long.' -------------------------------------------------------------------------------- /code/module-07/module07-exercise-01-end/module07-exercise.ts: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /code/module-07/module07-exercise-01-end/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | // "outDir": "./", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-07/module07-exercise-01-end/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } 9 | -------------------------------------------------------------------------------- /code/module-07/module07-exercise-02-end/main.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var __importDefault = (this && this.__importDefault) || function (mod) { 3 | return (mod && mod.__esModule) ? mod : { "default": mod }; 4 | }; 5 | Object.defineProperty(exports, "__esModule", { value: true }); 6 | var dotenv_1 = __importDefault(require("dotenv")); 7 | var result = dotenv_1.default.config(); 8 | if (result.error) { 9 | throw result.error; 10 | } 11 | console.log(result.parsed); 12 | console.log(process.env.DB_HOST); 13 | console.log(process.env.DB_USER); 14 | console.log(process.env.DB_PASS); 15 | -------------------------------------------------------------------------------- /code/module-07/module07-exercise-02-end/main.ts: -------------------------------------------------------------------------------- 1 | 2 | import dotenv from 'dotenv'; 3 | 4 | const result = dotenv.config(); 5 | 6 | if (result.error) { 7 | throw result.error; 8 | } 9 | 10 | console.log(result.parsed); 11 | console.log(process.env.DB_HOST); 12 | console.log(process.env.DB_USER); 13 | console.log(process.env.DB_PASS); 14 | -------------------------------------------------------------------------------- /code/module-07/module07-exercise-02-end/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "requires": true, 3 | "lockfileVersion": 1, 4 | "dependencies": { 5 | "@types/dotenv": { 6 | "version": "8.2.0", 7 | "resolved": "https://registry.npmjs.org/@types/dotenv/-/dotenv-8.2.0.tgz", 8 | "integrity": "sha512-ylSC9GhfRH7m1EUXBXofhgx4lUWmFeQDINW5oLuS+gxWdfUeW4zJdeVTYVkexEW+e2VUvlZR2kGnGGipAWR7kw==", 9 | "requires": { 10 | "dotenv": "*" 11 | } 12 | }, 13 | "@types/node": { 14 | "version": "14.14.20", 15 | "resolved": "https://registry.npmjs.org/@types/node/-/node-14.14.20.tgz", 16 | "integrity": "sha512-Y93R97Ouif9JEOWPIUyU+eyIdyRqQR0I8Ez1dzku4hDx34NWh4HbtIc3WNzwB1Y9ULvNGeu5B8h8bVL5cAk4/A==" 17 | }, 18 | "dotenv": { 19 | "version": "8.2.0", 20 | "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-8.2.0.tgz", 21 | "integrity": "sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /code/module-07/module07-exercise-02-end/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es5", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | // "outDir": "./", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-08/m08-end/module08.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |This page calls the script module08_main.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-08/m08-end/module08_loan-programs.ts: -------------------------------------------------------------------------------- 1 | ///This page calls the script module08_main.js and is used for testing.
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /code/module-08/m08-start/module08_main.ts: -------------------------------------------------------------------------------- 1 | /* Module 8: Organize code using TypeScript namespaces 2 | Lab Start */ 3 | 4 | /* TODO Create a the Loans namespace. */ 5 | 6 | 7 | interface Loan { 8 | principle: number, 9 | interestRate: number //* Interest rate percentage (eg. 14 is 14%) 10 | } 11 | interface ConventionalLoan extends Loan { 12 | months: number //* Total number of months 13 | } 14 | 15 | /* TODO Create LoanPrograms namespace. */ 16 | 17 | 18 | /* TODO Update the calculateInterestOnlyLoanPayment function. */ 19 | function calculateInterestOnlyLoanPayment(loanTerms: Loan): string { 20 | let payment: number; 21 | payment = loanTerms.principle * calculateInterestRate(loanTerms.interestRate); 22 | return 'The interest only loan payment is ' + payment.toFixed(2); 23 | } 24 | /* TODO Update the calculateConventionalLoanPayment function. */ 25 | function calculateConventionalLoanPayment(loanTerms: ConventionalLoan): string { 26 | let interest: number = calculateInterestRate(loanTerms.interestRate); 27 | let payment: number; 28 | payment = loanTerms.principle * interest / (1 - (Math.pow(1/(1 + interest), loanTerms.months))); 29 | return 'The conventional loan payment is ' + payment.toFixed(2); 30 | } 31 | function calculateInterestRate (interestRate: number): number { 32 | let interest: number = interestRate / 1200; 33 | return interest 34 | } 35 | 36 | /* TODO Add reference paths. */ 37 | 38 | /* TODO Update the function calls. */ 39 | 40 | let interestOnlyPayment = calculateInterestOnlyLoanPayment({principle: 30000, interestRate: 5}); 41 | let conventionalLoanPayment = calculateConventionalLoanPayment({principle: 30000, interestRate: 5, months: 180}); 42 | console.log(interestOnlyPayment); //* Returns "The interest only loan payment is 125.00" 43 | console.log(conventionalLoanPayment); //* Returns "The conventional loan payment is 237.24" 44 | -------------------------------------------------------------------------------- /code/module-08/m08-start/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 4 | 5 | /* Basic Options */ 6 | // "incremental": true, /* Enable incremental compilation */ 7 | "target": "es2015", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ 8 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */ 9 | // "lib": [], /* Specify library files to be included in the compilation. */ 10 | // "allowJs": true, /* Allow javascript files to be compiled. */ 11 | // "checkJs": true, /* Report errors in .js files. */ 12 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 13 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 14 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 15 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 16 | // "outFile": "./", /* Concatenate and emit output to single file. */ 17 | "outDir": "build", /* Redirect output structure to the directory. */ 18 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 19 | // "composite": true, /* Enable project compilation */ 20 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 21 | // "removeComments": true, /* Do not emit comments to output. */ 22 | // "noEmit": true, /* Do not emit outputs. */ 23 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 24 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 25 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 26 | 27 | /* Strict Type-Checking Options */ 28 | "strict": true, /* Enable all strict type-checking options. */ 29 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 30 | // "strictNullChecks": true, /* Enable strict null checks. */ 31 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 32 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 33 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 34 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 35 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 36 | 37 | /* Additional Checks */ 38 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 39 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 40 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 41 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 42 | 43 | /* Module Resolution Options */ 44 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 45 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 46 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 47 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 48 | // "typeRoots": [], /* List of folders to include type definitions from. */ 49 | // "types": [], /* Type declaration files to be included in compilation. */ 50 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 51 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 52 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 53 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 54 | 55 | /* Source Map Options */ 56 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 57 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 58 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 59 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 60 | 61 | /* Experimental Options */ 62 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 63 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 64 | 65 | /* Advanced Options */ 66 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 67 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */ 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /code/module-08/m08-start/workspace.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "." 5 | } 6 | ], 7 | "settings": {} 8 | } 9 | -------------------------------------------------------------------------------- /code/readme.md: -------------------------------------------------------------------------------- 1 | ## Using the Lab start and end solution files 2 | 3 | You can use the TypeScript [Playground](https://www.typescriptlang.org/play), Visual Studio Code, or any TypeScript-compatible IDE to complete the labs in the "Developing JavaScript applications using TypeScript" [LINK TO the Developing JavaScript applications using TypeScript] learning path. 4 | 5 | The **start** and **end** solutions for each lab are located in the **code** folder. In each lab, you will be provided with a link to each folder, as appropriate, for easy access. 6 | 7 | ### Setup Visual Studio Code 8 | 9 | If you want to use Visual Studio Code to run any of the **start** or **end** solution workspaces in the **code** folder, you must first set up your development environment. 10 | 11 | Install the following software on your machine: 12 | 13 | 1. Visual Studio Code (or IDE of your choice) 14 | 2. Node Package Manager (npm) 15 | 3. TypeScript Compiler (tsc) 16 | 17 | For best results, follow the complete instructions for setting up your environment and using the TypeScript compiler in [LINK TO Module 01: Get started with TypeScript ]. After setting up your environment, you can run any of the Lab solution files in the "Developing JavaScript applications using TypeScript" [LINK TO the Developing JavaScript applications using TypeScript] learning path. 18 | 19 | ### Playground 20 | 21 | If you’re using the Playground, you can copy and paste the start code from the Lab instructions into the editor. The solution to the lab exercises will be located in the **end** folder in the **module##.ts** file, which you can open in any text editor. 22 | --------------------------------------------------------------------------------