Oleksandr Skachkov "Running С# in your Web Browser with WebAssembly"

•Télécharger en tant que PPTX, PDF•

0 j'aime•352 vues

WebAssembly is increasing its popularity and more a more languages support WebAssembly. We will overview what WebAssembly is, how it works and what key features has. Also we will take a look at Blazor, the new framework from Microsoft that allows to build a .NET application running in a browser.

Technologie

Oleksandr Skachkov, Itera
Running C# in your Web Browser with
WebAssembly

ABOUT ME
• Itera’s FrontEnd Tech Lead
• WebKit contributor
• WebAssembly enthusiast
• Twitter: @alSkachkov

• JavaScript in the Web
• WebAssembly’s key features
• WebAssembly and C#
• Blazor

C# developer asked to do some JavaScript

• Announced in 17 June 2015
• Supported by major Browsers
• Developed by WebAssembly Working
Group (W3C)
• Draft specific published 15 Feb 2018
WebAssembly – New Hope

safe, portable, low-level code format designed for efficient execution
and compact representation
https://webassembly.github.io/spec/intro

INTERACTION WITH JAVASCRIPT
We can use JS function in WASM and WASM function in JS

WEBASSEMBLY WILL BRING TO WEB
• High performance
• New languages
• Variety of existed libraries

.NET RUNTIME
• Mono
• https://github.com/mono/mono
• https://github.com/lrz/mono-wasm
• CoreRT
• https://github.com/dotnet/corert
• https://github.com/dotnet/llilc

WEBASSMBLY .NET FRAMEWORKS
• Blazor - https://github.com/aspnet/Blazor
• Xamarin.FORMS - https://github.com/praeclarum/Ooui
• NoesisGUI - http://www.noesisengine.com

BLAZOR. KEY FEATURES
• Built specially for SPA
• Use C# in Browser!
• Own shadow DOM
• Same codebase for both ENDS

BLAZOR
• Blazor concept announced at NDC Jul 10 2017
• Bring C# to the WEB
• Blazor = Browser + Razor
• At start relied on DotNetAnywere
• Currently relies on Mono WebAssembly
• Current version 0.1.0
• Not a new Silverlight!

BLAZOR. FEATURES
Components
Routing
Binding
Dependency injection
HTTP Calls
JavaScript interop
Support asm.js for old browsers

COMPONENTS
• C# class from .cshtml
• Master page
• Reusable components
• Shadow DOM and diff base update
• Can be created fully in C#
• Life cycle methods/event, ie onInit …

SOME MORE
REDUX: https://github.com/torhovland/blazor-redux
Entity Framework: https://www.c-sharpcorner.com/article/asp-net-core-crud-
using-blazor-and-entity-framework-core/

BLAZOR. HOW TO START
https://blogs.msdn.microsoft.com/webdev/2018/03/22/get-started-building-
net-web-apps-in-the-browser-with-blazor/
https://learn-blazor.com/

SUMMARY
• WebAssembly is an emerging technology
• Blazor on earliest stages
• Blazor very promising Framework
• Large build package for the Web

RESOURCES
• Blazor: https://learn-blazor.com
• Blazor github: https://github.com/aspnet/Blazor
• Blazor gitter: aspnet/Blazor
• Steven Sanderson: http://blog.stevensanderson.com
• WebAssembly Site: http://webassembly.org/
• Github: https://github.com/WebAssembly/

Contenu connexe

Tendances

It's lean, it's crazily fast and it's packed with features: Gatsby is a game changing static PWA generator. This talk shows how to use Gatsby to access arbitrary content sources with its unified GraphQL interface and build applications that even work when you’re not connected to the internet. We’re digging into fast, brainless deployments, automatically scoped CSS for your components and put a number of plugins on display that help you generate sites that are not only fast and crawlable but also fun to use.

Pump up the JAM with Gatsby

Stefan Adolf

Using eZ Platform as a Headless CMS (with Vue.js)

Jani Tarvainen

Blazor web apps

Rajesh Kolla

Blazor - An Introduction

JamieTaylor112

Isomorphic web application

Oliver N

Bootstrapping angular js with bower grunt yeoman

Makarand Bhatambarekar

WebKit Programming in Cocoa

Jason Harwig

Blazor - The New Silverlight?

Christian Nagel

Blazor introduction

Chih-Yang Lee

React server side rendering performance

Nick Dreckshage

Fast Slim Correct: The History and Evolution of JavaScript.

John Dalziel

Blazor Full-Stack

Ed Charbeneau

React Webinar With CodePolitan

Riza Fahmi

slide-dnrdw

Yue Liu

