Build an Image Filters App with Vue, TypeScript and WebAssembly
О ЧЕМ ЭТОТ ПРОЕКТ?
В рамках этого проекта вы создадите "Vue Filters" - приложение для фильтрации изображений, построенное с использованием Vue, которое позволит вам применять фильтры Photoshop к веб-изображениям.
ПОЧЕМУ ЭТОТ ПРОЕКТ ЗАМЕЧАТЕЛЕН?
Это проект для вашего портфолио. Его создание займет примерно 3 часа.
Не дайте размеру проекта обмануть себя - здесь используется множество современных технологий для создания современного приложения для работы с изображениями. Под капотом вы будете использовать WebAssembly для обработки изображений и интеграции пакета WASM в среду сборки Vite. Кроме того, этот проект даст вам возможность использовать Composition API в практическом сценарии.
В ходе создания проекта мы рассмотрим API HTML5 canvas для рисования, манипулирования и загрузки изображений.
Также TypeScript будет играть важную роль в этом проекте. Изучение правильной аннотации переменных поможет нам отлаживать приложение. Наконец, вы изучите лучшие практики для создания собственных композиций - что-то, что я часто вижу, как начинающие разработчики Vue делают неправильно.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Независимо от того, начинаете ли вы изучать программирование или хотите усовершенствовать свои навыки, Академия Zero To Mastery научит вас React, Javascript, Python, CSS и многим другим вещам, чтобы помочь вам продвинуться по карьерной лестнице, получить работу и добиться успеха в некоторых ведущих компаниях.
zerotomastery.io
Изучите WebAssembly, чтобы разрабатывать высокопроизводительные приложения с производительностью, близкой к нативной. Выведите свои навыки программирования на новый уровень, изучив эту передовую веб-технологию .Вы даже изучите основы языка программирования Rust и создадите проект обработки изображений, который сможете добавить в свое портфолио, и увидите мощь WASM с помощью Rust.
udemy
Полное руководство по изучению WebAssembly JavaScript API и Emscripten. Научитесь создавать и использовать модули WebAssembly с нуля с помощью Emscripten. Обновите свои навыки с помощью новейших технологий в веб-разработке. Этот курс подходит как для начинающих, так и для опытных разработчиков, которые хотят начать работу с WebAssembly.
vueschool.io
TypeScript - это надмножество языка JavaScript, которое вводит статическую типизацию. В последние годы он стал очень популярен в сообществе JavaScript благодаря своей способности создавать более поддерживаемый и масштабируемый код. В этом курсе мы изучим:Преимущества использования TypeScript с Vue.Как настроить проект с использованием TypeScript и Vue.Как настроить среду разработки VS Code для работы с TypeScript и Vue.Как типизировать различные
vueschool.io
Переходы и анимации - отличный способ добавить визуальный интерес на веб-сайте или веб-приложении. Они также могут улучшить пользовательский опыт и взаимодействие.В этом курсе вы раскроете все возможности Vue с его встроенной поддержкой переходов и анимаций. Кроме того, вы узнаете о различных сторонних плагинах Vue.js, идеально подходящих для повышения уровня ваших переходов и анимаций.
vuemastery
Получите улучшенный опыт разработчика при использовании TypeScript в ваших приложениях Vue 3, используя синтаксис script setup.
