Переписываем Nuxt Hacker News с помощью Fastify, Vite и Vue 3

https://vuejsdevelopers.com/2021/03/23/nuxt-vite-fastify/

Принципы юнит-тестирования

Автор: Хориков Владимир

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

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

#testing #русский

Todo list на Vue

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

👁‍🗨Практика Vue JS - создание CRM системы

▪️Урок 1. Создание приложения с Vue CLI 3 - Смотреть
▪️Урок 2. Страницы и layouts - Смотреть
▪️Урок 3. Основной layout - Смотреть
▪️Урок 4. Создание фильтра даты + меню - Смотреть
▪️Урок 5. Валидация с Vuelidate - Смотреть
▪️Урок 6. Как создать плагин сообщений - Смотреть
▪️Урок 7. Добавление Firebase - Смотреть
▪️Урок 8. Регистрация через Firebase - Смотреть
▪️Урок 9. Работа с API, валютами и компонентами - Смотреть
▪️Урок 10. Добавление категорий - Смотреть

@itlecture

#песочница #javascript #vue #css
Интересная анимационная панель кнопок на Vue

Ссылка на песочницу

Неплохие, хотя и достаточно очевидные (для меня во всяком случае) советы по улучшению вашего кода Vue

https://betterprogramming.pub/5-principles-for-writing-clean-and-maintainable-vue-js-code-35dfcf5ef08c

Vue | Динамический компонент

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

👉 @web_craft

​Фронтенд-разработка в Docker

Эта статья поможет фронтенд-разработчикам, которые работают или будут работать над совместным проектом. Здесь вы научитесь разрабатывать фронтенд, используя Docker, который поможет избавиться от проблем с совместимостью у разных людей и не только.

Подробнее в статье:

https://tprg.ru/o1vz

#docker #фронтенд

#ссылка дня

Сегодня ссылка дня говорит сама за себя: https://svgontheweb.com/ru/

«SVG в вебе. Практическое руководство»

В дружественных чатах постоянно проскакивают вопросы о подключении SVG в HTML, об их оптимизации, стилизации и манипуляции над ними.

И каждый раз ответы – одинаковые. И не всегда верные и однозначные.

Собственно, это руководство не будет долго погружать в теорию (минимальную всё же даст), но вот рабочие примеры — предоставит. Есть официальный перевод на русский язык, а желающие могут дополнить на GitHub.

#svg #sprite #css

#песочница #javascript #vue #css
Адаптивные parallax карточки при наведении курсора, созданные с помощью Vue

Ссылка на песочницу

Как на самом деле тестировать UI
Методы тестирования, используемые ведущими командами инженеров

https://storybook.js.org/blog/how-to-actually-test-uis/

​Как тестировать фронтенд

Чтобы избежать проблем, нужно тестировать не только JavaScript-код, но даже HTML. Ведь проблемы с вёрсткой могут сильно испортить впечатления пользователя.

В этой статье автор рассказал, как в их компании тестируют фронтенд и, в частности, вёрстку и записал целый чек-лист:

https://tprg.ru/IzDW

#фронтенд #html

Рассказали о некоторых особенностях CSS-переменных, о которых почему-то редко говорят.

Читать статью

Работа со строками в современном JavaScript

https://www.baseclass.io/guides/string-handling-modern-js

Изучите основы Vue с Vue 3

https://blog.asayer.io/learn-the-fundamentals-of-vue-with-vue-3

Vue.js в действии

Автор: Хэнчеп Эрик, Листуон Бенджамин
Год издания: 2019

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

#vue #русский

​Идеальное Vue приложение на Typescript

Поговорим о типизации и о том, что она все еще не идеальна во Vue. И попробуем создать идеальное приложение с типизацией на typescript сделав упор на code style, пропагандируя vue style guide и прочие обычно не значащие вещи, которые были придуманы умными людьми.

https://proglib.io/w/53fa5d21

#vue #frameworks

Рассмотрели лучшие практики загрузки шрифтов в приложении Vue.

Читать статью

Удобное создание и проверка форм на Vue

На многих сайтах так или иначе присутствуют различные формы. Если вам тоже предстоит создать такую форму, то обратите внимание на Vue Formulate. Этот инструмент позволяет разработчикам быстро и без труда создавать формы различной сложности.

Подробности в статье:

https://tprg.ru/frW9

#фронтенд #vue

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

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

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

https://tprg.ru/7kU3

#vue