Ionic es un framework muy popular para el desarrollo de aplicaciones móviles híbridas multi-plataforma usando Cordova. Recursos Internos: [Cordova] Empezando con Ionic https://www.youtube.com/watch?v=-dV_f_IT3uU [Cordova] Empezando con aplicaciones Ionic en Visual Studio http://epicalsoft.blogspot.pe/2016/06/cordova-empezando-con-aplicaciones.html Recursos Externos: Ionic Framework http://ionicframework.com Sass http://sass-lang.com AngularJS https://angularjs.org NodeJS https://nodejs.org npm https://www.npmjs.com Apache Cordova https://cordova.apache.org

[Cordova] Empezando con Ionic

Moises Alexander Salazar Vila

Node PDX: Intro to Sails.js

Mike McNeil

[Blibli Brown Bag] Nodejs - The Other Side of Javascript

Irfan Maulana

React brief introduction

Prograils.com

Shift Remote: JS - Javascript Build Tools: Past & Beyond - Shedrack Akintayo

Shift Conference

Why NodeJS

Riza Fahmi

Tendances (20)

Pump up the JAM with Gatsby

Using eZ Platform as a Headless CMS (with Vue.js)

Blazor web apps

Blazor - An Introduction

Isomorphic web application

Bootstrapping angular js with bower grunt yeoman

WebKit Programming in Cocoa

Blazor - The New Silverlight?

Blazor introduction

React server side rendering performance

Fast Slim Correct: The History and Evolution of JavaScript.

Blazor Full-Stack

React Webinar With CodePolitan

slide-dnrdw

[Cordova] Empezando con Ionic

Node PDX: Intro to Sails.js

[Blibli Brown Bag] Nodejs - The Other Side of Javascript

React brief introduction

Shift Remote: JS - Javascript Build Tools: Past & Beyond - Shedrack Akintayo

Why NodeJS

Similaire à Oleksandr Skachkov "Running С# in your Web Browser with WebAssembly"

Blazor.pptx

ssuserb1d1a2

WebAssemlby vs JavaScript

Alexandr Skachkov

Azure Serverless Conf

Jose Javier Columbie

Develop a Quick and Dirty Web interface to your database: for the DBA and oth...

Gabriel Villa

WebAssembly overview. KievJS meetup

Alexandr Skachkov

WebAssembly became 4th official language on the Web (following HTML, CSS and JavaScript) and was initially meant to run in the browser in order to improve client side rendering. It quickly turned out that WebAssembly on the server is also a thing and can revolutionise the way we think of web applications. Fastly and Cloudflare adopted WebAssembly and allow you to run custom code at the edge. That opens up completely new possibilities - authentication, personalised content rendering, A/B testing - you name it. Everything as close to end users as possible.

The shift to the edge

Jakub Wadolowski

Full stack web development with c# and web assembly - Blazor.Net

Ruwantha Ratnayake

Intro to Node.js

Jamal Sinclair O'Garro

Web Assembly Big Picture

Yousif Shalaby

The way we build web applications evolved over the decades - from on-prem servers named after your favourite Star Wars characters to autoscaling cloud clusters and serverless functions. Throughout this journey the architecture paradigm shifted towards more distributed model. Whether that’s your CMS, monitoring system or authorisation layer - it’s most likely just an endpoint you exchange data with. At the end of the day, every HTTP request goes through various middleware layers and requires both server- (SSR) and client-side rendering (CSR). Recently, a new piece of tech appeared on the landscape - WebAssembly. It became 4th official language on the Web (following HTML, CSS and JavaScript) and was initially meant to run in the browser and improve CSR. It quickly turned out that WebAssembly on the server is also a thing and can revolutionise the way we think of web apps. Some providers like Fastly and Cloudflare adopted WebAssembly and allow you to run custom code at the edge. That opens up completely new possibilities - authentication, personalised content rendering, A/B testing - you name it. Everything as close to end users as possible. During my talk I’d like to show you what edge computing offers at this stage and how it can be integrated with AEM as a Cloud Service.

The shift to the edge

Jakub Wadolowski

Come Sail Away With Me (you guys): Node.js MVC Web API's Using Sails.js

Eric Nograles

Oleksandr Skachkov "How to run WebAssembly in your React web application"

Fwdays

ASP.NET 5 Overview - Post Build 2015

Shahed Chowdhuri

Blazor - .NET in the Browser!

David Paquette

ASP.NET 5 Overview: Post RTM

Shahed Chowdhuri

ASP.NET 5 Overview for Apex Systems

Shahed Chowdhuri

Blazor certification training - Dot Net Tricks

Gaurav Singh

.NET Conf 2019 高雄場 - .NET Core 3.0

Jeff Chu

JavaScript Engine and WebAssembly

Changhwan Yi

ASP.NET 5 Overview

Shahed Chowdhuri

Similaire à Oleksandr Skachkov "Running С# in your Web Browser with WebAssembly" (20)

Blazor.pptx

WebAssemlby vs JavaScript

Azure Serverless Conf

