¡90% de ahorro!
¡90% de ahorro!
Udemy

Angular: De cero a experto creando aplicaciones (Angular 8+)

Udemy
Online
  • Udemy
Precio Emagister

200 € 20 
CURSO PREMIUM
¿Quieres hablar con un asesor sobre este curso?
¿Quieres hablar con un asesor sobre este curso?

Información importante

Tipología Curso
Metodología Online
Inicio Fechas a elegir
Envío de materiales de aprendizaje
Servicio de consultas
Tutor personal
Clases virtuales
  • Curso
  • Online
  • Inicio:
    Fechas a elegir
  • Envío de materiales de aprendizaje
  • Servicio de consultas
  • Tutor personal
  • Clases virtuales
Descripción

Totalmente funcional en Angular 8+




Angular es un marco de trabajo (framework) de front-end impulsado por Google. Creado para desarrollar aplicaciones web, aplicaciones móviles o realizar procesos del lado del servidor utilizando NodeJS.


Este curso se enfoca en llevarte de la mano desde cero hasta poder crear aplicaciones de todo tipo, que van desde páginas web de una sola página (SPA - single page application) hasta conectarnos a una base de datos para realizar proceso de inserción, actualización, eliminación y selección de información. Este curso contiene todo lo que tu necesitas para poder crear aplicaciones con este framework tan potente y veloz.

Cada sección del curso termina en una aplicación completa que sirve para aprender y dominar un tema en especifico, y conforme vayamos avanzando en el curso, iremos creando aplicaciones más complejas y sin darnos cuenta ya estaremos creando directivas, componentes, pipes, servicios y rutas sin darnos cuenta.

Pero este curso no sólo te enseñara Angular, también conocerás sobre:


- Firebase   

- Firebase RESTful services

- TypeScript   

- ECMAScript 6   

- Reactive-Extensions   

- Sockets   

- Ionic 2   

- Ionic view – para realizar pruebas en dispositivos   

- Atom packages   

- Angular CLI

- AngularFire2

- Local Storage

- Bootstrap 4

- Spotify API

- Youtube API

- Entre otras tecnologías…

Aprenderemos este potente y muy veloz framework, con las debidas introducciones al código, lógica para resolver problemas utilizando las mejores prácticas y la guía de estilos oficial de Angular.  

Tendremos un poco de teoría introductoria pero el 95% del curso es práctico y se enfoca en crear varias pequeñas-medianas aplicaciones escalables, que te harán experto en Angular.  

Entre las aplicaciones que haremos en este curso están:

- Aplicación de música utilizando el API de Spotify   

- Aplicación estática que sirve páginas HTML - SPA

Información importante

Precio a usuarios Emagister:

Instalaciones (1) y fechas
Dónde se imparte y en qué fechas

Ubicación

Inicio

Online

Inicio

Fechas a elegirMatrícula abierta

A tener en cuenta

· ¿Cuáles son los objetivos de este 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

Preguntas & Respuestas

Plantea tus dudas y otros usuarios podrán responderte

Sólo publicaremos tu nombre y pregunta

Logros de este Centro

2016

¿Cómo se consigue el sello CUM LAUDE?

Todos los cursos están actualizados

La valoración media es superior a 3,7

Más de 50 opiniones en los últimos 12 meses

Este centro lleva 4 años en Emagister.

¿Qué aprendes en este curso?

HTML
Objetos
Estructura
funciones
Programación
Construccion
Programación web
desarrollo
Angular
Parámetros

Profesores

Fernando Herrera
Fernando Herrera
Profesor

Temario

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é veremos 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
Inicio 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
Verificació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 - Inicio 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
Inicio 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 token

Información adicional

¿QUé INCLUYE EL PRECIO DEL CURSO? COMUNICACIóN DIRECTA CON EL PROFESOR, EXTENSIONES Y ACTUALIZACIONES INCLUIDAS, REEMBOLSO DENTRO DE LOS 30 DíAS, POSIBILIDAD DE ACCEDER AL CONTENIDO DEL CURSO INCLUSO DESPUéS DE ACABARLO