Angular: De cero a experto creando aplicaciones (Angular 8+)
Información
Udemy
Online
Curso
Tener una base sólida para trabajar con Angular Dominar TypeScript para crear aplicaciones en Angular Aplicar los conceptos nuevos del ECMAScript 6 en nuestros proyectos de Angular Crear aplicaciones en Angular siguiendo las mejores prácticas Crear aplicaciones básicas en Ionic y utilizarlas en su celular (no es necesario cuentas de desarrollador) Dominar las directivas, pipes, componentes, servicios y la estructura de una aplicación de Angular A quién va dirigido Personas que quieran aprender Angular Personas que deseen crear aplicaciones en Angular Aquellos que quieran una introducción a Ionic Personas que no tengan conocimiento alguno de Angular Personas que estén interesadas en el consumo de recursos de terceros como Google, Twitter, Facebook, Firebase, entre otros Requisitos Conocimiento de JavaScript básico es necesario. Conocimiento básico de la estructura de páginas HTML NO es necesario conocimiento de Angular 1 NO es necesario conocimiento de TypeScript NO es necesario conocimiento alguno sobre Angular o Ionic NO es necesario conocimiento de ES6, ECMAScript 6 o ES2015 Temario completo de este curso Contenido del curso Introducción Actualización: Información sobre Angular y el curso ¿Cómo realizar preguntas? ¿Cómo funcionará este curso? Instalaciones y configuraciones mínimas necesarias. Instalaciones adicionales Introducción a la sección ¿Qué aprenderemos en esta sección? Demostración del TypeScript Configuración de TypeScript Variables let y const Introducción al TypeScript Introducción a los tipos de datos Template literales del ES6 Funciones: Parámetros opcionales, obligatorios y por defecto Funciones de Flecha Destructuración de Objetos y Arreglos Promesas en ES6 Interfaces de TypeScript Introduccion a las Clases de la POO Definición de una clase básica en TypeScript Constructores de una clase en TypeScript Nota sobre la siguiente clase Módulos de TypeScript Decoradores de Clases Exámen práctico #1 Resolución del examen práctico #1 Examen teórico #1 Introducción a la sección ¿Qué aprenderemos en esta sección? Demostración de lo que lograremos en esta sección Introducción a los componentes y directivas estructurales. Nuestra primera interacción en Angular Nota de Actualización del AngularCLI Creando un entorno local de Angular Estructura del proyecto Utilizando Bootstrap 4 TemplateUrl: Separando el HTML el componente Creando el footer.component Estructura del body component Directivas estructurales: *ngFor y el *ngIf Examen teórico - de la sección Hola Mundo Código fuente de la sección Introducción a la sección ¿Qué emos en esta sección? Demostración de lo que lograremos en esta sección Iniciar el proyecto - SPA Creando la estructura de nuestro proyecto Instalando el bootstrap cuando usamos el Angular-CLI Configurando el navbar y otros componentes Rutas en Angular RouterLink y RouterLinkActive - Completando las rutas Componente Heroes - diseño Introducción a los Servicios Creando nuestro primer servicio - HeroesService Página de Heroes - Diseño con *ngFor Rutas con parametros - Router Recibiendo parámetros por URL - ActivatedRoute Tarea práctica #1 - Componente del héroe Resolución de la tarea práctica #1 - Componente del héroe Pipes: Transformación visual de la data. Buscador de Héroes Tarea práctica #2: Crear la pantalla de búsqueda de héroes. Resolución de la tarea 2 - Buscador de Héroes Plus: Mostrando un mensaje cuando no hay resultados. @Input - Recibir información de un componente padre a un hijo @Output - Emitir un evento del hijo hacia el padre Arreglar detalles de la búsqueda Código fuente de la sección Introducción a la sección ¿Qué aprenderemos en esta sección? Demostración del resultado de la sección - Pipes del proyecto y la introducción a los Pipes Pipe: uppercase y lowercase Pipe: Slice Pipe: Decimal Pipe: Percent - Porcentajes Pipe: Currency - Moneda Pipe: Json Pipe: Async Cambiar pipe de Fecha a español Pipe: Date - Fecha Pipes personalizados: Capitalizar palabras Pipe Personalizado: Domseguro Tarea de Pipes Resolución de la tarea de Pipes Código fuente de la sección Introducción a la sección ¿Qué aprenderemos en esta sección? Demostración del resultado de esta sección Sitio web de developer de Spotify Iniciando el proyecto - SpotiApp Creando las rutas de nuestra aplicación Introducción a las peticiones HTTP Actualización - Token para uso de servicios Spotify HTTPClient - Service: Conectándonos a Spotify Consumiendo información del servicio de Spotify Componente de Búsqueda de artistas Operador Map de los Observables Centralizar las peticiones hacia Spotify ificación de imagen y pipe para manejar las imágenes Componente de tarjetas Creando un loading component Página del artista, nueva ruta, parámetro por url y servicio Obtener artista de Spotify Servicio: Top-tracks Widgets de Spotify Manejo de errores de un observable Generar Token de Spotify de forma automática Examen teórico: SpotiApp Código fuente de la sección Introducción a la sección ¿Qué aprenderemos en esta sección? Demostración del resultado de esta sección ¿Qué es ionic? Creando el esqueleto de nuestra aplicación ionic DevApp: Para probar en nuestro dispositivo la aplicación Material de la sección - DeseosApp Componente de Pendientes, estructura y Tabs Servicio y clases de nuestra lista de deseos Pantalla de pendientes - diseño y documentación de ionic Navegación entre pantallas y diseño de agregar lista Diseño de la página de agregar Alert Controller - Agregar una lista a nuestro servicio Localstorage - Hacer persistente la información Funcionalidad de la pantalla para agregar tareas a la lista Detalles estéticos de la pantalla de agregar Eliminar items de la lista de deseos Editar elementos de otras listas Módulo de componentes y listas component Componente listas Eliminar una lista Pipes impuros Editar el título de la lista Código fuente de la sección Introducción a la sección ¿Qué aprenderemos en esta sección? Demostración de lo que lograremos al finalizar la sección Creando el proyecto de esta sección - Misceláneos ngStyle y su uso con directivas de atributos. Aplicando CSS a un sólo componente ngClass - Agregando clases de estilos a nuestros elementos HTML Usando procesos asíncronos con indicadores de usuario Directivas personalizadas ngSwitch - Múltiples opciones con una sola decisión Rutas y Rutas Hijas Rutas Hijas Separar las rutas hijas a un archivo especifico Obteniendo parámetros del padre, desde las rutas hijas Ciclo de vida completo de un componente Demostración del ciclo de vida de un componente Introducción a la sección ¿Qué aprenderemos en esta sección? Demostración de lo que lograremos al finalizar la sección Aplicación con autenticación Auth0 - del proyecto Creando la interfaz de nuestra aplicación Comenzando con Auth0 - Componentes y servicios Configuraciones en Auth0 dashboard y uso del servicio Conectar la los botones con los métodos de Auth0 Servicio de bloqueo - CanActivate - AuthGuard Obteniendo el perfil del usuario que inició sesión Código fuente de la aplicación - AuthApp Introducción a la sección Temas puntuales de la sección Demostración de la aplicación - Login tradicional de proyecto - LoginApp Crear modelo para el manejo de los usuarios Conectar el formulario de registro con una instancia del modelo de usuario Validar la información antes de enviarla a un servidor Mostrar errores en pantalla Tarea - Pantalla de login y sus validaciones Firebase y servicios REST Registrar un nuevo usuario Login de usuarios Guardar Token en el LocalStorage SweetAlert2 - Mostrar notificaciones al usuario Recordar usuario Guard para proteger la ruta si no se está autenticado Logout - Cerrar sesión Mejorar la validación del toke más
Otros cursos de esta academia
Cisco CCNA Fundamentos de Networking para Redes IP
(Udemy)
Entender el funcionamiento de la cli y los diferentes modos de usuario de un equipo cisco así como las diferentes memorias... configurar rutas estáticas y rutas...
Mainframe IBM en tu PC
(Udemy)
Sabrás cuáles son las principales industrias en donde se utilizan los mainframes instalarás un entorno de tipo mainframe ibm en tu pc instalarás un emulador de terminales...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Al finalizar el curso deberas ser capaz de instalar, configurar y publicar aplicaciones web que requieran la implementación de un servidor lamp a quién va dirigido...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Tratamiento farmacológico... ¿qué necesitamos para realizar un diagnóstico adecuado?... ) que quieran aprender y profundizar sobre un problema sobre el que es muy...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Curso 2: estudiantes con nivel intermedio-avanzado que quieran mejorar su pronunciación y su vocabulario en francés... curso 2: de preferencia tener un nivel intermedio...
POWER BI |Curso KPI y Business Intelligence para Call Center
(Udemy)
Aprenderán a usar el power bi para obtener información valiosa para la toma de decisiciones en la empresa... a quién va dirigido estudiantes que desean agregar habilidades...
Microservicios con Spring Boot y Spring Cloud Netflix Eureka
(Udemy)
Construye, implementa y escala microservicios con spring boot 2 y spring cloud aprende a crear y consumir servicios web restful con spring boot conecta y consume...
Aprende Dibujo Artístico fácilmente. Arte y creatividad.
(Udemy)
Podrás dibujar todo aquello que ves adquirirás soltura y seguridad en el trazo percibirás los objetos en 2d podrás encajar la forma correctamente disfrutar dibujando...
RestFul Api con Python usando Django Rest FrameWork
(Udemy)
Py guardando el owner fuente guardando el owner probando acceso a api de productos resumen introducción documentando con swagger documentando con coreapi extra y...
ReactJS Avanzado - FullStack React GraphQL y Apollo
(Udemy)
Crear aplicaciones completas con react, apollo y graphql conocer más sobre mongodb y mongoose para integrarlo a sus aplicaciones react crear aplicaciones fullstack...