Что нового во 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/

Vue | NativeScript, создаём мобильное приложение

Создавайте собственные приложения для iOS и Android с помощью JavaScript.

Платформа с открытым исходным кодом для создания действительно нативных мобильных приложений с использованием Angular, Vue.js, TypeScript или JavaScript.

Nuxt | Серия видеоуроков для начала работы

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

Темы:
- Введение
- Установка
- Маршрутизация и ссылки
- Динамическая маршрутизация
- Получение данных
- СЕО
- Авто компоненты и Ленивая загрузка
- Глобальные стили и переходы
- Генерация и размещение
- Следующие шаги

Vue | Приёмы для разработки

В статье описываются подходы к организации работы vue приложения такие как:
- Централизованная шина событий
- Централизованная шина промисов
- Плоские структуры
- Действия вместо мутаций
- Ограничение реактивности

Прикольная библиотечка для списков и гридов с перетаскивающимися элемнтами на основе Sortable.js

https://github.com/SortableJS/Vue.Draggable

Одна из самых популярных (open source) админок на Vue:

https://github.com/PanJiaChen/vue-element-admin

Vue | Vue 3 на Typescript

Популярность Typescript растет день ото дня, Vue старается не отставать от моды, и в новой версии фреймворка была значительно улучшена поддержка Typescript. Теперь переход на Typescript проще и приятнее, чем был раньше. Хороший повод научиться чему-то новому, тем более, что в требованиях к вакансиям он встречается все чаще и чаще.

Vue | Quasar — швейцарский нож для Vue

Quasar позволяет строить SPA-, SSR-, PWA-, Electron- и нативные мобильные приложения, а также делать браузерные плагины и пользоваться библиотекой компонентов на Material 2.0. И всё это строится на одной кодовой базе, что теоретически позволяет некий функционал реализовать одновременно под почти все возможные платформы и запросы. Всё это многообразие тщательно стандартизировано и задокументировано, чтобы сделать жизнь разработчика легче и сформировать непреодолимую привязанность к проекту.

Get Programming with Node.js

Автор: Jonathan Wexler
Год издания: 2019

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

#node #english

Vue | Решаем задачу с валидацией форм

Валидация форм — одна из самых важных задач на сайте. Необходимо проверять данные на присутствие, на совпадение по паттерну, создавать асинхронные валидации, применять валидации только после снятия фокуса с поля или перед отправкой формы.

В статье показываются и сравнивают способы валидации полей:
-Валидации с помощью средств HTML5
-Валидации без использования библиотек
-vee-validate
-Vuelidate

Современный JavaScript для нетерпеливых

Автор: Кэй С. Хорстман

Год издания: 2021

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

#javascript #русский

☕️ 7 советов изучающему Vue.js новичку

Vue.js – один из самых популярных фреймворков для фронтенд-разработки и один из самых простых в изучении. Рассказываем, на что нужно обратить внимание желающим освоить его с нуля новичкам.

https://proglib.io/w/fe8fa290

#vue

Vue UI - Первый взгляд

Наглядный обзор возможностей утилиты Vue UI для развертывания и управления проектами на Vue.js.

В третьей версии популярного JavaScript-фреймворка Vue появилась новая функциональность Composition API, которая значительно облегчает жизнь программисту. Она упрощает повторное использование логики в разных модулях больших приложений, позволяет лучше отслеживать и оптимизировать сложный код.

https://nuancesprog.ru/p/11296

@nuancesprog #статьи #Vue