Versionamiento en Angular

Curso de Angular 4

Inicio del curso

De qué tratará este curso sobre Angular 4

Introducción a Angular 4

Versionamiento en Angular

¿Qué es Angular? Versiones y ventajas

Typescript: qué es

Introducción al Proyecto: PlatziSquare!

Setup del Ambiente de Trabajo

Herramientas de trabajo y Angular CLI

Generación y estructura de Angular 4

RETO: Haz un cambio simple en el proyecto.

Conceptos Básicos

Para qué nos sirven los Módulos y Componentes

Tipos de Data Binding y String Interpolation

Property Binding

Event Binding

Two Way Data Binding

Directivas en Angular 4 y ngFor

Directiva ngIf

Instalando librerías con NPM (Google Maps)

Directivas

Directivas ngStyle y ngClass

Directiva ngSwitch

Directiva de atributo

Host Listeners

Host Binders

Angular UI

Angular Material y Bootstrap

Configurando e implementando Bootstrap en nuestro proyecto

Ruteo

Qué hace el router en Angular 4

Implementación de Rutas en el Proyecto

Diferencias entre href y routerLink

Resaltando el link activo con CSS para indicar visualmente en que componente nos encontramos

Parámetros en Rutas

Parámetros tipo Query

Creando una vista de detalle para el proyecto

Creando la página de contacto para PlatziSquare

Servicios

Qué son los servicios en Angular 4

Creando nuestro propio servicio

Configurando Firebase en nuestro proyecto

Guardando Records en Firebase

Obteniendo records desde Firebase

Obteniendo coordenadas usando Geocoding

Reto: Crear una vista para editar records

Mostrando marcadores en el Mapa de Google

Conexión Remota (Http y Sockets)

Funcionamiento de los llamados Http y Sockets

Qué es una arquitectura cliente - servidor

Enviando llamados tipo POST

Enviando llamados tipo GET

Formateando respuestas del servidor con el operador map()

Manejando errores HTTP

Pipes

Utilidad de los Pipes en Angular 4

Usando los pipes por defecto de Angular

Parámetros en pipes

Creando nuestro propio pipe

Animaciones en Angular

Configurando animaciones en nuestro proyecto

Transiciones

Callbacks

Solución al Reto: Añadiendo animaciones a nuestra aplicación

Testing en Angular

Introducción a unit tests

Configuración de testing por default

Corriendo los tests

Creando unit tests para componentes

Integración de Unit Test con Servicios

Autenticación y Protección de Rutas

Cómo funcionan los JSON Web Tokens

Preparación de vistas para login y registro

Registrando usuarios

Loggeando usuarios

Protección de Rutas

Autenticación con redes sociales.

Logout

RxJS

Qué es RxJS

Configurando RxJS en nuestro proyecto

Uso de los Observables

Implementando un TypeAhead

Implementando un TypeAhead 2

Solución al reto autocompletar los campos de dirección usando observables

Publicando nuestro proyecto

Publicando en Firebase Hosting

Fin del curso

Conclusión ¿Qué aprendimos en el curso?

Reto final del curso - realiza un nuevo modulo de PlatziSquare de acuerdo con las historias de usuario

Sesiones en vivo

Creando un traser bullet de PlatziSquare

Sesión de preguntas y respuestas

Release de Angular 5

Sesión de preguntas y respuestas

Angular Universal

Contenido Bonus

Actualización de angular, versión 6.0

No hay de que preocuparse con la versión 5!

Puede que haya algo de dudas debido a todo el descontrol que hubo en las primeras versiones de Angular. Recordemos que en el update de la versión 1.x (Angular JS) -> versión 2, Angular JS fue prácticamente desechado y re-escrito.
Luego, de la versión 2 a la siguiente, se saltó completamente la versión 3, así que fuimos de v2 -> v4 directamente, esto debido a las versiones de sus módulos que se desfasaron en cuanto a numeración de versiones, principalmente el módulo de ruteo. Así que v2 -> v4 fue más para alinear estas versiones y consistió en updates no tan drásticas como v1->v2.

El update que habrá de v4->v5 es mucho más parecido al v2->v4 pero con aun menos cambios: el propósito principal de la versión es mejorar la coordinación entre el equipo de Angular, los colaboradores de Angular, los equipos de aplicaciones de Angular y la comunidad de proyectos de Angular.

Acerca del release date de Angular 5, observa la siguiente tabla

Screen Shot 2017-09-04 at 11.44.53 AM.png

Así que podemos decir que el release de Angular 5 será el 18 de Septiembre de este año.

NOTA IMPORTANTE: Angular 5 será retro-compatible con Angular Esto quiere decir que los cambios para la versión 5 en el core del framework y tooling no romperán el ecosistema existente de componentes y aplicaciones. Este es el texto original que puedes encontrar en la documentación de Angular acerca de este tema:

The primary goal of the backwards compatibility promise is to ensure that changes in the core framework and tooling don’t break the existing ecosystem of components and applications and don’t put undue upgrade/migration burden on Angular application and component authors.
https://github.com/angular/angular/blob/master/docs/RELEASE_SCHEDULE.md

NOTA IMPORTANTE 2: Angular 4 cuenta con un Long Term Support (LTS) que comenzará en Octubre de 2017 y terminará en Octubre de 2018.

Entre las mejoras que tendrá Angular 5, están las siguientes:

AOT será el default
Chequeo de tipos en templates
Metadata más flexible
Se removerán los archivos .ngfactory.ts
Mejores mensajes de error
Mejoramiento de performance

Entre otros

Otras fechas de lanzamiento:
Angular 6 - Marzo de 2018
Angular 7 - Septiembre/Octubre de 2018

Aportes 37

Preguntas 7

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Alfredo Alejandro Aparicio Moreno