Date INF 354: Advanced Programming LP 02: Architecture with TypeScript Outline
Visual Studio 2022
.Net 6 API SQL Server 2022 Visual Studio Code Node.js Angular TypeScript Integration Conclusion Visual Studio 2022 Visual Studio 2022 Visual Studio 2022 continued… Visual Studio 2022 continued… DEMO… .Net 6 API .NET 6 API .NET 6 API continued… .NET 6 API continued… .NET 6 API continued… DEMO… SQL Server 2022 SQL Server 2022 SQL Server 2022 continued… SQL Server 2022 continued… DEMO… Visual Studio Code Visual Studio Code Visual Studio Code continued… Visual Studio Code continued… DEMO… Node.js Node.js Node.js continued… Node.js continued… DEMO… Angular Angular Angular continued… Angular continued… DEMO… TypeScript TypeScript TypeScript continued JavaScript was not made for large scale development. TypeScript compiles to JavaScript. (Transpile/TransCompile still refers to Compile). TypeScript is a compiled language. TypeScript can compile all the way down to ES3 (ECMAScript 3 1999) ECMAScript2015 did add Classes and the Class keyword. TypeScript continued TypeScript makes it easier to manage a large codebase. Contains classes, namespaces, modules, interfaces Benefit of TypeScript is when you are making non trivial applications (Larger applications) Functions are building blocks of TypeScript and JavaScript applications NB: Superset of JavaScript. Write more maintainable code with fewer bugs. Valid JavaScript is also valid TypeScript NB: Inheritance is arguably the most important aspect of TypeScript OOP TypeScript continued Try to avoid the any type, as the more info you give typescript the better! NB: The more explicit you are the better. ANY - is basically just saying let’s continue as if we are using JavaScript TypeScript is JavaScript with syntax for types. TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale NB: The more information you can give typescript the better typescript will be at finding errors early on Transpiled version when you convert a ts [typescript] file to js [javascript] TypeScript continued TypeScript Types https://www.typescriptlang.org/docs/handbook/2/everyday-types.html number string boolean **any** null arrays enums literal types bigint type TypeScript continued Demo… Integration Integration Integration continued… Demo… Conclusion