egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Начинаем использовать WebAssembly (wasm)
Get Started Using WebAssembly (wasm)
★4.6 (всего оценок - 13)
Продолжительность
0 ч 56 мин
Категория
WebAssemblyКоличество уроков
15 Видео
Дата добавления
6 мар. 2018 г., 13:39
Язык
Английский
Дата обновления
28 апр. 2026 г., 23:46
Этот курс — отличный старт для тех, кто хочет быстро и уверенно освоить WebAssembly (wasm), понять его реальные преимущества и научиться применять технологии в браузере и локальной среде сборки.
Что вы узнаете на курсе
Материал выстроен так, чтобы шаг за шагом познакомить вас с ключевыми возможностями WebAssembly и его интеграцией с JavaScript.
Взаимодействие JavaScript и WebAssembly
- Вызов функций WebAssembly из JavaScript.
- Обратные вызовы — использование JS-функций внутри WebAssembly.
- Чтение и запись памяти WebAssembly из JavaScript.
Работа в онлайн-песочницах
Сначала вы используете простые онлайн-инструменты вроде wasm Explorer и wasm Fiddle, чтобы получать моментальный результат прямо в браузере, без необходимости установки сложного окружения.
Настройка локального окружения
После освоения основ вы переходите к полноценной локальной разработке. Курс объясняет:
- как установить и настроить экспериментальную сборку LLVM WebAssembly;
- как собрать и запустить WebAssembly‑модули локально;
- как выстроить удобный рабочий процесс для разработки и тестирования.
Оптимизация производительности на практике
С помощью демонстрационного приложения на WebGL вы увидите, как перевод критически важных участков кода в WebAssembly может заметно ускорить выполнение и улучшить отзывчивость приложения.
Практический кейс
Вы возьмёте существующее JS-приложение и пошагово оптимизируете его, получив наглядное понимание, когда и как WebAssembly даёт реальный прирост производительности.
Дополнительные материалы
Исходный код и примеры доступны в репозитории:
- Урок 1.00:03:13Create and Run a Native WebAssembly Function
- Урок 2.00:02:37Compile C Code into WebAssembly
- Урок 3.00:02:47Call a JavaScript Function from WebAssembly
- Урок 4.00:03:04Read WebAssembly Memory from JavaScript
- Урок 5.00:03:34Write to WebAssembly Memory from JavaScript
- Урок 6.00:05:45Allocate Dynamic Memory in WebAssembly with Malloc
- Урок 7.00:02:55Create and Import a WebAssembly Memory
- Урок 8.00:03:24Compiling C/C++ to WebAssembly using LLVM, Binaryen and WABT
- Урок 9.00:02:11Clone and Build LLVM with the Experimental WebAssembly Target
- Урок 10.00:00:59Install Binaryen and the WebAssembly Binary Toolkit (WABT)
- Урок 11.00:04:57Typed Arrays in High Performance JavaScript
- Урок 12.00:06:39Step-by-Step JS to WebAssembly Conversion
- Урок 13.00:02:35A First Comparison of the Performance between JS and WebAssembly
- Урок 14.00:04:57A First Comparison of the Performance between JS and WebAssembly
- Урок 15.00:06:44Surpass JS Performance with Optimized Collision Detection in WASM using a Linked List Grid
Автор - egghead
Комментарии