Ever wondered how to push information from the server to your single page app in the browser?
Delivering up-to-date information is crucial today. In classic web applications, server side code is passive and needs to be queried to get information. Web sockets, however, gives the ability to have server-side code push content to clients in real-time.
This Wednesday Evening Training, our colleagues Sina Wahed and Carl in 't Veld gave us an excellent introduction into the application of web sockets in a connected web browser setup.
This technology really helps building a real-time web experience in applications like chat, stock tickers, co-editing et cetera.
After this, Carl gave us a demo and code walk through of a nice example SignalR application building an event-driven web socket enabled web application. SignalR is an ASP.NET based software library allowing server code to send asynchronous notifications to client-side web applications. Read more on this in the links below.
Then Sina escorted us in a deep-dive into the details of the web sockets protocol. WebSocket is a computer communications protocol, providing full-duplex communication channels over a single TCP connection.
Of course there was plenty of room for Q&A, discussions and hands on labs. But since the amount of contents exceeded the amount of time, we'll continue these topics in next Wednesday Evening Training sessions. We'll also take a deep dive in additional related topics as well.
Interesting and innovative stuff! Thanks Sina and Carl for sharing your knowledge with us!
To get started:
Have the latest Nodejs/npm LTS installed: https://nodejs.org/
Have Visual Studio Code installed: https://code.visualstudio.com/
or Visual Studio 2017 / 2019 if you have a Visual Studio subscription. https://visualstudio.microsoft.com/
On Web Sockets:
WebSocket: https://en.wikipedia.org/wiki/WebSocket
WebSockets 101: lucumr.pocoo.org/2012/9/24/websockets-101/
On SignalR:
SignalR: https://en.wikipedia.org/wiki/SignalR
Real-time ASP.NET with SignalR: Incredibly simple real-time web for ASP.NET: https://dotnet.microsoft.com/apps/aspnet/real-time
ASP.NET Core SignalR .NET Client: https://www.youtube.com/watch?v=vHgMD7I3Duw
Example code (GitHub): https://github.com/swappdeveloper/watwsstappen
Example code (GitHub) swappdeveloper/WednesdayTrainingWebsocketExample:
https://github.com/swappdeveloper/WednesdayTrainingWebsocketExample
Example code using Azure Durable Function (GitHub): https://github.com/cveld/DurableFunctionsExample
Delivering up-to-date information is crucial today. In classic web applications, server side code is passive and needs to be queried to get information. Web sockets, however, gives the ability to have server-side code push content to clients in real-time.
This Wednesday Evening Training, our colleagues Sina Wahed and Carl in 't Veld gave us an excellent introduction into the application of web sockets in a connected web browser setup.
This technology really helps building a real-time web experience in applications like chat, stock tickers, co-editing et cetera.
So, what did we do during our Wednesday Evening Training?
We started with a Microsoft-flavored :) overview of event driven architectures and the application of web sockets in a connected web browser setup.After this, Carl gave us a demo and code walk through of a nice example SignalR application building an event-driven web socket enabled web application. SignalR is an ASP.NET based software library allowing server code to send asynchronous notifications to client-side web applications. Read more on this in the links below.
Then Sina escorted us in a deep-dive into the details of the web sockets protocol. WebSocket is a computer communications protocol, providing full-duplex communication channels over a single TCP connection.
Of course there was plenty of room for Q&A, discussions and hands on labs. But since the amount of contents exceeded the amount of time, we'll continue these topics in next Wednesday Evening Training sessions. We'll also take a deep dive in additional related topics as well.
Interesting and innovative stuff! Thanks Sina and Carl for sharing your knowledge with us!
Next Wednesday Evening Training...
Next Wednesday Evening Training, we'll have an introduction on Neural Networks. We'll be getting an overview of the concepts and applications and we'll dive into the mathematics & algorithms involved.Further study
Do you want to read more on the topics in this post or play around with the technology? Here are some links…To get started:
Have the latest Nodejs/npm LTS installed: https://nodejs.org/
Have Visual Studio Code installed: https://code.visualstudio.com/
or Visual Studio 2017 / 2019 if you have a Visual Studio subscription. https://visualstudio.microsoft.com/
On Web Sockets:
WebSocket: https://en.wikipedia.org/wiki/WebSocket
WebSockets 101: lucumr.pocoo.org/2012/9/24/websockets-101/
On SignalR:
SignalR: https://en.wikipedia.org/wiki/SignalR
Real-time ASP.NET with SignalR: Incredibly simple real-time web for ASP.NET: https://dotnet.microsoft.com/apps/aspnet/real-time
ASP.NET Core SignalR .NET Client: https://www.youtube.com/watch?v=vHgMD7I3Duw
Example code (GitHub): https://github.com/swappdeveloper/watwsstappen
Example code (GitHub) swappdeveloper/WednesdayTrainingWebsocketExample:
https://github.com/swappdeveloper/WednesdayTrainingWebsocketExample
Example code using Azure Durable Function (GitHub): https://github.com/cveld/DurableFunctionsExample
No comments:
Post a Comment