Desarrollo de aplicaciones desde el navegador y WebAssembly

La mejora de la Web abarca una enorme disposición de reglas y procedimientos en los que cada ingeniero debería pensar.

En algún momento del pasado, HTML5, CSS3, JavaScript, PHP y MySQL se utilizaron como avances fundamentales de mejora web para construir un sitio o una aplicación web.

En cualquier caso, con el surgimiento de algunos nuevos avances, instrumentos, estructuras y dialectos de mejora web en los últimos años, ahora se ha vuelto muy difícil elegir en qué enfocarse (y qué omitir).

WebAssembly es otro gran logro en el mundo de la mejora web.

WebAssembly puede ayudar a los diseñadores a crear aplicaciones web rápidas que se requieren especialmente en juegos, música, aplicaciones CAD, video, gestión, etc.

Guión del episodio

WebAssembly

• ¿Qué es?
  • WebAssembly (abreviado, Wasm) es una nueva forma con la que los desarrolladores pueden generar aplicaciones que se ejecuten en navegadores web. Hasta ahora, había que recurrir a JavaScript. Pero JavaScript es relativamente lento y, en algunos casos, incluso limitado. Para que Wasm pueda funcionar, el navegador debe ser compatible con este lenguaje. Por este motivo, Mozilla (Firefox), Microsoft (Edge), Apple (Safari) y Google (Chrome) han participado en el desarrollo. En todas las versiones de navegador actuales de estos proveedores se pueden ejecutar aplicaciones en WebAssembly.
  • Con un poco más de detalle, podríamos decir que WebAssembly es un formato de código binario cercano a ensamblador e independiente del lenguaje y la plataforma, ya que WebAssembly puede ser compilado desde otros lenguajes de programación como C, C++.para ofrecer un rendimiento casi nativo.

• ¿Cuándo nace?
  • En 2016 Google, Microsoft y Mozilla anunciaron versiones preliminares de WebAssembly, un formato binario seguro de bajo nivel diseñado para permitir que el código C / C ++ se ejecute en navegadores web.
  • WebAssembly, por otro lado, es impulsado por el Grupo de la Comunidad de WebAssembly W3C, y está respaldado no solo por Google, Microsoft y Mozilla, sino también por Apple.

• ¿Cómo funciona?
  • Fundamentalmente, WebAssembly se representa en forma de bytecode, que puede considerarse como un nivel intermedio entre el código máquina —que solo un ordenador puede entender— y un típico lenguaje de programación.
  • Al requerir apenas esfuerzo para convertir el código, esto hace que WebAssembly sea más rápido. La ventaja de Wasm es que en la práctica, la aplicación puede escribirse en C o C++.
  • El código está precompilado y por ello no tiene que compilarse o interpretarse en el momento de la ejecución. Cuando el usuario abre finalmente la aplicación en el navegador, se inicia una pequeña máquina virtual. Y en ella se ejecuta la aplicación.

Qué se opina en las redes sociales

• ¿Para qué se creó WebAssembly y para qué se lo puede utilizar hoy?
  • El santo grial de la computación moderna es tener una plataforma universal que tenga todo el rendimiento que requieren los juegos y otras aplicaciones de gran demanda de recursos, sin necesidad de tener que hacer una versión para Android, iOS, Windows, Mac, Linux.
  • Hay un montón de productos con esta promesa, pero ninguno logró tomar peso como para imponerse como estándar. WebAssembly trata de llenar ese espacio permitiendo al usuario acceder a una máquina virtual dentro del navegador para ejecutar código de bajo nivel mucho más rápido que JavaScript.

