Crea tu propio Slack con SignalR

Taller: Crea tu propio Slack con SignalR

básico
3 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

Crea tu propio Slack con SignalR

Toma este curso
Crea tu propio Slack con SignalR

Taller: Crea tu propio Slack con SignalR

básico
+3 horas
Sube a premium

Y accede a todos los cursos con un solo pago

Crea tu propio Slack con SignalR

Crea tu propio Slack con SignalR

En este taller construirás una sala de chat con React.js y .NET Core desde 0, conectando backend con frontend y luego haciendo que se actualice en tiempo real usando SignalR.

Nivel: básico
Fecha de lanzamiento: 16 de nov.
Duración: +3 horas
(Ver temario)

* Accede a este y a todos los cursos, talleres y especialidades

En este taller aplicarás la teoría de los cursos de React.js desde 0 y Web apis con .NET Core en un ejemplo real donde construirás una sala de chat como Slack o Discord utilizando EDgrid para modelar la interfaz. Al terminar la interfaz conectaremos con el backend para guardar los datos y finalmente implementaremos SignalR Core para reflejar los cambios en tiempo real. Este workshop pertenece a la especialidad de Programador C# y .NET.

¿Qué aprenderás en este curso?

  • Cómo crear Apps en React.js y Web apis con .NET Core.
  • Manejo de la librería Axios para conectar con Apis.
  • Cómo implementar la librería SignalR core para manejar realtime en React.js y .Net core.

¿Qué conocimientos previos necesitas?

    Conocimientos de lógica de programación. Conocimientos de web apis en C#. Conocimientos en React.js.
Avatar

Prof. Miguel Teheran

@mteheranVer perfil

Developer / Software Consultant/ Speaker/ EDteam Author / DevopsDays Co-Organizer

Temario del curso

Análisis y estructura del proyecto

Aprenderás cómo analizar los requisitos de una app para estructurar tu proyecto.

  • 1.1 - Presentación

  • 1.2 - Objetivo del proyecto y análisis de funcionalidades

  • 1.3 - Creando aplicación base, frontend (React.js) y backend (Web Api .NET Core)

  • 1.4 - Conectando frontend (React.js) con backend (Web api .NET Core)

Creación de interfaz

Entenderás cómo construir prototipos con EDgrid y distribuir tu app en componentes en React.js.

  • 2.1 - Construyendo acceso de usuarios a salas

  • 2.2 - Modelando interfaz para las salas

  • 2.3 - Construyendo chat

Construyendo backend con .NET Core

Aprenderemos cómo persistir los datos usando .NET Core y Entity framework con una base de datos SQL Server.

  • 3.1 - Creación de clases y estructura del proyecto

  • 3.2 - Implementación de Entity framework

  • 3.3 - Creación de datos iniciales

  • 3.4 - Conectando Entity framework a base de datos real

  • 3.5 - Implementación de acciones guardar mensajes y el historial

Conectando acciones del frontend con el backend

Aprenderemos cómo invocar nuestra API desde React.js.

  • 4.1 - Invocando método para guardar historial de usuarios. (Parte 1)

  • 4.2 - Invocando método para guardar historial de usuarios. (Parte 2)

  • 4.3 - Invocando método crear pintar salas

  • 4.4 - Invocando método para guardar y listar mensajes. (Parte 1)

  • 4.5 - Invocando método para guardar y listar mensajes. (Parte 2)

Agregando Real-time a nuestro Trello

Usaremos SignalR para reflejar los cambios en tiempo real a todos los usuarios conectados.

  • 5.1 - ¿Qué es SignalR?

  • 5.2 - Implementando SignalR en el backend

  • 5.3 - Implementando SignalR en el frontend

  • 5.4 - Cierre taller

Avatar

Prof. Miguel Teheran

@mteheranVer perfil

Developer / Software Consultant/ Speaker/ EDteam Author / DevopsDays Co-Organizer

Sigue aprendiendo con

Plataforma de educación online con React.js

Plataforma de educación online con React.js

Avatar

Beto Quiroga

5

4.8

Librerías JavaScript

Librerías JavaScript

Avatar

Beto Quiroga

5

4.6

Ajax y WebSockets

Ajax y WebSockets

Avatar

Alexys Lozada

5

4.7

Empieza a aprender Crea tu propio Slack con SignalR

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Premium

Ahorra $120 USD
$3020USD

En un solo pago anual de $360 240 USD

Ahorra 33 %
Ahorra 17 %
Gráfico de tabla

Alcanza tus metas con todos los cursos y funciones premium.

unicorn-head-smile¿Tienes un EDycupón?
  • ¡Estudia 12 meses por el precio de 6!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+156 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • ¡Estudia 12 meses por el precio de 6!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+156 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

Ahorra $120 USD
$35USD

$360 240 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

Este curso aún no tiene comentarios

Empieza a estudiar Crea tu propio Slack con SignalR y sé el primero en compartir su opinión

EDy computadora

Sigue aprendiendo con

Plataforma de educación online con React.js

Plataforma de educación online con React.js

Avatar

Beto Quiroga

5

4.8

Librerías JavaScript

Librerías JavaScript

Avatar

Beto Quiroga

5

4.6

Ajax y WebSockets

Ajax y WebSockets

Avatar

Alexys Lozada

5

4.7

EDy flotante