Angular Avanzado: bases a siguiente nivel

Angular Avanzado: Lleva tus bases al siguiente nivel - MEAN

Tomaremos tu conocimiento actual de Angular y lo llevaremos al siguiente nivel.

Adquirir Ahora Vista previa gratis

Contenido del curso

1. Introducción al curso - Bienvenida
  PRUEBA GRATIS
2. ¿Cómo funcionará el curso?
  PRUEBA GRATIS
3. ¿Cómo hacer preguntas?
  PRUEBA GRATIS
4. Instalaciones necesarias para seguir el curso
  PRUEBA GRATIS
5. Nota de actualización - ¡Importante!
6. ¡Únete a Nuestra Comunidad de DevTalles en Discord!
1. Introducción a la sección
2. Temas puntuales que tocaremos en la sección
3. Inicio de proyecto - AdminPro
  PRUEBA GRATIS
4. Breve descripción del proyecto que haremos juntos
5. Primeros componentes e inicio de la estructura del proyecto
6. Agregar las librerías externas necesarias
7. Header, SiderBar, Breadcrumbs y contenedor principal
8. Implementando las rutas principales
9. Implementar rutas secundarias
10. Separando el login del template
11. Tarea práctica #2 - Register template
12. Resolución de la tarea práctica #2 - Register template
13. Aceleración de las animaciones
14. Página 404
15. Respaldo de nuestro trabajo en GitHub
16. Crear release de producción en GitHub
17. Código fuente
1. Introducción a la sección
2. Temas puntuales que aprenderemos en esta sección
3. Creando nuestro primer módulo
  PRUEBA GRATIS
4. Tarea práctica #3 - Creación de un módulo personalizado
5. Resolución de la tarea práctica #3 - Creación de un módulo personalizado
6. Rutas hijas - ForChild( )
7. AuthRoutingModule
8. Colocando nuestras rutas a partir de un path específico
9. Guardar los cambios en GitHub y crear un TAG de producción
10. Código de la sección
1. Introducción de la sección
2. Usar un backup de Github para continuar el proyecto
3. Clonar un proyecto en Github
1. Introducción a la sección
2. Temas puntuales de la sección
3. ¿Para qué nos puede servir la comunicación entre componentes?
4. Nuestro componente del ProgressBar
5. Uso de atributos personalizados
6. Crear componente incrementador
7. @Input - Componente incrementador
8. @Output - Componente incrementador
9. Color de los botones de forma condicional
10. Pulir detalles de nuestro incrementador component
11. Material para la siguiente clase
12. Gráficas en Angular
13. Tarea de Inputs y Outputs
14. Solución a la tarea de Input y Output
15. Guardar nuestros cambios en GitHub - Input y Output
16. Código de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Material de la sección
4. Diseño inicial de la página account-settings
5. Cambiar el CSS principal de forma dinámica
6. Agregando clases de CSS sin usar ngClass
7. Servicio Settings
8. RouterLink - Mover a una ruta en particular
9. Servicio para controlar el Sidebar - Menú lateral
10. Uso de Scripts de archivos importados en el index.html en TypeScript
11. Guardar nuestros cambios en GitHub - Sección 7
12. Código de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Introducción a las promesas y observables
4. Reforzamiento sobre Promesas
5. Funciones que retornan promesas
6. Componente Rxjs y arreglo en el menú
7. Crear un observable manualmente
  PRUEBA GRATIS
8. Método Retry de un observable
  PRUEBA GRATIS
9. Funciones que retornen observables
10. Operador map de los observables
11. Operador filter
12. Más información sobre operadores del RXJS
13. Llamar el unsubscribe
14. Breadcrumbs usando observables y parámetros de rutas
15. Optimizaciones del Breadcrumbs
16. Guardar cambios en GitHub - Sección 8
17. Código de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Inicio del backend server
4. Iniciando nuestro servidor de Express
5. Errores HTTP - PDF
6. Primera ruta
7. Nota: Enlaces a MongoDB Altas
8. Nota: Error conexión MongoDB (Network Access)
9. Mongo Altas - Configuración de BD
10. Estableciendo conexión entre Mongo y Node
11. Variables de entorno
12. Configurar CORS
13. Realizar un backup en GitHub de nuestro Backend-Server
14. Código de la sección
1. Introducción a la sección
2. Temas puntuales que cubrimos en la sección
3. Panorama general de nuestro backend
4. Creando el modelo de usuarios
5. Creando las rutas de los servicios del usuario
6. POST - Crear usuario
  PRUEBA GRATIS
