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

Vue | Библиотеки UI-компонентов для Vue 3

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

В статье рассмотрены библиотеки компонентов пользовательского интерфейса, которые работают с Vue 3 на 2021 год, и показан прогресс разработки трех основных библиотек UI-компонентов.

UI-библиотеки поддерживающие Vue 3:
- Element
- Ionic
- Primevue
- Vuetify - обещают поддержку в третьем квартале 2021
- Quasar - обещают поддержку в первом квартале 2021

Lazy Load Routes во Vue с динамическими комментариями webpack

https://css-tricks.com/lazy-load-routes-in-vue-with-webpack-dynamic-comments/

Nuxt | 7 советов для разработки большого приложения

- Используйте свой файл с роутами
- Используйте Vuex store factory function
- Генерируйте файлы с помощью extend()
- Инициализируйте глобальный пользовательский код

И другие советы с примерами реализации и разъяснением в статье.

​Разработка PWA с поддержкой распознавания лица и голоса

Этот материал посвящён продвинутым возможностям PWA (Progressive Web Application, прогрессивное веб-приложение), основанным на некоторых современных API. А именно, здесь мы поговорим о разработке веб-проекта, поддерживающего распознавание лица и голоса. Тем, что раньше было доступно только в обычных приложениях, теперь можно воспользоваться и в PWA. Это открывает веб-разработчикам множество новых возможностей.

https://proglib.io/w/10bdd9f3

#pwa

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

WhatsApp, Telegram, Viber — всё так избито и банально... Пора создать свой собственный мессенджер, который будет соответствовать вашим собственным предпочтениям!

В этом руководстве как раз расскажут, как это сделать начиная от фронтенда и аутентификации, заканчивая бэкендом:

https://tprg.ru/8Dog

#vue #aws

Nuxt | Создаём PWA интернет-магазин

Серия статей шаг за шагом рассказывающая о создании и оптимизации интернет--магазина.

Структура интернет магазина:
- Главная страница с каталогом товаров
- Страница категорий со списком товаров
- Карточка товара
- Страница оформления заказа

Возможности приложения:
- Модальные окна.
- Хранение идентификатора пользователя в cookie.
- Ленивая подгрузка и гидрация компонентов.
- Сжатие изображений, стилей, скриптов, html кода и всего что только можно.
- 2 версии сайта: 1) для последних браузеров которым не нужен транспилированный код (через Babel) 2) Legacy версия транспилированная через Babel.
- Умная загрузка шрифтов без FOUT, FOIT, FOFT.
- Поддержка всех браузеров от IE 10.
- Поддержка svg.
- Работа со всеми SEO тегами.
- Автоопределение устройства пользователя ещё до рендера сайта, для отдачи нужного html контента.
- Работа с API с помощью XHR запросов.

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

Реализация шаблона Builder во Vue.js, часть 1: Списки

https://webdevblog.ru/realizaciya-shablona-builder-vo-vue-js-chast-1-spiski/