Introdução ao WebAssembly

Transcript

1. W A S M 1 0 1 I N T R O D U Ç Ã O A O W E B A S S E M B L Y
2. 638 dias. Quem mandou matar Anderson e Marielle? E por quê?
3. Paulo Pires @caofrade
4. @caofrade
5. O que é WebAssembly? @caofrade
6. @caofrade O que é WebAssembly? • É um novo tipo de código que pode ser lido por qualquer browser moderno. • Uma forma de rodar programas escritos em outras linguagens com performance quase nativa no browser e Node.js. • Você não precisa saber como escrever código WebAssembly para ter todas as vantagens. • É fácil importar e usar os módulos no browser ou em um Node.js através de um API JavaScript.
7. @caofrade O que é WebAssembly? WebAssembly é um novo formato de binario compilado para programas na Web.
8. Objetivos do WebAssembly @caofrade
9. @caofrade Objetivos do WebAssembly • Rapido, eficiente e portavel. • Legível e debugavel. • Ser seguro. • Compatibilidade com outras tecnologias web.
10. WebPlatform? @caofrade
11. @caofrade WebPlatform? A plataforma web pode ser separada 2 partes: VM WebApis
12. @caofrade WebPlatform? Cada parte conta com seus componentes: VM WebApis C O M P I L E R G C J AVA S C R I P T … D O M C S S O M R E N D E R I N G W E B G L , W E B A U D I O , W O R K E R S , PAY M E N T S
13. @caofrade WebPlatform? E esses componentes são dependentes entre si: VM WebApis C O M P I L E R G C J AVA S C R I P T … D O M C S S O M R E N D E R I N G W E B G L , W E B A U D I O , W O R K E R S , PAY M E N T S <script/>
14. @caofrade WebPlatform? E ambas são protegidas por politicas de segurança de cada browser: VM WebApis C O M P I L E R G C J AVA S C R I P T … D O M C S S O M R E N D E R I N G W E B G L , W E B A U D I O , W O R K E R S , PAY M E N T S <script/> SECURITY POLICES
15. @caofrade WebPlatform+Wasm? Wasm se encaixa perfeitamente na plataforma por ser desenhado em ser retrocompatível VM WebApis C P G C J AVA S C R I P T WA S M D O M C S S O M R E N D E R I N G W E B G L , W E B A U D I O , W O R K E R S , PAY M E N T S <script/> SECURITY POLICES <script/>
16. Porque usar WASM? @caofrade
17. JavaScript não é tão rápido @caofrade
18. @caofrade Porque usar Wasm?
19. @caofrade Porque usar Wasm? WebAssembly é um padrão aberto suportado pela maioria dos browsers atuais
20. @caofrade Porque usar Wasm? Algumas vantagens: • Download rápido por ser menor em tamanho. • Decoding é mais rápido que parsing. • Código otimizado. • Melhor gerenciamento de memoria .
21. Live Coding + Demos @caofrade
22. Obrigado @caofrade Duvidas?