Sección 13 terminada

Sección 13 terminada

Implementación de registro e inicio de sesión de usuarios (normal y con google).

Creación del servicio user.service y login.guard.

• Implementación de las funciones del user.service:
  • login()
  • loginGoogle()
  • createUser()
  • isLogin()
  • logout()
• Implementacion del LoginGuard ./src/app/services/guards/login.guard.tsen las rutas de la aplicación pages.router.ts.
• Creación del archivo de configuración para URL del BackEnd y Client Id de Google.
• Creación del modelo user.model.ts.
• Inclusión de los types en tsconfig.json para el Google API (gapi, gapi.auth2).
• Inclusión del script Google API en index.html.
• Inclusión del servicio UserService y LoginGuard en service.module.ts.

Implementación de la página de registro con Reactive Form.

• Inclusion de ReactiveFormsModule en app.module.ts.
• Implementación de la función signin en register.component.ts.
• Implementación del registro en register.componet.html.

Implementación de la página de inicio de sesión (login)

• Implementación del inicio de sesión normal y por Google API.

Sección 8 terminada

Sección 8 terminada

• Promesas.
• RxJs: utilización de Observables (Subscriber)
• Breadcrumbs: Se agregó la funcionalidad de la pagína actual.
• MetaTags: Utilización de Meta tags en el HTML.
• Título dinámico de la página.

Fin sección 7

Temas agregados

• Creación de la página Account Settings.
• Aplicación de los temas de forma dinámica desde la página Account Settings.
• Utilización de "Vanilla" JavaScript para el manejo de clases y atributos.
• Configuración del módulo de servicios (proveyendo los servicios) e importándolo al módulo principal de la aplicación app.module.ts.

  src/app/services/service.module.ts >
  

  ...
  providers: [
    SettingsService,
    SharedService,
    SidebarService
  ]
  ...

• Creación del indice de servicio.

  src/app/services/service.index.ts >>>
  

• Ejecuciones de funciones/scripts externos a componentes de angular

  import ...
  ...
  declare function initPlugins(): void;
  ...
  ngOnInit() {
    initPlugins();
  }
  ...

Sección 6: Input, Output y ViewChild

Notas:

Esta es la aplicación al punto de la sección 6

1. Input
2. Output
3. ViewChild
4. Focus
5. Graficas con [ng2-charts].

Versión inicial del proyecto

Version 1

1. Incluye routes
2. Incluye módulos iniciales
3. Incluye la plantilla.