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

#EDteamFunciona, compruébalo

#EDteamFunciona, compruébalo

Comienza este curso gratis
Comienza este curso gratis
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 Noviembre
Duración: +3 horas
(Ver temario)
Calificación: 4.7
(Ver 3 opiniones)

Comparte:

Acerca de este curso

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?

  • 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.

¿A quién está dirigido este curso?

  • Estudiantes
  • Profesionales.
  • Web developers.
  • .NET Developers.
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.6

Empieza a aprender Crea tu propio Slack con SignalR

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

Mostrar precios en

Obtén cuatro meses gratis
al adquirir un plan anual

Por $ USD más obtén
una suscripción anual

Premium

Ahorra $120 USD
$360240USD

El mes te sale a $30 20 USD

Ahorra 33 %

Ahorra 33 %

Ahorra 33 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

unicorn-head-smile¿Tienes un EDycupón?
  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+169 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

  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+169 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

$35USD

$30 20 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?

3 calificaciones de los estudiantes (4.7)

Cargando Calificaciones...

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.6