Develop a Quick and Dirty Web interface to your database: for the DBA and oth...

WebAssembly overview. KievJS meetup

The shift to the edge

Full stack web development with c# and web assembly - Blazor.Net

Intro to Node.js

Web Assembly Big Picture

The shift to the edge

Come Sail Away With Me (you guys): Node.js MVC Web API's Using Sails.js

Oleksandr Skachkov "How to run WebAssembly in your React web application"

ASP.NET 5 Overview - Post Build 2015

Blazor - .NET in the Browser!

ASP.NET 5 Overview: Post RTM

ASP.NET 5 Overview for Apex Systems

Blazor certification training - Dot Net Tricks

.NET Conf 2019 高雄場 - .NET Core 3.0

JavaScript Engine and WebAssembly

ASP.NET 5 Overview

Plus de Fwdays

"How Preply reduced ML model development time from 1 month to 1 day",Yevhen Y...

Fwdays

In my talk, I will tell about the world of GenAI services beyond GPT-wrappers and how we developed and scaled GenAI-centric applications. I'll share personal experiences about the obstacles, lessons, and strategic tools and methodologies that were key in taking GenAI applications from 0 to 1. I'll talk about the challenges we faced when launching LLM-based and image generative applications and delivering them to end users, and what conclusions and solutions were made.

"GenAI Apps: Our Journey from Ideas to Production Excellence",Danil Topchii

Fwdays

Python engineers are introduced to the transformative potential of Large Language Models (LLMs) in the realm of advanced data analysis and the application of Semantic Kernel techniques. We will talk about how LLMs like ChatGPT can be integrated into Python environments to automate data processing, enhance predictive modeling, and unlock deeper insights from complex datasets. The session will delve into practical strategies for embedding Semantic Kernel methods within Python projects, illustrating how these advanced techniques can refine the accuracy of machine learning models by embedding domain-specific knowledge directly into the analysis process. Attendees will leave with a clear roadmap for leveraging the combined power of LLMs and Semantic Kernels, equipped with actionable knowledge to drive innovation in their data analysis projects and beyond, marking a significant leap forward in the evolution of Python engineering practices.

"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...

Fwdays

"Federated learning: out of reach no matter how close",Oleksandr Lapshyn

Fwdays

"What is a RAG system and how to build it",Dmytro Spodarets

Fwdays

"Debugging python applications inside k8s environment", Andrii Soldatenko

Fwdays

"ML in Production",Oleksandr Bagan

Fwdays

Ever seen a code base where understanding a simple method meant jumping through tangled class hierarchies? We all have! And while "Favor composition over inheritance!" is almost as old as object-oriented programming, strictly avoiding all types of subclassing leads to verbose, un-Pythonic code. So, what to do? The discussion on composition vs. inheritance is so frustrating because far-reaching design decisions like this can only be made with the ecosystem in mind – and because there's more than one type of subclassing! Let's take a dogma-free stroll through the types of subclassing through a Pythonic lens and untangle some patterns and trade-offs together. By the end, you'll be more confident in deciding when subclassing will make your code more Pythonic and when composition will improve its clarity.

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack

Fwdays

The current architecture of Prom.ua is built on microservices and GraphQL API, but it was not always like that. In this talk, I'll tell you how far we've come and how we've made using graphs in a microservice architecture convenient and simple. I will talk about the problems we faced and how we overcame them, made our development process more accessible, deployments faster, and the remains of the monolith less loaded.

"Distributed graphs and microservices in Prom.ua", Maksym Kindritskyi

Fwdays

ETL stands for extract, transform, load. It's a process that combines data from different sources into a single repository for further processing, analysis, and utilization. This talk provides an example of how pandas can be used to solve ETL tasks as a stage in the evolution of the data intake component. This involves preliminary validation, filtering, and conversion of data according to a set of business rules and internal representation, with intermediate combination with other sources.

"Rethinking the existing data loading and processing process as an ETL exampl...

Fwdays

I’m confident that many IT professionals are currently facing the same situation I was in a few months ago. Mobilization, uncertainty. How can I be maximally beneficial to the country with my experience and continue professional development in such circumstances? Since the onset of the full-scale invasion, I've been actively volunteering and assisting the army. Mobilization became the next logical step. I want to share: My journey in IT, volunteering, and the beginning of my service in the Armed Forces Impressions from the first few months Which Soft Skills are helpful in this context I aim to dispel myths about the mobilization process and projects of the Armed Forces. Address your questions And yes, military personnel can travel abroad during their leave.

"How Ukrainian IT specialist can go on vacation abroad without crossing the T...

Fwdays

The leader must be strong all the time. The leader cannot afford to make mistakes, let alone fail in front of their team. Is that really true? Nick Gicinto, a cybersecurity leader with over 25 years of experience, who has worked for the CIA and has built security systems from scratch at Tesla and Uber, fully hiring teams for these projects, will talk about the importance of being vulnerable to build trust within a team.

