programacionparaaprender/angular-course

Curso de angular nuevo

AngularCourse

cursos

• https://www.udemy.com/course/angular-for-beginners-course/learn/lecture/12538294#overview

error For non-CLI projects, add import '@angular/localize/init'; to your polyfills.ts file.

• https://stackoverflow.com/questions/75364179/angular-localize-error-after-updating-from-version-14-to-15
• ng add @angular/localize
• ng add @angular/material
• ng add document-register-element
• npm install body-parser core-js cors express
• npm install --save-dev ts-node
• npm i -D typescript @types/express @types/node
• npm install --save @angular/localize

npm install --save @angular/language-service @types/node

habilitar coverage

• https://angular.dev/guide/testing/code-coverage

error

• https://blog.logrocket.com/how-to-set-up-node-typescript-express/
• https://stackoverflow.com/questions/58729856/how-to-solve-can-only-be-default-imported-using-the-esmoduleinterop-flag-in

Sección 1: Introduction to Angular

1. Angular for Beginners - Helicopter View

2. Recommended Software Versions

3. Course Kickoff - Development Environment Setup

4. The Typescript Jumpstart Ebook

5. Introduction To Angular - Custom HTML Elements, Model vs View

6. Why Angular? Learn the Key Features of Angular Core

Sección 2: Angular Components

7. New Section - Angular Components and Core Directives

• https://github.com/angular-university
• https://github.com/angular-university/angular-course

8. Building our First Angular Component

• ng generate component course-card

9. Component Inputs and the @Input Decorator

10. Angular Component @Output - Custom Event and Event Emitters

11. Angular @for Syntax

12. Angular @for @empty, $index and other extra options

13. Comparison between @for and ngFor

14. Angular @if Syntax

15. Comparison between @if and ngIf

16. Angular ngClass Core Directive - Learn All Features

17. Angular ngStyle Core Directive - When to use if and Why

18. Angular @switch Syntax

19. 15 Angular Built-In Pipes - Complete Catalog

Sección 3: Conclusion & Bonus

20.

instalar

• node 20.11.1
• npm install -g @angular/cli

This project was generated with Angular CLI version 18.0.3.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application 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.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.