Qué es una arquitectura cliente - servidor

Resumen

La arquitectura Cliente - Servidor se usa tanto para HTTP como Sockets.

El CLIENTE es el elemento de la arquitectura que envía y recibe datos desde y hacia el servidor.

El SERVIDOR es el encargado de atender todas las solicitudes de los clientes, generalmente ademas del código que atiende las peticiones tambien tenemos las bases de datos en las que almacenamos la información.

En nuestro caso el cliente es la aplicación de Angular 4 que estamos desarrollando y el servidor es Firebase.

Víctor Hugo Rivas Sánchez

student•

Cliente-Servidor con Python y Angular

Usuario anónimo

user•

Arquitectura Cliente - Servidor:

Cliente: Angular
Servidor: Firebase

Carlos Uriel de Jesus Sánchez González

student•

Como indica el instructor, y en opinión personal y laboral es mejor manejar web sockets

Juan Carlos Barcinilla Alarcon

student•

Es el futuro.

Alejandro Martín Fernández

student•

Headers ya está desfasado, dejo mi código:


import { HttpClient, HttpHeaders } from '@angular/common/http';

public guardarLugar(lugar: any) {
  const httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/json',
    })
  };
  return this.http.post<any>(`${this.API_ENDPOINT}/lugares.json`, lugar, httpOptions);
}

Alejandro Martín Fernández

student•

Bueno, me faltó un .suscribe() al final del return

return this.http.post<any>(`${this.API_ENDPOINT}/lugares.json`, lugar, httpOptions).suscribe();

Julio Jaramillo

student•

Modelo cliente servidor:
se usa en Http y sockets.

Cliente: Envia y recibe datos de un servidor.
Servidor: Atiende las peticiones del cliente, tiene un ip publica en la cual se accede a este.

Nosotros estamos armando un cliente en nuestro proyecto de Angular.

Jesús Olivares Olivares Suarez

student•

La magia de trabajar Cliente servidor y con entorno WEB es que los sistemas no requieren instalar ninguna aplicación. Es que no tenemos que tener instalada la aplicación las computadoras.
Solo con el navegador accedemos por URL y podemos tener acceso desde cualquier computador.

Luis Felipe Cardona Florez

student•

Firebase es una base de datos o un servidor ?

Diego Forero

Team Platzi•

Firebase es un Backend as a Services, tienen varios servicios como es base de datos en tiempo real, autenticación entre otros servicios para que se puedan implementar en aplicaciones por lo general móviles.

Luis Felipe Cardona Florez

student•

Las web progressive son con puro firebase y angular ?

Cristian Palta

student•

buenas clases

import { HttpClient, HttpHeaders } from '@angular/common/http';

public guardarLugar(lugar: any) {
  const httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/json',
    })
  };
  return this.http.post<any>(`${this.API_ENDPOINT}/lugares.json`, lugar, httpOptions);
}

Qué es una arquitectura cliente - servidor

Inicio del curso

Angular 4: configuración a despliegue profesional

Introducción a Angular 4

Versionamiento en Angular

Qué es Angular 4 y el salto de versiones

Typescript: qué es

Cómo monetizar una app directorio comercial

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

ngModel y two way binding en Angular

Directivas en Angular 4 y ngFor

Cómo usar ngIf en Angular 4.0

Instalando librerías con NPM (Google Maps)

Directivas

ngStyle y ngClass en Angular: estilos condicionales

Directiva ngSwitch

Cómo crear directivas de atributo en Angular

Host Listeners

HostBinding en Angular: controla estilos desde directivas

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

Href vs router link: navegación angular

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

Parámetros de ruta con routerLink en Angular

Parámetros tipo Query

Creando una vista de detalle para el proyecto

Página de contacto Angular desde cero

Servicios

Servicios en Angular para compartir datos

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

Guardias canActivate en Angular: Proteger rutas con autenticación

Cómo integrar Facebook login con Firebase

Logout en Angular con Firebase

RxJS