Download as pdf or txt
Download as pdf or txt
You are on page 1of 40

HEADING TEXT

Subheading Text

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

You might also like