Vue.js | Делаем свой слайдер

Для начинающих или интересующихся Vue.js - пример реализации простого слайдера, стрелки, пагинация, свайп, бесконечная прокрутка.

Пример показывает работу с событиями, вычисляемыми свойствами и методами, подойдет для основы вашего собственного слайдера или для сайта где от слайдера ничего особенного не требуется.

Nuxt.js Single Page Application Boilerplate

https://dev.to/dennisfrijlink/nuxt-js-single-page-application-boilerplate-32l5

package.json анатомия

В статье объясняются назначения полей и возможности package.json

#package_json

К статье(eng)

PWA и AMP: берем лучшее из обоих миров

https://blog.bitsrc.io/pwa-and-amp-getting-the-best-out-of-both-worlds-8dcc46b9ad99

​Изучение Vue.js в 2021 году: дорожная карта разработчика

Одной теорией сыт не будешь, поэтому мы дополнили гайд ссылками на полезные инструменты, небольшим примером с проверкой типов и видео-туториалом по разработке приложения с полным функционалом из Vuex:

https://tprg.ru/DhzB

#фронтенд #vue

Наглядный туториал о разработке интернет-магазина на nuxt.js

https://www.apisful.com/tutorials/ru/internet-magazin-vue-js-nuxt-js-apisful/

Миграция Vue 2 на Vue 3

https://johnpapa.net/vue2-to-vue3/

Vue Звери

Карточки зверей, которые можно удалять, сделаны на Vue.js. При удалении карточки создаётся эффект с помощью CSS трансформаций.

CSS Paint API: предсказуемая случайность

https://jakearchibald.com/2020/css-paint-predictably-random/

Перевод любого приложения Vue.js за час

Чем больше языков поддерживает ваше приложение, тем большую аудиторию оно сможет заинтересовать.

В этой статье вы познакомитесь с инструментом, который позволит без труда и за короткий период перевести проект на множество языков:

https://tprg.ru/ItZQ

#vue

Как оптимизировать прогрессивные веб-приложения: выходим за рамки основ

https://www.smashingmagazine.com/2020/12/progressive-web-apps/

☕️ 33 приема оптимизации JavaScript, которые вы должны знать в 2021 году

Предлагаем вашему вниманию подборку полезных техник и хитростей для оптимизации кода на JavaScript. Она будет интересна не только изучающим язык новичкам, но и опытным программистам.

https://proglib.io/w/76e84e60

#javascript #tips

Что нового во Vue 3

Vue.js 3 — это самая актуальная на текущий момент версия фреймворка. Она обладает множеством нововведений:
— Vue 3 Composition API;
— Ref;
— новый метод watchEffect и многими другими.

В этой статье рассматриваются основные нововведения Vue 3 с понятными видеопримерами:

https://tprg.ru/7UQj

#vue #фронтенд

Прокачаем навыки работы с JavaScript с помощью reduce. Начнём с основ: узнаем, что такое редьюсеры и как выглядит функция reduce. Затем создадим более сложные функции, пошагово разберём их выполнение и, наконец, применим эти функции на практике.

https://nuancesprog.ru/p/11101

@nuancesprog #статьи #JavaScript

​Максимальная оптимизация загрузки изображений в 2021 году

Автор этой статьи описывает 6 методов, которые позволяют повысить скорость загрузки изображений на сайте, а также снизить использование CPU для их отображения.

Здесь представлены как традиционные способы, так и относительно новые:

https://tprg.ru/9Gv7

JS | eruda - консоль для мобильных браузеров

Если вам нужно открыть сайт в веб инспекторе, а под рукой только телефон и нет доступа к десктопному браузеру, вам поможет этот плагин. Позволяет открыть полноценную браузерную консоль прямо в телефоне.

Learning Vue.js 2

Автор: Olga Filipova
Год издания: 2016

Скачать книгу

#vue #english

Как оптимизировать PWA

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

В этой статье рассматриваются способы оптимизации PWA, которые помогут ещё сильнее улучшить пользовательский опыт:

https://tprg.ru/5YMq

#pwa

Пишем мессенджер на Vue в облаке Amazon

https://habr.com/ru/post/537654/