7. Terminar el GET de los usuarios
8. Validar que el correo electrónico sea único
9. Validar campos obligatorios
10. Middleware personalizado - ValidarCampos
11. Encriptar la contraseña usando método de una sola vía
12. PUT - Actualizar un registro de usuario
13. Nota: Optimizaciones
14. Delete - Borrar un usuario
15. Login de usuario
16. Generación de un JWT
17. Revisión del Token - Middleware
18. Fin de la sección 10 - Backup a GitHub
19. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales que aprenderemos en esta sección
3. Inicio - CRUD de Médicos y Hospitales
4. CRUD y modelo de Médicos
5. Crear Hospitales
6. Crear médicos
7. Validar MongoID
8. Get - populate
9. Paginar los resultados de las búsquedas
10. Ruta y controlador para buscar
11. Búsqueda general en todas las colecciones de forma simultánea
12. Búsqueda por colección específica
13. Subir archivos al servidor
14. Subir archivos al servidor - parte 2
15. Asignar la imagen a un hospital, usuario o médico
16. Terminar la actualización de las imágenes
17. * Notas y recursos para la siguiente clase
18. Crear una ruta para obtener imágenes
19. Guardar en GitHub los cambios y avances de la sección
20. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales que aprenderemos en esta sección
3. Página oficial para implementar un login de Google
4. Crear ID de la aplicación y un ID secreto - Google Developer
5. Crear una aplicación rápida para probar el Google Sign-in
6. Validar token de Google en nuestro backend
7. Crear un registro en nuestra colección de usuarios
8. Bonus: Documentación de los servicios de forma automática
9. Subir nuestros cambios a GitHub - Sección 12
10. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación del proyecto - Backend Server
4. Actualizar Hospital
5. Eliminar Hospital
6. Tarea: Actualizar y Eliminar Médicos
7. Guardar cambios en Github - Sección 13
8. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales que aprenderemos en esta sección
3. Iniciando MongoDB, el backend server y nuestro proyecto de Angular
4. Creando un modelo de usuario
5. Formulario de Registro - Reactive Forms
6. Validaciones del formulario
7. Validar las contraseñas iguales
8. * Posible error con el SweetAlert
9. Usuario Service - Crear usuarios
10. SweetAlert 2
11. Login de usuario - normal
12. Guardar información en el LocalStorage
13. Función del recuérdame
14. Documentación de Google Sign-In - Identity
15. Obtener el Token de una autenticación, Google Sign-In
16. Usar el Token de Google para autenticarnos
17. Proteger rutas de mi aplicación
18. Logout
19. Optimización del init de Google
20. Guardar cambios en GitHub
21. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales que aprenderemos en esta sección
3. Continuación de proyecto - AdminPro Frontend y Backend
4. Centralizar la información del usuario conectado
5. Mostrar imagen del perfil del usuario
6. Optimizaciones del email
7. Crear el componente del perfil del usuario
8. Actualizar el perfil del usuario
9. Actualizar el perfil del usuario - continuación
10. Servicio de carga de imágenes
11. Vista previa de la imagen seleccionada
  PRUEBA GRATIS
