#ссылка дня

Сегодня ссылка дня говорит сама за себя: 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

JavaScript. Полное руководство, 7-е изд.

Автор: Дэвид Флэнаган
Год издания: 2021

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

#JavaScript #русский

React Virtualized

React Virtualized предназначен для решения одной-единственной проблемы: эффективного рендеринга списков и табличных данных на странице. Я знаю, что вы думаете: «А что, так сложно отобразить таблицу? Или простой выпадающий список?» Но что, если в вашем выпадающем списке больше тысячи элементов, а в таблице — больше сотни столбцов?

👉 @sWebDev

Что нужно знать front-end разработчику, чтобы переехать в США?

Навыки, которые вам пригодятся: https://proglib.io/w/8f9950fb

#roadmap

Используем GPU для повышения производительности JavaScript

https://habr.com/ru/company/vdsina/blog/555994/

Пишем браузерный 3D FPS шутер на Three.js, Vue и Blender

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

​Экосистема Vue

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

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

https://tprg.ru/h5nz

#vue