Forwarded from Веб-страница
Как реализовать drag & drop используя RxJS
Конечно, реализовать drag & drop можно и с помощью ванильного JavaScript, но если вы хотите поближе познакомиться RxJS, то это неплохой способ.
В этой статье вы найдёте подробное руководство по этому методу:
https://tprg.ru/BJs4
#javascript
Конечно, реализовать drag & drop можно и с помощью ванильного JavaScript, но если вы хотите поближе познакомиться RxJS, то это неплохой способ.
В этой статье вы найдёте подробное руководство по этому методу:
https://tprg.ru/BJs4
#javascript
Forwarded from Сундук Робина
[Дмитрий Лаврик] Vue Advanced (2021)
Скачать: https://cloud.mail.ru/public/Nzkm/kWYqLtw2Z
Цель курса - рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, работа с пользователями и авторизационными токенами, server side rendering и т.п.
🍀 Изучай больше в нашем боте @sharewoodbot
⚡️ Успей оформить ВЕЧНЫЙ премиум со скидкой: S11.SHAREWOOD.CC
Скачать: https://cloud.mail.ru/public/Nzkm/kWYqLtw2Z
Материал будет удален 01.12.2021 - сохраняйте к себе! Цель курса - рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, работа с пользователями и авторизационными токенами, server side rendering и т.п.
🍀 Изучай больше в нашем боте @sharewoodbot
⚡️ Успей оформить ВЕЧНЫЙ премиум со скидкой: S11.SHAREWOOD.CC
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
JavaScript: The Definitive Guide, Seventh Edition
Автор: David Flanagan
Год издания: 2020
#JavaScript #english
Автор: David Flanagan
Год издания: 2020
#JavaScript #english
Forwarded from Frontender Libs - обзор библиотек JS / CSS
Chakra UI
Chakra UI — библиотека простых, модульных и доступных компонентов. Это отличный инструмент для быстрого и легкого создания Vue-приложений.
Все компоненты отличаются доступностью (жесткое следование стандартам WAI-ARIA), тематичностью и пригодностью для компоновки. Они поддерживают адаптивные стили из коробки и совместимы с темным режимом.
Chakra UI также содержит набор компонентов макета, таких как CBox и CStack, которые упрощают стилизацию ваших компонентов. Кроме того, вы сможете автоматически импортировать компоненты Chakra UI с помощью плагина Webpack.
👉 @sWebDev
Chakra UI — библиотека простых, модульных и доступных компонентов. Это отличный инструмент для быстрого и легкого создания Vue-приложений.
Все компоненты отличаются доступностью (жесткое следование стандартам WAI-ARIA), тематичностью и пригодностью для компоновки. Они поддерживают адаптивные стили из коробки и совместимы с темным режимом.
Chakra UI также содержит набор компонентов макета, таких как CBox и CStack, которые упрощают стилизацию ваших компонентов. Кроме того, вы сможете автоматически импортировать компоненты Chakra UI с помощью плагина Webpack.
👉 @sWebDev
Forwarded from Frontender Libs - обзор библиотек JS / CSS
Vaadin web components
Достаточно новая, но многообещающая библиотека. Она содержит набор из 30 развивающихся open source веб-компонентов для создания пользовательского интерфейса мобильных и настольных веб-приложений для современных браузеров. Библиотека находится в активной разработке и определенно заслуживает внимания.
👉 @sWebDev
Достаточно новая, но многообещающая библиотека. Она содержит набор из 30 развивающихся open source веб-компонентов для создания пользовательского интерфейса мобильных и настольных веб-приложений для современных браузеров. Библиотека находится в активной разработке и определенно заслуживает внимания.
👉 @sWebDev
Forwarded from Frontender Libs - обзор библиотек JS / CSS
Patternfly
Элементы PatternFly — это коллекция, состоящая из 20 гибких и легких веб-компонентов, а также инструментов для их создания. Элементы PatternFly обладают легким весом и ограничением boilerplating (что в значительной степени является стандартом для веб-компонента). Они работают в React, Vue, Angular и vanilla JS, а также везде, где используются HTML-элементы.
Запустите демо-версию:
👉 @sWebDev
Элементы PatternFly — это коллекция, состоящая из 20 гибких и легких веб-компонентов, а также инструментов для их создания. Элементы PatternFly обладают легким весом и ограничением boilerplating (что в значительной степени является стандартом для веб-компонента). Они работают в React, Vue, Angular и vanilla JS, а также везде, где используются HTML-элементы.
Запустите демо-версию:
git clone git@github.com:patternfly/patternfly-elements.git
cd patternfly-elements
npm install # this will take a while due to lerna bootstrap
npm run storybook👉 @sWebDev
Forwarded from Frontender Libs - обзор библиотек JS / CSS
VuePress
Это генератор статических сайтов на основе Vue. Первоначально созданный как инструмент для написания технической документации, теперь это небольшая, компактная и мощная безголовая CMS. Начиная с версии 1.x, он предлагает отличные функции ведения блогов и мощную систему плагинов. Он поставляется с темой по умолчанию (с учетом технической документации), но вы также можете создавать собственные темы или использовать готовые опции сообщества.
👉 @sWebDev
Это генератор статических сайтов на основе Vue. Первоначально созданный как инструмент для написания технической документации, теперь это небольшая, компактная и мощная безголовая CMS. Начиная с версии 1.x, он предлагает отличные функции ведения блогов и мощную систему плагинов. Он поставляется с темой по умолчанию (с учетом технической документации), но вы также можете создавать собственные темы или использовать готовые опции сообщества.
👉 @sWebDev
Forwarded from Frontender Libs - обзор библиотек JS / CSS
vux
Это коллекция из более чем 78 UI-компонентов, созданных по принципу mobile-first для веб-приложений, написанных на vue.js
👉 @sWebDev
Это коллекция из более чем 78 UI-компонентов, созданных по принципу mobile-first для веб-приложений, написанных на vue.js
👉 @sWebDev
Forwarded from FrontEnd книги для программистов
Forwarded from FrontEnd книги для программистов
Forwarded from Просто: разработка
Service Worker
Service Worker - что же это это такое?
Если кратко, то это специальный javascript файл, который служит прослойкой между сайтом и сервером.
Используя данную прослойку, можно кэшировать ответы с сервера и такие составляющие сайта, как CSS, favicon, логотип, шрифты и другое.
Какая польза от его использования?
- Повышение производительности,
- Предоставление доступа к контенту, даже когда пользователь оффлайн
и другое!
Статья супер! В ней подробно рассказано, как создать и использовать данную прослойку, приведены разные схемы и примеры.
Читать -> тут.
🔥 @ProstoRazrabotka
Service Worker - что же это это такое?
Если кратко, то это специальный javascript файл, который служит прослойкой между сайтом и сервером.
Используя данную прослойку, можно кэшировать ответы с сервера и такие составляющие сайта, как CSS, favicon, логотип, шрифты и другое.
Какая польза от его использования?
- Повышение производительности,
- Предоставление доступа к контенту, даже когда пользователь оффлайн
и другое!
Статья супер! В ней подробно рассказано, как создать и использовать данную прослойку, приведены разные схемы и примеры.
Читать -> тут.
🔥 @ProstoRazrabotka
Forwarded from NOP::Nuances of Programming
Написание юнит-тестов на компоненты - более надежный способ, чем тестирование итогового HTML-кода. Разберем несколько ситуаций, с которыми вы можете столкнуться на пути создания таких тестов.
https://nuancesprog.ru/p/12858
@nuancesprog #статьи #Vue
https://nuancesprog.ru/p/12858
@nuancesprog #статьи #Vue
Forwarded from FrontEndDev
Тестирование компонентов Vue.js с помощью Vue Test Utils.
В своей статье Nada Riffki рассказывает зачем и как тестировать Vue компоненты (с реальными примерами).
https://blog.logrocket.com/testing-vue-js-components-vue-test-utils/
В своей статье Nada Riffki рассказывает зачем и как тестировать Vue компоненты (с реальными примерами).
https://blog.logrocket.com/testing-vue-js-components-vue-test-utils/
LogRocket Blog
Testing Vue.js components with Vue Test Utils - LogRocket Blog
This guide showcases the benefits of testing your Vue.js components using Vue Test Utils and includes some real-world examples.
Forwarded from FrontEndDev
25 советов по Vue, которые вам нужно знать
https://dev.to/michaelthiessen/25-vue-tips-you-need-to-know-2h70
https://dev.to/michaelthiessen/25-vue-tips-you-need-to-know-2h70
Forwarded from Frontender Libs - обзор библиотек JS / CSS
vue-easytable
vue-easytable - один из самых мощных компонентов для построения таблиц в Vue.
Что касается табличного компонента, он имеет много удивительных встроенных функций на все случаи жизни.
👉 @sWebDev
vue-easytable - один из самых мощных компонентов для построения таблиц в Vue.
Что касается табличного компонента, он имеет много удивительных встроенных функций на все случаи жизни.
👉 @sWebDev
Forwarded from Web Stack
Комплексная CSS-анимация во Vue с AnimXYZ
https://www.smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/
https://www.smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/