"The Strength of Being Vulnerable: the experience from CIA, Tesla and Uber", ...

Fwdays

Sharing open feedback can be difficult because it equals much work on yourself. However, feedback needs attention and a special place in the corporate culture. It helps to grow dynamically, build a team of like-minded people and achieve powerful results. In the presentation, I will talk about: The ability to work with feedback as a soft, solid skill in developing technical specialists. A list of difficulties that prevent quality work with feedback. The 4A Framework is a tool for successful giving and receiving feedback. I will also help specialists learn the following: Form constructive feedback and understand how and when to give it. Work analytically with the received feedback. Feel free to share your thoughts and be heard.

"[QUICK TALK] Radical candor: how to achieve results faster thanks to a cultu...

Fwdays

Will discuss: Current communication challenges, including mishaps and toxic versus productive interactions. Ever wondered about PDP? It’s likely because its relevance to career planning, even outside your current company, hasn’t been fully spotlighted. Exploring how PDP functions within career planning, applicable even if you’re eyeing an exit. “Who do I aspire to become?” Summarizing key points with a reference to a practical form you can download to use.

"[QUICK TALK] PDP Plan, the only one door to raise your salary and boost care...

Fwdays

This talk will reveal four destructive communication patterns that can undermine team spirit, reduce productivity and cause conflict, and offer effective strategies for neutralizing them. Let's start with exciting storytelling about a fictional team of developers working on Scrum. You will learn about situations that their team member noticed during team meetings. Next, we will analyze "The Gottman Four Horsemen" model, which describes the four "horsemen of the apocalypse" of work relationships: criticism, defensiveness, contempt, and stonewalling. For each of these patterns, specific "antidotes" will be offered that allow you to build healthier and more productive relationships in the team. Finally, we'll look at why this topic is critical to team productivity, drawing on Google's "Project Aristotle" research. Special attention will be paid to the concept of psychological safety, which is a key factor in the success of high-performance teams. This talk will not only provide valuable insights and tools for improving communication and management in Tech teams, but will also help each member better understand their own contribution to the overall success of the team.

"4 horsemen of the apocalypse of working relationships (+ antidotes to them)"...

Fwdays

We are all living in exceptionally turbulent times. Ukrainians are facing numerous crises and challenges, ranging from war to lay-offs. Work provides us with a sense of stability, which many of us deeply value and strive to maintain. However, there are times when we may not realize that our workload becomes overwhelming or that the stress we experience in our jobs becomes highly toxic. This often leads to burnout. During our discussion, we will cover: - The factors that contribute to burnout; - How to identify it; - Short-term strategies for addressing it; - Long-term approaches to finding fulfillment and satisfaction in our work; I will also share my personal experiences and insights, as well as those of my colleagues in the IT field. - Burnout - Stress

"Reconnecting with Purpose: Rediscovering Job Interest after Burnout", Anast...

Fwdays

As you grow in experience as a tech specialist and close the needs of Maslow's hierarchy, you realize that you can help beginners in your specialization. But how to do it effectively? Where to look for future mentees? How to avoid mistakes that demotivate both sides? And, in general, how can you benefit from investing your time in the success of a mentee? I'll discuss this based on my 1.5 years of experience mentoring beginners. It will be useful for professionals with at least six months of experience in IT and a willingness to share their knowledge with the community.

"Mentoring 101: How to effectively invest experience in the success of others...

Fwdays

"Mission (im) possible: How to get an offer in 2024?", Oleksandra Myronova

Fwdays

Historically, Ukrainians are not good at presenting themselves (read: selling) because they are not self-confident. But we were never taught to be confident or to understand our strengths, moreover to pitch ourselves well in 3 minutes at an interview. Therefore, my task is to teach you in a few minutes how to: Create your personal pitch correctly (sales points, structure) Understand, depending on the type of company, what managers want to hear about you at the interview Be able to package irrelevant or no experience Understand your strengths Create an example of a personal pitch No, there will be no information here on how to get more $ at the interview, but it's not sure 😂

"Why have we learned how to package products, but not how to 'package ourselv...

Fwdays

Imposter syndrome is a psychological phenomenon that most of us suffer from to one degree or another. I'm no exception and have faced this for most of my IT career, which has been around 10 years. I did not immediately understand that the impostor syndrome is one of the biggest blockers for my personal and career development. When I understood it, I gradually started, with small and large steps, fighting with a syndrome in all available ways. In my talk, I will share my story and how it helped me grow from an ordinary developer to a team leader and, eventually, the leader of the entire department.

"How to tame the dragon, or leadership with imposter syndrome", Oleksandr Zin...

Fwdays

Plus de Fwdays (20)