Руководство по написанию веб-приложения с использованием модных и молодёжных Kotlin и Vue.js вместе со Spring Boot: https://tprg.ru/jfRF

Материалов на эту тему достаточно много, но многие из них не затрагивают сложных тем. Автор этого, например, решил реализовать аутентификацию с разделением по ролям.

#фронтенд #бэкенд #kotlin #spring #vuejs

Статья, в которой показано, как внедрить пользовательские зависимости в компоненты Vue: https://tprg.ru/zk8l

#фронтенд #vuejs

20 проектов на Vue.js с открытыми исходниками. Всё со ссылками на репозитории с кодом и на демки, которые можно потыкать: https://tprg.ru/7eKi

Пример создания приложения с использованием Vue.js: https://t.me/tproger_web/171

#фронтенд #vuejs

15 кастомных директив для Vue.js: https://tprg.ru/vPa1

#фронтенд #vuejs

Специфика рендеринга Vue.js-приложений на сервере

Зачем приложению может понадобиться серверный рендеринг? Что ждёт фронтендера в таком случае? Насколько сложнее/легче тогда станет разработка? Какие инструменты помогут? На что обратить внимание при деплое?

Об этом рассказывает руководитель фронтендеров команды Delivery Club.

#фронтенд #vuejs

⁠Гайд по созданию веб-приложения для поиска фильмов с использованием Vue Composition API: https://bit.ly/2PlA6rX

В конце получится что-то такое:

#фронтенд #vuejs

Банковская карточка с приятной анимацией: https://codepen.io/JavaScriptJunkie/pen/YzzNGeR

#фронтенд #vuejs

Composition API во Vue 3

На нашем сайте появилась подробная текстовая расшифровка доклада с митапа по Vue.js: https://tproger.ru/video/composition-api-in-vue/

В этом докладе спикер рассказал про Composition API во Vue 3:
— зачем он вообще нужен;
— какие проблемы он решает;
— сравнение Options API и Composition API на примере простой игры;
— его плюсы и минусы;
— как с его помощью писать понятные, тестируемые и независимые компоненты.

#фронтенд #vuejs

Для того, чтобы сегодня использовать какие-то современные штучки типа распознавания лиц, не нужно быть гением. Нужно просто подключить нужную библиотеку, которая сделает большую часть работы за вас.

Читайте руководство по созданию веб-приложения, которое с помощью библиотеки face-api.js по фотографии человека определит его эмоции, пол и возраст: https://tprg.ru/Ky7j

#javascript #vuejs

10 советов по эффективному использованию фреймворка Vue.js: https://bit.ly/32QPQqJ

#фронтенд #vuejs

26 советов по использованию Vue.js

https://tprg.ru/tDmA

Способы динамического добавления и удаления CSS-классов, синтаксис массивов и объектов, использование JS-выражений для вычисления CSS-классов и многое другое.

Смотрите также: гайд по созданию приложения для определению эмоций, пол и возраста человека на Vue.js

#фронтенд #vuejs

Vue.js + TDD

Статья в 5 частях, в которой автор пошагово разбирает написание приложения на Vue.js, используя TDD подход.

Приложение будет обращаться к Github API, искать пользователя и отображать информацию о нём.

Часть 1: https://tprg.ru/WpjU
Часть 2: https://tprg.ru/1dWn
Часть 3: https://tprg.ru/H4e0
Часть 4: https://tprg.ru/wdtL
Часть 5: https://tprg.ru/2bj5

Просто код: https://github.com/kuroski/article-tdd-vue

#фронтенд #vuejs

Советы по Vue.js

12 годных советов, которые помогут сделать ваш Vue.js код лучше

https://tprg.ru/z3Ve

#фронтенд #vuejs

10 книг по Vue.js, которые помогут понять основы и начать использовать фреймворк на продвинутом уровне:

https://tprg.ru/ahBU

#фронтенд #vuejs

​Документальный фильм про Vue.js

Vue.js начинался как сторонний проект разработчика из Google. А теперь занимает лидирующие позиции во фронтенд-разработке наравне с React и Angular.

Вышел документальный фильм, в котором Эван Ю, создатель фреймворка, рассказывает историю его создания.

#vuejs

С Vue 3 больше не нужен Vuex?

Vuex — это паттерн управления состоянием и библиотека для приложений на Vue.js. Так зачем от неё отказываться? Дело в том, что новый Vue 3 из коробки предлагает реактивность и новые способы структурирования веб-приложений. Эти изменения настолько глобальны, что можно централизовать управление состоянием без дополнительных инструментов.

Подробнее в статье: https://tprg.ru/m61Q

#фронтенд #vuejs

Полезные библиотеки для работы на Vue.js

Статья посвящена обзору не популярных, но эффективных инструментов для разработки на Vue.js. Речь пойдёт о Vuex-Persistedstate для работы с состоянием и о Vuelidate — инструменте для валидации форм. Вы пройдёте с автором процесс от их установки до готовых примеров:

https://tprg.ru/BZ5s

#фронтенд #vuejs

10 советов для эффективного использования Vue.js

Автор статьи делится основными фичами фреймворка, среди которых:

— Сокращённый синтаксис слотов.
— Функция $on(‘hook:’) для определения слушателя событий в хуке.
— Валидация props.
— Динамические аргументы директивы.
— Повторное использование компонента для одного и того же маршрута.
— Все свойства от родителя ребёнку.
— Все слушатели событий от родителя ребёнку.
— $createElement для создания виртуальных узлов.
— Использование препроцессора JSX.
— Настройка v-model.

Рекомендации сопровождаются понятными примерами:
https://tprg.ru/640V

#фронтенд #vuejs

​Полный курс по Vue.js

Vue.js — это JavaScript-фреймворк, который создал разработчик Эван Ю. В 2012 году Эван работал в Google, где успел попробовать Backbone.js и Angular. Именно после этого он решил создать собственный фреймворк — сначала просто как пет-проект.

Популярность обрушилась на Vue.js в 2015 году. И сейчас Vue.js очень любим разработчиками. Долгое время фреймворк удерживал первое место по количеству звёзд на GitHub. Сейчас другие проекты сумели побить его достижения, но среди фреймворков он всё так же остаётся лидером.

И вот отличный видео-курс, в котором вы рассмотрите работу с JavaScript фрэймовком Vue.js 2-й версии. А так же разберёте все необходимые темы и понятия, которые нужны для того что бы начать разрабатывать на Vue.js.

#vue #веб

​​​Полный курс по Vue.js

Vue.js — это JavaScript-фреймворк, который создал разработчик Эван Ю. В 2012 году Эван работал в Google, где успел попробовать Backbone.js и Angular.

Именно после этого он решил создать собственный фреймворк — сначала просто как пет-проект. И хотя популярность обрушилась на Vue.js ещё в 2015 году, он до сих пор по душе многим разработчиками.

И вот отличный видео-курс, в котором вы рассмотрите работу с Vue.js: https://youtu.be/6wYu4_6hcDY

#фронтенд #vuejs #курс