12. Mensajes al usuario
13. Bloquear usuario de Google
14. Guardar cambios en Github
15. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales que cubriremos aquí
3. Continuación del proyecto - AdminPro
4. Crear el componente de usuarios
5. Cargar los usuarios de forma paginada
6. Paginar los usuarios
7. Detalles estéticos de nuestra página
8. Mensaje de carga de información
9. Búsqueda de usuarios
10. Pulir la búsqueda de usuarios
11. Borrando usuarios
12. Frontend - No borrarme a mi mismo
13. Actualizar el rol del usuario
14. Modal para la carga de imágenes
15. Control del modal y carga de imágenes
16. Cargar imágenes usando el modal
17. Actualizar la imagen del usuario desde el modal
18. Guardar cambios en GitHub
19. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales que aprenderemos en esta sección
3. Diseño de la pantalla de hospitales
4. Modelo y Servicio de Hospitales
5. Mostrar los hospitales en el HTML
6. Pipes para mostrar las imágenes
7. CRUD de Hospitales
8. Funcionamiento del mantenimiento de Hospitales
9. Búsqueda de hospitales
10. Componente de Médico, Médicos y Servicio de Médicos
11. Servicio de Médicos - CRUD
12. Buscar médicos y redirección al componente de médico
13. Borrar médicos
14. Componente de Médico - Estructura HTML
15. Preparar el formulario de creación de médicos
16. Mostrar información del hospital seleccionado
17. Crear médico en base de datos
18. Cargar un médico seleccionado
19. Actualizar un médico
20. Cargar imagen del Hospital al editar
21. Guardar cambios GitHub
22. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales que aprenderemos en esta sección
3. Continuación de proyecto - Búsqueda Global
4. Componente para búsquedas globales
5. Mostrar la información de la búsqueda
6. Menú del lado del servidor
7. Cargar el menú
8. Admin Guard
9. Validar el ADMIN_ROLE en nuestro backend
10. Validar si es el mismo usuario o un admin
11. Guardar cambios en GitHub
12. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. LazyLoad
4. Desplegar nuestro Backend Server
5. Nota de actualización - ng build
6. Angular - Generar el build de distribución
7. Backend - Servir una SPA
8. Subir los cambios a Github
9. Código fuente
1. Temas puntuales de la sección
2. Inicio de proyecto - Interceptores
3. Peticiones HTTP tradicionales
4. RXJS map, throwError y catchError
5. Interceptores
6. Interceptor - Añadir headers y manejo de errores
7. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales que aprenderemos en esta sección
3. Introducción a las pruebas automáticas
4. Tipos de pruebas
5. Inicio del proyecto de pruebas
1. Introducción a la sección
2. Temas puntuales que aprenderemos en esta sección
3. Generalidades de las pruebas
4. Probando Strings
5. Comprobar que el resultando CONTENGA algo
6. Probando números
7. Probando booleanos
8. Probando arreglos
9. Probando clases
10. BeforeEach - BeforeAll - AfterAll - After Each
11. Observar el porcentaje de cobertura de nuestra aplicación - code-coverage
12. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales que aprenderemos en esta sección
3. Saltar pruebas
4. Event Emitter
5. Formularios
6. Validaciones de formularios
7. Material para la siguiente clase: Espías
8. Explicación del contenido de los archivos adjuntos
9. Espías
10. Confirmar que un método sea llamado
11. Espías: returnValue
12. Probar errores en los observables
13. Simular confirmaciones de usuario
14. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Configuraciones de las pruebas de integración
4. Comprobar que el componente se creara correctamente
5. Servicios en el TestingModule - Uso de servicios
6. Archivos SPEC generados automáticamente usando AngularCLI
7. Material de pruebas de integración - Incrementador
8. Material de pruebas de integración - Incrementador
9. Realizar pruebas en el HTML del componente
10. Revisar el valor de un input físicamente
11. Confirmar que elementos HTML tengan los eventos deseados
12. Verificar cambios en un elemento html tras eventos
13. Separar las pruebas unitarias de las pruebas de integración
14. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales que aprenderemos en esta sección
3. Probando la existencia de una ruta en particular
4. Pruebas de un router-outlet
5. Confirmar que exista un router-outlet
6. Confirmar que exista un routerLink hacia el componente de médicos
7. Errores por selectores desconocidos
8. Preparando un componente que recibe parámetros y navega
9. Reemplazar servicios de Angular por servicios falsos
10. Comprobar parámetros enviados a un observable
11. Código fuente de la sección
1. Introducción a la sección
2. Demostración del programa que haremos al final de la sección
3. Instalaciones necesarias
4. Inicio de proyecto - Game of the Year
5. Creación de páginas y componentes
6. Configuración del gráfico inicial
7. Cambiar valores de la gráfica de forma aleatoria
8. Firebase y Firestore - Nuestra base de datos
9. Cloud Functions - Hola Mundo
10. Firebase: Credenciales para trabajar local y remotamente
11. Cloud Function: GET - Obtener colecciones
12. Servidor Express dentro de Firebase Cloud Functions
13. Post: Incrementar en 1 el voto del juego
14. Firebase deploy: Subir las nuevas funciones
15. Angular: HTTP GET - Obtener y mostrar los juegos
16. Mostrar los juegos en el HTML
17. Angular: Votar por el juego del año
18. Manejo de errores en la petición
19. Angularfire - Obtener información en tiempo real
20. Gráfica en tiempo real
21. Desplegar la aplicación de Angular a Firebase Hosting
22. Código fuente de la sección
1. Más sobre mis cursos
2. Más información sobre nuestros otros cursos

