Chuyma Notes

Chuyma notes es una PWA que esta enfocada para tomar notas del corazón, es mi forma de hacer conciente mi corazón.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Learning Process

The hello world

I used the official documentation to set up, you can use it here

What it will ask you to do is:

• Install the ng cli
• Create a new project
• Start the server

Components

They have 3 important things:

• styles (CSS)
• template (HTML)
• class (TS): Handles data and funtionality

Template

• Use ngFor to repeat a tag that traverses a list
• ngIf to create only if condition is met
• Interpolation {{ }}
• Property binding [ ] and template expression
• (click)="myfunction()" around events inside the template tags

Class

• @Component decorator
• Export the class
• Write the functionality
• @Input property value passes from parent
• @Output and Event Emitter

Tiempos que estoy usando

• 30 mins la app esta corriendo
• 60 mins creo mi primer componente localmente
• 60 mins termino de darle estilos