console.log("yes we can create fully functional apps with just TypeScript!");
Developer
github.com/SeijiV13
Technical Lead, Frontier Software Asia Philippines
Trainer, RakSquad
Auth0 Ambassador
Community Lead, AngularPH,
seijivillafranca.com
Programming Language for the Web
Makes Web Pages Interactive
Can Validate Data
Without it, Pages our just Pages!
Developed in 10 Days
Brendan Eich, September 1995
Mocha
LiveScript
JavaScript
Don't be confused they are not related to each other!
JavaScript is called JavaScript for marketing strategies
Refrence: https://codeburst.io/javascript-trends-in-2020-b194bebc5ef8
Uses NodeJS on Azure Cloud Platform
Internet of Things (IoT)
Microsoft
Front End is Pure JavaScript
Developed KrakenJS (own version of express)
Gmail Web Client, Google Docs
Has own JS Framework AngularJS, Angular
Developed V8 for Chrome which is the heart of Node JS
Seeing JavaScript for the first time
Prototypes
Dynamic Types
Generics
Interfaces
Types
class Student {
fullName: string;
constructor(public firstName: string, public middleInitial: string,
public lastName: string) {
this.fullName = firstName + " " + middleInitial + " " + lastName;
}
}
interface Person {
firstName: string;
lastName: string;
}
let user = new Student("Jane", "A", "Doe");Transpiler
Target: ES6/ES5
Browsers don't understand Typescript
https://www.typescriptlang.org/community
Mobile Apps
Desktop Apps
Angular
Front End Framework
Single Page Application
Typescript Based
Component Based
Angular
Module
Component
Service
Collection of Components, Services, Directives, and also Modules
Can be imported into multiple Modules
A piece of code that defines the view with custom behaviors
Cannot be imported into multiple modules
Lets think of this one as a customized HTML Element with customized attributes
Used to communicate with endpoints
Used by components by dependency injection
Can also be injected by services
Side Menu
Can be seen on most of all pages
Can be a component that can be reused in different pages
Boilerplate code reduction
npm install –g @angular/cli
https://nodejs.org/en/
Check npm verision
Check npm verision
npm -v
ng --version
Install Angular CLI
Install Node JS
Back End Node Framework
Typescript Based
Shares many concepts with Angular that's why its called the perfect match
npm install –g @nest/cli
https://nodejs.org/en/
Check npm verision
Check npm verision
npm -v
nest --version
Install Nest CLI
Install Node JS