WebAssembly to zdecydowanie najbardziej rewolucyjna technologia ostatnich lat, która wielkimi krokami zbliża się do naszych przeglądarek. Niektórzy nawet twierdzą, że ta ultranowoczesna broń XXI wieku zburzy twierdzę JavaScriptu. W czasie wystąpienia Rafał zdradził tajniki WebAssembly i opowiedział, co takiego rewolucyjnego wnosi do i tak już dynamicznego świata webdeveloperów.

1. Rafał Brzoska
WebAssembly
Przeglądarkowa rewolucja
WebAssembly – przeglądarkowa rewolucja

2. Rafał Brzoska
AGENDA
Krótka historia (ewolucji) JS
Czym jest WebAssembly
Jak działa WebAssembly
No i co teraz? ☺
WebAssembly – przeglądarkowa rewolucja

3. AD 1995AD 1990
Dawno dawno temu…

4. AD 1997AD 2013

7. (![]+[])[+!!
[]]
NaN ==
NULL !! 264

8. GoogloixApploix
Mikrosoftix Mozillix

9. HA HA HA!

12. WebAssembly (wasm)
C/C++/Rust .wasm JS

13. WebAssembly (wasm)
to efektywny, szybki i uniwersalny
niskopoziomowy format
kompilacji dla platformy web
webassembly.org

14. Uniwersalny

16. caniuse.com/#feat=wasm (11.2017)

17. C, C++, Rust
.wasm

19. .wasm != asm.js

20. Szybki i efektywny

21. function add(a, b) {
return a + b;
}
console.log(add(1,2)) 3
console.log(add(”a”,”b”)) „ab”
console.log(add(1,”b”))
console.log(add(1,+!![]))
„1b”
2

22. PARSE
COMPILE
OPTIMIZE
EXECUTE
GARBAGE
COLLECTION
DECODE
COMPILE
OPTIMIZE
EXECUTE
JS Performance WASM Performance

23. 64bit integer support
JS 64bit (52bit value)

24. Niskopoziomowy

25. C
int factorial(int n)
{
if (n == 0)
return 1;
else
return n *
factorial(n-1);
}
WASM binary
20 00
50
04 7E
42 01
05
20 00
20 00
42 01
7D
10 00
7E
0B

26. Bezpieczny

27. Używa środowiska JS VM
Zasady zarządzania pamięcią
WASM traps

28. Co nowego w WebAssembly?

29. Kompilacja z innych języków
(C#, TypeScript, …)
Bezpośredni dostęp do WEB Api
Garbage Collector
Obsługa wielu wątków
…

30. Czy to koniec JavaScriptu?

31. NIE

32. Po co ten WebAssembly

33. Gry
Image, Video processing
Skomplikowane obliczenia
CAD
…???

34. Jak uruchomić, jak zacząć?

35. Emscripten
http://webassembly.org/getting-started/developers-guide/
WebAssembly JS API
Binaryen, LLVM

36. DEMO

43. AVE! ☺

44. Rafał Brzoska
WebAssembly
Przeglądarkowa rewolucja
rbrzoska@future-processing.com
www.future-processing.pl