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.
Ce cours fait partie de la Spécialisation Full Stack Web Development en Español
Desarrollo de páginas con Angular
proposé par
À propos de ce cours
7,405 consultations récentes
Ce que vous allez apprendre
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.
Compétences que vous acquerrez
ReduxTypescriptprogramación front-end SPAtesting unitario (TDD)Angularjs
Les étudiants prenant part à ce Course sont
- Technical Support Associates
- Software Engineers
- Data Engineers
- Engineers
Programme du cours : ce que vous apprendrez dans ce cours
Semaine
15 heures pour terminer
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.
7 vidéos (Total 111 min), 12 lectures, 2 quiz
7 vidéos
Bienvenida al curso4 min
Instalación de Herramientas para Angular16 min
Instalación de Herramientas GIT19 min
Primera Aplicación Básica Angular17 min
Agregando Bootstrap al Proyecto9 min
Primeros pasos con Componentes y Templates19 min
Aplicación SPA mejorada24 min
12 lectures
Dinámica del curso
Guía práctica de Instalación de Herramientas para Angular10 min
Guía práctica de Instalación de Herramientas GIT15 min
Guía práctica de Primera Aplicación Básica Angular10 min
Guía práctica de Agregando Bootstrap al Proyecto10 min
Guía práctica de 1ros pasos con componentes y templates20 min
Introducción a la estructura de una app Angular10 min
Vinculando datos a componentes10 min
Publicando una aplicación10 min
Introducción a Typescript10 min
Aplicación SPA mejorada10 min
Guía práctica de Aplicación SPA mejorada30 min
1 exercice pour s'entraîner
Calificado del Módulo 120 min
Semaine
26 heures pour terminer
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.
12 vidéos (Total 167 min), 10 lectures, 2 quiz
12 vidéos
Trabajando en prototipar y personalizar vistas13 min
Introducción al manejo de rutas10 min
Implementación de formularios interactivos14 min
Uso de Validaciones provistas por Angular5 min
Validaciones personalizadas11 min
Principios de diseño de Observables y RxJS11 min
Arquitectura de aplicaciones reactivas23 min
Integrando Redux y Angular - Parte 120 min
Integrando Redux y Angular - Parte 28 min
Arquitecturas de datos y visualización de la misma7 min
Integración de conocimientos e implementación de la SPA23 min
10 lectures
Guía práctica de Componentes y Controladores10 min
Guía práctica de Trabajando en prototipar y personalizar vistas10 min
Guía práctica de Introducción al manejo de rutas10 min
Inyección de dependencias5 min
Guía práctica de Implementación de formularios interactivos15 min
Guía práctica de Validaciones por defecto5 min
Guía práctica de Validaciones personalizadas10 min
Guía práctica de Arquitectura de aplicaciones reactivas25 min
Guía práctica de Integrando Redux y Angular25 min
Guía práctica de Integración de conocimientos e implementación de la SPA30 min
1 exercice pour s'entraîner
Calificado del Módulo 220 min
Semaine
35 heures pour terminer
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.
10 vidéos (Total 143 min), 7 lectures, 2 quiz
10 vidéos
Manejo de Rutas avanzado13 min
Organizar rutas de forma modular10 min
Organizar en una aplicación los diferentes flujos de navegación8 min
Inyección de dependencias básico6 min
Inyección de dependencias nivel intermedio16 min
Nodejs para desarrollo de APls básicas sin persistencias11 min
Integración mediante JSON11 min
Principios de REST26 min
Almacenamiento de información local con angular10 min
Desarrollo integrador25 min
7 lectures
Guía práctica de Manejo de Rutas avanzado15 min
Guía práctica de Organizar rutas de forma modular10 min
Guía práctica de Inyección de dependencias nivel intermedio10 min
Módulos y servicios10 min
Guía práctica de Principios REST20 min
Guía práctica de Almacenamiento de información local con angular20 min
Guía práctica de Desarrollo integrador25 min
1 exercice pour s'entraîner
Calificado del Módulo 320 min
Semaine
45 heures pour terminer
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.
8 vidéos (Total 90 min), 8 lectures, 2 quiz
8 vidéos
Componentes avanzados propios - animaciones8 min
Ciclo de vida de componentes, eventos y directivas personalizadas9 min
Caso de uso: Registro de actividad de usuario9 min
Uso de Jasmine js para pruebas unitarias17 min
Uso de cypress js para pruebas funcionales10 min
Automatización con circle ci22 min
Final del curso2 min
8 lectures
Guía práctica de Uso de componentes avanzados Mapas15 min
Guía práctica de Componentes avanzados propios con animaciones15 min
Guía práctica de Ciclo de vida de componentes, eventos y directivas personalizadas15 min
Guía práctica de Caso de uso - Registro de actividad de usuario15 min
Buenas prácticas de testing unitario8 min
Guía práctica de Uso de Jasmine js para pruebas unitarias20 min
Guía práctica de Uso de cypress js para pruebas funcionales20 min
Guía práctica de Automatización con circle ci25 min
1 exercice pour s'entraîner
Calificado del Módulo 420 min
Enseignant
Sebastián Matías Alonso
Ingeniero en Sistemas de la Información. UTN-FRBAFacultad de Ingeniería
À propos de 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.
À propos du Spécialisation 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.
Foire Aux Questions
Quand aurai-je accès aux vidéos de cours et aux devoirs ?
Une fois que vous êtes inscrit(e) pour un Certificat, vous pouvez accéder à toutes les vidéos de cours, et à tous les quiz et exercices de programmation (le cas échéant). Vous pouvez soumettre des devoirs à examiner par vos pairs et en examiner vous-même uniquement après le début de votre session. Si vous préférez explorer le cours sans l'acheter, vous ne serez peut-être pas en mesure d'accéder à certains devoirs.
À quoi ai-je droit si je m'abonne à cette Spécialisation ?
Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.
Quelle est la politique de remboursement ?
Une aide financière est-elle possible ?
D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.
Coursera propose un accès universel à la meilleure formation au monde,
en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.
© 2019 Coursera Inc. Tous droits réservés.