• ¿Es cierto que WebAssembly significa el final de JavaScript?
  • La respuesta es no.
  • Muchos creen que WebAssembly (Wasm) significa la muerte inminente de Javascript. Lo cual es una afirmación errónea.
  • Claro que a muchos nos gustaría poder prescindir de Javascript y utilizar nuestros lenguajes favoritos, digamos (Rust) directamente en el navegador. Lo cual hasta el momento es más o menos posible y exclusivamente para lenguajes como C/C++ y Rust, y más lenguajes que están por llegar.
  • Pero es lo contrario a lo que probablemente pensarías, porque Wasm fue diseñando para complementar Javascript no para ser su reemplazo inmediato.
  • La adopción incremental de WebAssembly por parte de compañías de diversa índole lo ha probado. Por ejemplo, permitiéndoles portar código que requiere alto computo directamente al navegador. Por supuesto, dicho código escrito en lenguajes más eficientes que Javascript (concretamente C/C++ y Rust).

• ¿Está mal el hype sobre WebAssembly?
  • Gartner (la firma de analistas) tiene una herramienta gráfica que utilizan llamada curva de exageración. Casi todo en el mundo sigue esta curva, en todas las industrias, incluido el software.
    
  • WebAssembly todavía está subiendo la curva de exageración, no ha llegado a la cima. Por lo tanto, puede ser que su nivel actual de publicidad sea bastante preciso, pero espere: se volverá mucho más publicitado, estoy seguro.
    • El navegador ha desplazado a los sistemas operativos del cliente como tiempo de ejecución predeterminado para las aplicaciones comerciales (y algunos juegos, otras aplicaciones)
    • El navegador es una cultura única, todo JavaScript y las culturas únicas son un obstáculo para la innovación (y también para hacer avanzar el código heredado)
    • WebAssembly rompe la hegemonía de JavaScript, permitiendo que el tiempo de ejecución principal para las aplicaciones comerciales (el navegador) sea compatible con muchos lenguajes de programación existentes (y futuros)
    • Como resultado, existe al menos el potencial de que cantidades masivas de software de escritorio heredado se muevan al navegador sin una reescritura completa.
    • Además, como resultado, es casi seguro que habrá más innovación en el tiempo de ejecución del navegador, ya que admite un entorno heterogéneo con muchos lenguajes, marcos, formas de pensar, etc.
    • En resumen, si el navegador va a ser el tiempo de ejecución de un cliente para casi todo el software (y ya lo es), entonces debe ir más allá de una monocultura homogénea. Y WebAssembly lo hace posible.
      
    • ¡¡¡Absolutamente lo es !!! Las personas que odian JavaScript ven a WebAssembly como el asesino de «JavaScript» a pesar de que nunca se pretendió que fuera así ni lo será. Es cierto que hay algunas cosas que puede hacer bien, pero en general la complejidad de poner en funcionamiento un programa simple de WebAssembly, todas las dependencias que aún requiere, incluso el hecho de que la mayoría de los desarrolladores de sistemas no están interesados ​​en el desarrollo web, y que los usuarios más probables de WebAssembly son desarrolladores del lado del cliente, todas estas cosas son lo que se interpone en el camino de que WebAssembly realmente despegue. Y al final, WebAssembly probablemente será un éxito de nicho muy, si es que lo es, para algunas cosas relacionadas con la web.

• Al final el hype deja de serlo para convertirse en una realidad.
  • Principales tecnologías que transformarán el desarrollo web en 2020

Ejemplos de herramientas desarrolladas con WebAssembly

• Made with WebAssembly
  • 1Password
  • Autocad (Autodesk)
  • Figma
  • Google Earth
  • Microsoft Blazor
  • MongoDB Compass
  • Rust
  • Sketchup
  • sqlite
  • Squoosh
  • Tensorflow
  • Unity 
  • Vim
  • VLC Sketchup
  • Velneo

Velneo & WebAssembly, nuestra experiencia

• Complejidad
  • La tecnología estaba en una etapa muy temprana cuando empezamos.
  • En estos 3 años de trabajo han evolucionado los navegadores y el estándar.
  • Está suponiendo un esfuerzo similar a crear la plataforma desde cero.
• Primero Edición
  • Comenzamos por la edición online.
  • En línea con los movimientos de los grandes del software.
• Roadmap
  • El objetivo es la plataforma completa.
  • Edición, administración y ejecución.