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