FullStack
Angular
&
NestJS
I'm Bezael Pérez
Software Developer @ Comandi Dashboard
Hey!
/bezael
@bezael_dev
/dominicode
What is NestJS?
A progressive Node.js framework for building efficient, reliable and scalable server-side applications.
1. Controllers:
Are responsible for handling incoming requests and returning responded to the client.
3. Guards:
Is a class annotated with the @Injectable() decorator.
Guards should implement the CanActivate interface.
2. Modules:
Is a class annotated with a @Module decorator.
Provides metadata that Nest makes user of to organize the application structure.
4. Middlewares:
Is a function which is called before the route handler.
5. Pipes:
Is a class annotated with the @Injectable() decorator.
6. Database:
Allowing you to easily integrate with any SQL or NoSQL database.
CLI
npm i -g @nestjs/cli
Use
nest new project-dominicode
What is Angular?
Angular is a TypeScript-based open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations.
Angular is a complete rewrite from the same team that built AngularJS.
1. Components:
Are the most basic UI building block of an Angular app.
An Angular app contains a tree of Angular components.
2. Modules:
A module is a mechanism to group components, directives, pipes and services that are related.
3. Guards:
Interface that a class can implement to be a guard deciding if a route can be activated.
4. Pipes:
Get data, transform them, and show them to users.
CLI
ng add @nestjs/ng-universal
platform agnostic
Websockets
The Building Blocks
Conclusion
TypeScript
RxJS
Angular
NestJS
Resources
-
https://docs.nestjs.com/
- https://slides.com/bezaelperez/fullstack-angular-nestjs
- https://github.com/bezael/fullstack-angular-nestjs
¡Gracias!
Questions
