- Descarga nuestra app
-
- Siguenos en redes
Sobre nosotros
-
Sobre Edutin Academy
Conoce nuestra misión y valores.
-
Nuestra historia
Conoce nuestra historia.
-
Campus virtual
Conoce nuestra infraestructura tecnológica.
-
Contenidos académicos
Conoce el tipo de contenidos académicos utilizados en nuestra biblioteca de cursos.
-
Empleos
Explore nuestros puestos vacantes, encuentre un trabajo que le encante y postule.
Certificados
Curso de Angular 2 de cero a experto
Este curso de angular 2 de cero a experto esta diseñado para enseñarte a desarrollar todo tipo de aplicaciones web de alta tecnología como un profesional.
Con una combinación de teoría, ejercicios prácticos y ejemplos, vamos a desarrollar diferentes tipos aplicaciones como:
- Mapas.
- Auth0.
- Chats.
- Audio y video.
- Aplicaciones estáticas e ilustrativas.
Entre otras.
Al finalizar este curso de angular 2 de cero a experto, vas a adquirir bases solidas para trabajar en todas los componentes de este framework y a la vez serás capaz de crear todo tipo de aplicaciones de la manera más optima e integral.
Como angular 2 integra múltiples tecnologías, al estudiar con este curso no solo vas a convertirte en experto en Angular 2, sino también aprenderás acerca de diferentes herramientas como TypeScript, Firebase, Ionic 2, Bootstrap 4, Spotify API, ECMAScrip 6, Youtube API y muchas más; Además al completar el curso recibirás una certificación de validez internacional que da muestra de los conocimientos adquiridos.
Para estudiar en este curso de cero a experto solo necesitas conocimientos básicos de JavaScript y HTML.
Curso de Angular 2 de cero a experto
*Accede a este y a más de 6.000 cursos gratis
Modalidad 100% virtual
El contenido está disponible las 24 horas del día para que puedas estudiar en tu propio horario.
Certificado internacional
Al finalizar el Curso de Angular 2 de cero a experto puedes obtener un certificado de estudios, con validez internacional. Ver más
Qué aprenderás
Con una combinación de teoría, ejercicios prácticos y ejemplos, vamos a desarrollar diferentes tipos aplicaciones como:
- Mapas.
- Auth0.
- Chats.
- Audio y video.
- Aplicaciones estáticas e ilustrativas.
Entre otras.
Al finalizar este curso de angular 2 de cero a experto, vas a adquirir bases solidas para trabajar en todas los componentes de este framework y a la vez serás capaz de crear todo tipo de aplicaciones de la manera más optima e integral.
Como angular 2 integra múltiples tecnologías, al estudiar con este curso no solo vas a convertirte en experto en Angular 2, sino también aprenderás acerca de diferentes herramientas como TypeScript, Firebase, Ionic 2, Bootstrap 4, Spotify API, ECMAScrip 6, Youtube API y muchas más; Además al completar el curso recibirás una certificación de validez internacional que da muestra de los conocimientos adquiridos.
Para estudiar en este curso de cero a experto solo necesitas conocimientos básicos de JavaScript y HTML.
-
0 semanas estimadas
1-2 horas por semana -
Video clases
Aprende a través de videos explicativos y lecturas concretas -
Título a certificar
Angular 2 . By Edutin Academy USA
Programa del curso
introducción al módulo
demostración del typescript
configuración de typescript
variables let, const e introducción a los tipos de datos
introducción al typescript
introducción a los tipos de datos de typescript
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
módulos de typescript
decoradores de clases
resolución del examen práctico #1
introducción al módulo
demostración de lo que lograremos en este módulo
introducción a los componentes y directivas estructurales.
nuestra primera interacción en angular
creando un entorno local de angular
estructura del proyecto
utilizando bootstrap 4
templateurl: separando el template el componente
creando el footer.component
estructura del body component
directivas estructurales: *ngfor y el *ngif
introducción al módulo
demostración de lo que lograremos en este módulo
inicial el proyecto utilizando angular-cli
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
introducción al módulo
demostración del resultado del módulo - pipes
inicio del proyecto y la introducción a los pipes
inicio del proyecto y la introducción a los pipes
pipe: slice
pipe: decimal
pipe: percent - porcentajes
pipe: currency - moneda
pipe: json
pipe: async
pipe: date - fecha
pipes personalizados: capitalizar palabras
pipe personalizado: domseguro
tarea de pipes
resolución de la tarea de pipes
introducción al módulo
demostración del resultado de este módulo
iniciando el proyecto - spotiapp
creando las rutas de nuestra aplicación
bootstrap 4: slideshow y detalles en el homecomponent
http - service: conectándonos a spotify
suscribiéndonos a nuestro observable
ngmodel: utilizando nuestro servicio con una variable
verificación de imagen y pipe para manejar las imágenes
página del artista, nueva ruta, parámetro por url y servicio
servicio: top-tracks
tarea: diseño de la página del artista
resolución de la tarea: diseño de la página del artista.
widgets de spotify
introducción al módulo
demostración del resultado de este módulo
¿qué es ionic 2?
creando el esqueleto de nuestra aplicación
ionic view: para probar en nuestro dispositivo la aplicación
componente de pendientes, estructura y tabs
servicio y clases de nuestra lista de deseos (código adjunto)
pantalla de pendientes - diseño y documentación de ionic
navegación entre pantallas y diseño de agregar lista
funcionalidad de la pantalla de agregar lista
tarea: creando la función de eliminación del listado
resolución de la tarea: eliminación del listado.
agregando al servicio, alertas y retornando a la pantalla principal
localstorage - almacenando la información.
pasar parámetros entre componentes y componente de detalles
pantalla de detalle y sus funciones
confirmación de eliminación
pipes impuros
tarea de ionic - pantalla de listas terminadas
solución - pantalla de listas terminadas
introducción al módulo
demostración de lo que lograremos al finalizar el módulo
creando el proyecto de este módulo - misceláneos
ngstyle y su uso con directivas de atributos
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 al módulo
demostración de lo que lograremos al finalizar el módulo
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
servicio de bloqueo - canactivate - authguard
correcciones, detalles y actualizaciones al código anterior
obteniendo el perfil del usuario que inició sesión
posible error que puedan tener con el jwt
personalizando el login y otras opciones
introducción al módulo
demostración de lo que lograremos al finalizarel módulo
inicio del proyecto de formularios - material adjunto incluido
creación de componentes - aproximación por template y data
template: ngmodel - ngsubmit - referencias locales a los elementos html
template: obteniendo la información del formulario
template: validaciones independientes y cambio de estilo
tarea: repaso de las validaciones
resolución de la tarea - validaciones
template: aplicando clases del bootstrap para mostrar errores y mensajes
template: uso de selects, radio y checkbox
data: aproximación de formularios utilizando código
data: creación del formulario - formgroup
data: enlazando inputs a propiedades del formgroup y validaciones
data: continuando con las validaciones y html
data: agrupaciones de los objetos - formgroupname
data: reset y carga de la data al formulario a partir de un objeto
data: arreglos de formcontrol - formarray
data: validaciones personalizadas
data: validar que el password2 sea igual al password1
data: validadores asíncronos
data: detectar cambios en los valores o estado del formulario ó un control
introducción al módulo
demostración de lo que lograremos al finalizar el módulo
inicio del proyecto - crud - firebase
creando los componentes y rutas de la aplicación
estilo de los componentes y formulario de edición
creando el servicio heroes - control del insert, delete, update y select
http - post - creando un nuevo registro en firebase
http - put - actualizar el registro
http - get - obtener un nodo específico
http - get - obtener un listado de todos los héroes
http - delete - para eliminar registros
maquillaje para nuestra pantalla de héroes
introducción al módulo
demostración de lo que lograremos al finalizar el módulo
iniciando el proyecto - firechat
instalación del angularfire2 - uso de la librería
componente del chat
servicio para controlar las acciones del chat
cargar y agregar mensajes al chat
desplegar mensajes en la caja del chat
agregaremos dos formas para autenticar nuestro chat.
autenticación con twitter
toques finales a nuestro chat
introducción al módulo
¿cuál es el resultado esperado de este módulo?
crear una cuenta en themoviedb
jsonp - peticiones cross domain
¿cómo usar los servicios de themoviedb?
tarea de película
creación de los componentes de la aplicación
diseño de la pantalla home y uso de servicios
pipe para controlar las imágenes de las películas
enviar y recibir información de un componente a otro
componente de búsqueda
búsqueda del navbar
pantalla de pelicula
detalles finales de la aplicación de películas
introducción al módulo
demostración de lo que lograremos al finalizar el módulo
iniciando el proyecto de mapas
instalando angular2-google-maps y creando un api de googlemaps
agregando marcadores con descripciones
eventos en el mapa - crear marcadores, arrastrarlos y obtener coordenadas
arrastrar marcadores, actualización y almacenamiento en el local storage
editar contenido del marcador y eliminarlo
detalles estéticos de la aplicación de mapas
introducción al módulo
demostración de lo que lograremos al finalizar el módulo
inicio del proyecto - youtubeapp
componentes de la aplicación de youtube
obtener la lista de reproducción "uploads"
crear la interfaz de los videos del canal
pipe para pasar el problema de la seguridad y método de cargar más videos
Puedes compartir tu Certificado en LinkedIn, en tu currículum impreso o en otros documentos.
Obtenga un certificado de estudios
-
Validez internacional
Evidencie su aprendizaje ante cualquier empleador o institución. -
Tareas calificadas
Reciba calificaciones y observaciones de todas sus actividades resueltas. -
Asistencia académica
Solicite asesoría sobre su proceso de certificación.
Angular 2
20 horas certificables
Al finalizar el Curso de Angular 2 de cero a experto puede obtener un certificado de estudios para evidenciar sus nuevos conocimientos y habilidades.
Crear cuenta gratisValoración de los estudiantes
86%
0%
14%
0%
0%
-
Oswaldo Rodriguezhace 8 años -
Teslem Sidihace 8 años
-
Misaelhace 8 años
-
Aldair Guerrerhace 8 años
-
Kevin Hernándezhace 8 años
Preguntas frecuentes
Claro que si, todos los cursos disponibles en Edutin Academy son de acceso gratis. Los cursos también incluyen la opción de obtener un certificado de estudios para evidenciar su aprendizaje, en ese caso necesitará realizar el pago de una tarifa ajustada a la economía de su país.
Los cursos de Edutin Academy incluyen videos, lecturas, evaluaciones, actividades y proyectos prácticos basados en situaciones de la vida real, que le ayudarán a colocar inmediatamente en práctica los conocimientos del curso.
Para obtener el certificado de estudios necesitará inscribirse al curso de su interés, seleccionar la opción "estudiar con certificado" y realizar el pago de una tarifa ajustada a la economía de su país. Finalmente, necesitará aprobar el curso con una calificación mínima para recibir su certificación.