Funcionamiento de los llamados Http y Sockets
Clase 40 de 80 • Curso de Angular 4
Contenido del curso
Introducción a Angular 4
Setup del Ambiente de Trabajo
Conceptos Básicos
- 9

Para qué nos sirven los Módulos y Componentes
08:10 min - 10

Tipos de Data Binding y String Interpolation
05:05 min - 11

Property Binding
06:04 min - 12

Event Binding
03:04 min - 13

ngModel y two way binding en Angular
05:12 min - 14

Directivas en Angular 4 y ngFor
07:39 min - 15

Cómo usar ngIf en Angular 4.0
03:04 min - 16

Instalando librerías con NPM (Google Maps)
06:48 min
Directivas
Angular UI
Ruteo
- 24

Qué hace el router en Angular 4
03:11 min - 25

Implementación de Rutas en el Proyecto
07:36 min - 26

Href vs router link: navegación angular
02:27 min - 27

Resaltando el link activo con CSS para indicar visualmente en que componente nos encontramos
01:53 min - 28

Parámetros de ruta con routerLink en Angular
06:01 min - 29

Parámetros tipo Query
03:53 min - 30

Creando una vista de detalle para el proyecto
09:06 min - 31

Página de contacto Angular desde cero
07:45 min
Servicios
- 32

Servicios en Angular para compartir datos
00:58 min - 33

Creando nuestro propio servicio
07:11 min - 34

Configurando Firebase en nuestro proyecto
05:12 min - 35

Guardando Records en Firebase
12:20 min - 36

Obteniendo records desde Firebase
08:40 min - 37

Obteniendo coordenadas usando Geocoding
13:45 min - 38

Reto: Crear una vista para editar records
09:29 min - 39

Mostrando marcadores en el Mapa de Google
03:02 min
Conexión Remota (Http y Sockets)
Pipes
Animaciones en Angular
Testing en Angular
Autenticación y Protección de Rutas
- 59

Cómo funcionan los JSON Web Tokens
03:05 min - 60

Preparación de vistas para login y registro
11:58 min - 61

Registrando usuarios
07:29 min - 62

Loggeando usuarios
07:18 min - 63

Guardias canActivate en Angular: Proteger rutas con autenticación
11:09 min - 64

Cómo integrar Facebook login con Firebase
09:08 min - 65

Logout en Angular con Firebase
05:28 min
RxJS
- 66

Cómo funciona RxJS con metáfora de oficina
02:09 min - 67

Mostrar email del usuario logueado en Angular
06:32 min - 68

Uso de los Observables
04:30 min - 69

Cómo implementar type ahead con Observables y RxJS
10:43 min - 70

Implementar formularios reactivos con type ahead
07:58 min - 71

Cómo rellenar campos automáticamente con Google
01:28 min
Publicando nuestro proyecto
Fin del curso
Sesiones en vivo
Contenido Bonus
Imagina un mundo en el que después de viajar horas y horas en un avión, llegas a un hermoso lugar y no tienes forma de compartir esa felicidad con tus amigos y familia, todas las fotos se quedan en los rollos ¿Puedes imaginar un mundo sin redes sociales? Un mundo sin comunicación. Antes, las personas se comunicaban usando cartas, muchas historias de amor hace no más de 25 años nacieron y crecieron escribiendo cartas que tardaban meses en llegar de un enamorado al otro.
Hoy en día gracias a nuestros genios programadores tenemos Internet,. Cada vez se desarrollan mejores técnicas y mejores formas de usarlas para que nuestra vida siga cambiando en diferentes áreas, y tú puedes hacer parte de este cambio.
Quiero mostrarte cómo funciona la comunicación con servidores remotos que es lo que nos permite tener conversaciones instantáneas, publicar fotos en redes sociales, ver vídeos desde tu playstation con youtube, vender tus obras de arte a través de lugares como istockphoto.com, o almacenar toda tu información en la nube. Increíble ¿Verdad? Muchos de estos servicios usan Angular para trabajar.
Angular nos ofrece una forma de trabajar con éste tipo de comunicación, se llama Angular Universal, y nos ofrece el SEO del que carecen todas las Single Page Applications
Otra forma es enviar solo los datos que el cliente requiera usando por ejemplo el protocolo REST. En este caso el cliente se encarga del html al 100%, es decir, la página se construye en tu navegador.
Aquí tenemos dos formas de establecer esta comunicación:
Por http: el cliente inicia una llamada hacia el servidor; el servidor regresa un resultado y cuando el cliente recibe ese resultado, el ciclo de vida de la llamada se ha terminado.
HTTP aprovecha la red de internet para funcionar, nos abstrae de mucha complejidad. Cuando HTTP establece una comunicación, el canal se cierra automáticamente una vez que recibió respuesta. La ventaja de HTTP sobre usar sockets es su facilidad de uso y la gran popularidad que ha recibido de parte de la comunidad, empresas y proyectos.
La otra forma es mediante sockets, pero ¿Qué son los sockets?
En Angular 4 se implementó por completo el uso de sockets para la comunicación con los servidores, esto quiere decir que el cliente abre comunicación con el servidor, el servidor dedica un puerto para intercambiar información con el cliente y a través de este medio, una cantidad específica de llamadas y respuestas pueden ser entabladas mientras el socket continúe abierto.
Los sockets nos brindan una manera más flexible de controlar las comunicaciones y dada su naturaleza, permiten que las apps funcionen de forma más rápida y reactiva. Sin embargo, los sockets son más complejos de usar y aún no son muy populares.
Yo te recomiendo siempre que sea posible usar sockets pero http sigue siendo una forma confiable y muy popular de proveer servicios y API’s tipo REST.
Recuerda que para nuestro proyecto PlatziSquare usamos Firebase como servidor que permite acceder a su base de datos en cualquier modalidad (http o socket). Veremos ejemplos tanto en HTTP como en sockets usando RX.js, la librería de Angular 4.