Программирование [academy.zerotomastery] Image Filters App с Vue, TypeScript и WebAssembly (2023)

[Red Sun]

[academy.zerotomastery] Image Filters App с Vue, TypeScript и WebAssembly (2023)

О ЧЕМ ЭТОТ ПРОЕКТ?

В рамках этого проекта вы создадите "Vue Filters" - приложение для фильтрации изображений, построенное с использованием Vue, которое позволит вам применять фильтры Photoshop к веб-изображениям.

ПОЧЕМУ ЭТОТ ПРОЕКТ ЗАМЕЧАТЕЛЕН?

Это проект для вашего портфолио. Его создание займет примерно 3 часа.

Не дайте размеру проекта обмануть себя - здесь используется множество современных технологий для создания современного приложения для работы с изображениями. Под капотом вы будете использовать WebAssembly для обработки изображений и интеграции пакета WASM в среду сборки Vite. Кроме того, этот проект даст вам возможность использовать Composition API в практическом сценарии.

В ходе создания проекта мы рассмотрим API HTML5 canvas для рисования, манипулирования и загрузки изображений.

Также TypeScript будет играть важную роль в этом проекте. Изучение правильной аннотации переменных поможет нам отлаживать приложение. Наконец, вы изучите лучшие практики для создания собственных композиций - что-то, что я часто вижу, как начинающие разработчики Vue делают неправильно.

Материал на английском языке

Подробнее:

Project Demo

academy.zerotomastery.io

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.