Image Filters App з Vue, TypeScript та WebAssembly

Image Filters App з Vue, TypeScript та WebAssembly
en
20.07.2023
01 г 44 хв 05 сек

ПРО ЩО ЦЕЙ ПРОЕКТ?

В рамках цього проекту ви створите “Vue Filters” – програму для фільтрації зображень, побудовану з використанням Vue, яка дозволить вам застосовувати фільтри Photoshop до веб-зображень.

ЧОМУ цей проект чудовий?

Це проект для вашого портфоліо. Його створення займе приблизно 3:00.

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

Під час створення проекту ми розглянемо API HTML5 canvas для малювання, маніпулювання та завантаження зображень.

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

Ви не можете переглядати цей курс -

Array ( [bitrate] => 595899 [filesize] => 8257753 [mime_type] => video/mp4 [length] => 90 [length_formatted] => 1:30 [width] => 1920 [height] => 1080 [fileformat] => mp4 [dataformat] => quicktime [audio] => Array ( [dataformat] => mp4 [bitrate] => 128000 [codec] => ISO/IEC 14496-3 AAC [sample_rate] => 44100 [channels] => 2 [bits_per_sample] => 16 [lossless] => [channelmode] => stereo [compression_ratio] => 0.090702947845805 ) [created_timestamp] => -2082844800 )