En la actualidad las páginas web se han transformado en aplicaciones en sí mismas, con más cantidad de componentes que nunca antes, y con más exigencia de parte de sus consumidores y clientes. En este curso aprenderás a utilizar Angular, uno de los frameworks líderes del mercado para desarrollo de aplicaciones de una única página, o conocidas como SPA por la sigla en inglés de 'Single Page Application'. Además, se hará una introducción gradual al lenguaje NodeJS y al desarrollo de interfaces para aplicaciones (API por su sigla en inglés de Application Program Interface), con el objetivo de desarrollar servicios web básicos para darle comportamiento a la aplicación Angular.
Este curso forma parte de Programa Especializado - Full Stack Web Development en Español
Desarrollo de páginas con Angular
ofrecido por
Acerca de este Curso
5,944 vistas recientes
Qué aprenderás
Emplear Angular para desarrollar aplicaciones de página única (SPA), y herramientas de pruebas automatizadas para validar su comportamiento.
Integrar Angular con Bootstrap.
Utilizar NodeJS para desarrollar servicios web básicos.
Diseñar una página para salir a producción.
Habilidades que obtendrás
ReduxTypescriptprogramación front-end SPAtesting unitario (TDD)Angularjs
100 % en línea
Comienza de inmediato y aprende a tu propio ritmo.
Fechas límite flexibles
Restablece las fechas límite en función de tus horarios.
Nivel principiante
Aprox. 27 horas para completar
Sugerido: aproximadamente 5 hs./semana
Español (Spanish)
Subtítulos: Español (Spanish)
Programa - Qué aprenderás en este curso
5 horas para completar
Introducción a Angular y primera SPA
En el módulo 1 aprenderás a crear un proyecto Angular y usar Typescript, aprenderás sus principales características y lo importante para tener en cuenta en la definición de tu proyecto. Iremos profundizando temas para que domines a fondo los conceptos técnicos y luego utilizaremos librerías y herramientas, como Express, que simplifican el proceso de desarrollo, por ejemplo, para simular una aplicación de servidor simple. Finalizado el primer módulo tendrás un conocimiento general de Typescript y buen criterio para estructurar en componentes una aplicación web de lado cliente SPA.
5 horas para completar
7 videos (Total 111 minutos), 12 lecturas, 2 cuestionarios
7 videos
Instalación de Herramientas para Angular16m
Instalación de Herramientas GIT19m
Primera Aplicación Básica Angular17m
Agregando Bootstrap al Proyecto9m
Primeros pasos con Componentes y Templates19m
Aplicación SPA mejorada24m
12 lecturas
Dinámica del curso
Guía práctica de Instalación de Herramientas para Angular10m
Guía práctica de Instalación de Herramientas GIT15m
Guía práctica de Primera Aplicación Básica Angular10m
Guía práctica de Agregando Bootstrap al Proyecto10m
Guía práctica de 1ros pasos con componentes y templates20m
Introducción a la estructura de una app Angular10m
Vinculando datos a componentes10m
Publicando una aplicación10m
Introducción a Typescript10m
Aplicación SPA mejorada10m
Guía práctica de Aplicación SPA mejorada30m
1 ejercicio de práctica
Calificado del Módulo 120m
6 horas para completar
Programación Reactiva basada en Componentes
En el módulo 2 trabajaremos con formularios y validaciones, con el fin de hacer aplicaciones interactivas. Además, aprenderemos los principios de programación reactiva, utilizando librerías como rxjs y redux, para lograr aplicaciones que manejen un estado a nivel global para manipular los cambios en la interfaz de usuario.
6 horas para completar
12 videos (Total 167 minutos), 10 lecturas, 2 cuestionarios
12 videos
Trabajando en prototipar y personalizar vistas13m
Introducción al manejo de rutas10m
Implementación de formularios interactivos14m
Uso de Validaciones provistas por Angular5m
Validaciones personalizadas11m
Principios de diseño de Observables y RxJS11m
Arquitectura de aplicaciones reactivas23m
Integrando Redux y Angular - Parte 120m
Integrando Redux y Angular - Parte 28m
Arquitecturas de datos y visualización de la misma7m
Integración de conocimientos e implementación de la SPA23m
10 lecturas
Guía práctica de Componentes y Controladores10m
Guía práctica de Trabajando en prototipar y personalizar vistas10m
Guía práctica de Introducción al manejo de rutas10m
Inyección de dependencias5m
Guía práctica de Implementación de formularios interactivos15m
Guía práctica de Validaciones por defecto5m
Guía práctica de Validaciones personalizadas10m
Guía práctica de Arquitectura de aplicaciones reactivas25m
Guía práctica de Integrando Redux y Angular25m
Guía práctica de Integración de conocimientos e implementación de la SPA30m
1 ejercicio de práctica
Calificado del Módulo 220m
5 horas para completar
Conceptos avanzados e integración al stack MEAN
En el módulo 3 veremos cómo manejar diferentes rutas en una misma SPA, con el fin de mostrar distintas pantallas, pero sin recargar el navegador. Además, aprenderemos a interactuar con API a través de HTTP, e invocaciones REST utilizando JSON como representación de la información transmitida. Por último, veremos cómo almacenar información usando tecnologías html5, en bases de datos NoSql embebidas en el navegador, a través del uso de IndexedDB.
5 horas para completar
10 videos (Total 143 minutos), 7 lecturas, 2 cuestionarios
10 videos
Organizar rutas de forma modular10m
Organizar en una aplicación los diferentes flujos de navegación8m
Inyección de dependencias básico6m
Inyección de dependencias nivel intermedio16m
Nodejs para desarrollo de APls básicas sin persistencias11m
Integración mediante JSON11m
Principios de REST26m
Almacenamiento de información local con angular10m
Desarrollo integrador25m
7 lecturas
Guía práctica de Manejo de Rutas avanzado15m
Guía práctica de Organizar rutas de forma modular10m
Guía práctica de Inyección de dependencias nivel intermedio10m
Módulos y servicios10m
Guía práctica de Principios REST20m
Guía práctica de Almacenamiento de información local con angular20m
Guía práctica de Desarrollo integrador25m
1 ejercicio de práctica
Calificado del Módulo 320m
5 horas para completar
Componentes avanzados, testing automático y Trabajo Final
En el módulo 4 aprenderemos acerca del ciclo de vida de nuestra aplicación y sus componentes. Además, utilizaremos componentes de mapa, para ejemplificar el uso de componentes externos avanzados o complejos. Por último, veremos el uso de librerías de pruebas automáticas para hacer más robusto nuestro sistema, por eso veremos Jasmine para realizar pruebas unitarias y usaremos Cypress para realizar pruebas de extremo a extremo o end2end. Para finalizar, integraremos nuestro repositorio de git con CircleCI para implementar un ciclo de integración continua que nos garantice la salud de nuestra aplicación a medida que nosotros, y nuestro equipo, trabajamos sobre un mismo repositorio.
5 horas para completar
8 videos (Total 90 minutos), 8 lecturas, 2 cuestionarios
8 videos
Componentes avanzados propios - animaciones8m
Ciclo de vida de componentes, eventos y directivas personalizadas9m
Caso de uso: Registro de actividad de usuario9m
Uso de Jasmine js para pruebas unitarias17m
Uso de cypress js para pruebas funcionales10m
Automatización con circle ci22m
Final del curso2m
8 lecturas
Guía práctica de Uso de componentes avanzados Mapas15m
Guía práctica de Componentes avanzados propios con animaciones15m
Guía práctica de Ciclo de vida de componentes, eventos y directivas personalizadas15m
Guía práctica de Caso de uso - Registro de actividad de usuario15m
Buenas prácticas de testing unitario8m
Guía práctica de Uso de Jasmine js para pruebas unitarias20m
Guía práctica de Uso de cypress js para pruebas funcionales20m
Guía práctica de Automatización con circle ci25m
1 ejercicio de práctica
Calificado del Módulo 420m
3.8
9 revisionesPrincipales revisiones sobre Desarrollo de páginas con Angular
Excelente Curso, me ha gustado todas las herramientas que se han utilizado y como se implementan para una aplicación.
Instructor
Sebastián Matías Alonso
Ingeniero en Sistemas de la Información. UTN-FRBAFacultad de Ingeniería
1,337 alumnos
2 cursosofrecido por
Universidad Austral
La Universidad Austral se propone servir a la sociedad a través de la búsqueda de la verdad, mediante el desarrollo y transmisión del conocimiento, la formación en las virtudes y la atención de cada persona según su destino trascendente, proponiendo un estilo de liderazgo intelectual, profesional, social y público.
Acerca de Programa especializado Full Stack Web Development en Español
En la actualidad, las páginas web se han transformado en aplicaciones en sí mismas, con más cantidad de componentes que nunca antes, y con más exigencia de parte de sus consumidores y clientes.
Este programa te permitirá crear páginas web reactivas y apps móviles nativas de nivel profesional. Asimismo, te brindará herramientas, tanto para crear páginas webs, aplicando diseños realizados por diseñadores profesionales, como para programar el backend que dé soporte a una aplicación móvil o web.
El programa está destinado a toda persona interesada en aprender, de manera práctica, a programar páginas reactivas y apps móviles.
Se desarrolla en 4 MOOCs de 4 semanas de duración cada uno.
Preguntas Frecuentes
¿Qué es Coursera Plus y su política de reembolso?
¿Cuándo podré acceder a las lecciones y tareas?
Una vez que te inscribes para obtener un Certificado, tendrás acceso a todos los videos, cuestionarios y tareas de programación (si corresponde). Las tareas calificadas por compañeros solo pueden enviarse y revisarse una vez que haya comenzado tu sesión. Si eliges explorar el curso sin comprarlo, es posible que no puedas acceder a determinadas tareas.
¿Qué recibiré si me suscribo a este Programa especializado?
Cuando te inscribes en un curso, obtienes acceso a todos los cursos que forman parte del Programa especializado y te darán un Certificado cuando completes el trabajo. Se añadirá tu Certificado electrónico a la página Logros. Desde allí, puedes imprimir tu Certificado o añadirlo a tu perfil de LinkedIn. Si solo quieres leer y visualizar el contenido del curso, puedes auditar el curso sin costo.
¿Cuál es la política de reembolsos?
¿Hay ayuda económica disponible?
¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.