Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

638 dias. Quem mandou matar Anderson e Marielle? E por quê?

Slide 3

Slide 3 text

Paulo Pires @caofrade

Slide 4

Slide 4 text

@caofrade

Slide 5

Slide 5 text

O que é WebAssembly? @caofrade

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

@caofrade O que é WebAssembly? WebAssembly é um novo formato de binario compilado para programas na Web.

Slide 8

Slide 8 text

Objetivos do WebAssembly @caofrade

Slide 9

Slide 9 text

@caofrade Objetivos do WebAssembly • Rapido, eficiente e portavel. • Legível e debugavel. • Ser seguro. • Compatibilidade com outras tecnologias web.

Slide 10

Slide 10 text

WebPlatform? @caofrade

Slide 11

Slide 11 text

@caofrade WebPlatform? A plataforma web pode ser separada 2 partes: VM WebApis

Slide 12

Slide 12 text

@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

Slide 13

Slide 13 text

@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

Slide 14

Slide 14 text

@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 SECURITY POLICES

Slide 15

Slide 15 text

@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 SECURITY POLICES

Slide 16

Slide 16 text

Porque usar WASM? @caofrade

Slide 17

Slide 17 text

JavaScript não é tão rápido @caofrade

Slide 18

Slide 18 text

@caofrade Porque usar Wasm?

Slide 19

Slide 19 text

@caofrade Porque usar Wasm? WebAssembly é um padrão aberto suportado pela maioria dos browsers atuais

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

Live Coding + Demos @caofrade

Slide 22

Slide 22 text

Obrigado @caofrade Duvidas?