Acerca de este curso

346 lecciones
32 horas de contenido en video
USD 50.00

Cursos que podrían intesarte

+DevTalles

Este segmento es exclusivo para sesiones en vivo con Fernando Herrera. Durante estas podrás realizar preguntas relacionadas al contenido de sus cursos y participar de forma interactiva con los panelistas. Se incluyen grabaciones de sesiones pasadas.

Pago único

Adquiere el curso con un único pago de forma vitalicia, con acceso a la comunidad y posibles actualizaciones futuras.

$50.00

Promociones y descuentos pueden aplicar.

Comprar ahora

Suscripción
Devtalles PRO Mensual

^USD16

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante el mes de vigencia.

Suscripción
DevTalles PRO Trimestral

^USD48

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante 3 meses de vigencia.

Suscripción
DevTalles PRO Semestral

^USD96

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante los 6 meses de vigencia.

Suscripción
DevTalles PRO Anual

^USD176

El mejor precio disponible

Suscribirme ahora

Adquiere 1 año entero de suscripción al precio de 11 meses. Obtienes acceso ilimitado a toda la plataforma, comunidades, cursos, clases en vivo, acceso anticipado a una comunidad exclusiva y cursos en construcción.

¿Cuál es el siguiente paso?

Si quieres profundizar tu conocimiento en Angular, te invitamos a seguir el Programa Angular Expert diseñado para que sigas aprendiendo.

Ver programas

Sección 1: Introducción

Sección 2: Dominando la creación automática del Angular CLI

Sección 3: Estructuración de nuestro proyecto

Sección 4: Módulos

Sección 5: NOTA: Base para la mayoría de los ejercicios

Sección 6: @inputs y @Outputs

Sección 7: Servicios básicos, temas, rutas básicas y persistencia de los ajustes

Sección 8: Observables y Promesas

Sección 9: Backend - Node - Express - Mongo - Instalaciones y configuraciones básicas

Sección 10: HospitalAPP - Backend Server - Funciones de Usuarios

Sección 11: Médicos y Hospitales - CRUD - Búsquedas - subida de Imágenes

Sección 12: Backend - Autenticación con Google Sign

Sección 13: Médicos y Hospitales - CRUD

Sección 14: Implementar el login y registro de usuarios en el FrontEnd

Sección 15: Perfil del usuario, pipes y subida de fotografía

Sección 16: Mantenimiento de Usuarios y modal de carga de imágenes

Sección 17: Médicos y Hospitales

Sección 18: Buscador, servicios del menú y AdminGuard

Sección 19: Optimizaciones, Lazy Load y despliegues

Sección 20: Bonus - Interceptors

Sección 21: Pruebas automáticas - Unitarias - Integración

Sección 22: Pruebas Unitarias

Sección 23: Pruebas unitarias intermedias / avanzadas

Sección 24: Pruebas de integración

Sección 25: Pruebas de integración intermedias y avanzadas

Sección 26: Bonus: Angular, Firestore, Firebase functions, deployment y más

Sección 27: Fin del curso

Acerca de este curso

+DevTalles

TypeScript: Tu completa guía y manual de mano.

JavaScript Moderno: Guía para dominar el lenguaje

ReactiveX - RxJs: De cero hasta los detalles

$50.00

Suscripción Devtalles PRO Mensual

Suscripción DevTalles PRO Trimestral

Suscripción DevTalles PRO Semestral

Suscripción DevTalles PRO Anual

Suscripción
Devtalles PRO Mensual

Suscripción
DevTalles PRO Trimestral

Suscripción
DevTalles PRO Semestral

Suscripción
DevTalles PRO Anual