Forwarded from FrontEndDev
Как внедрить оптимизизацию изображений во Vue
https://css-tricks.com/start-serving-optimized-images-in-vue/
https://css-tricks.com/start-serving-optimized-images-in-vue/
CSS-Tricks
Start Serving Optimized Images in Vue | CSS-Tricks
Images have become extremely important to the effectiveness of websites. They speak a 1000 words, attract attention, and stimulate emotions.
Forwarded from FrontEnd книги для программистов
Forwarded from FrontEnd книги для программистов
Building Vue.js Applications with GraphQL
Автор: Heitor Ramon Ribeiro
Год издания: 2021
Скачать книгу
#vue #english
Автор: Heitor Ramon Ribeiro
Год издания: 2021
Скачать книгу
#vue #english
Forwarded from Веб-страница
Обслуживание оптимизированных изображений во Vue
Загрузка изображений сильно бьёт по производительности сайта. А согласно HTTP Archive изображения составляют не 50% от полезной нагрузки веб-сайта.
Но выход из этой ситуации есть. ImageEngine в связке с Vue.js позволяют снизить нагрузку на сеть при загрузке изображений. Подробнее здесь:
https://tprg.ru/Q1UX
#vue
Загрузка изображений сильно бьёт по производительности сайта. А согласно HTTP Archive изображения составляют не 50% от полезной нагрузки веб-сайта.
Но выход из этой ситуации есть. ImageEngine в связке с Vue.js позволяют снизить нагрузку на сеть при загрузке изображений. Подробнее здесь:
https://tprg.ru/Q1UX
#vue
Forwarded from Веб-страница
Как работают функции provide и inject во Vue 3?
Vue 3 принёс много нового для разработчиков. Теперь вам можно даже обойтись без VueX благодаря функциях
В статье вы узнаете подробности:
https://tprg.ru/VLap
#vue
Vue 3 принёс много нового для разработчиков. Теперь вам можно даже обойтись без VueX благодаря функциях
provide и inject. Работают они достаточно просто и интересно.В статье вы узнаете подробности:
https://tprg.ru/VLap
#vue
Forwarded from Веб-страница
Easy canvas — простая JS-библиотека, которая невероятно упрощает работу с canvas html
Для успешной работы с canvas требуется достаточно много опыта и терпения. Эту проблему решает эта библиотека — она в разы упрощает рисование в canvas и не требует долгого изучения.
Подробнее:
https://tprg.ru/cveH
Для успешной работы с canvas требуется достаточно много опыта и терпения. Эту проблему решает эта библиотека — она в разы упрощает рисование в canvas и не требует долгого изучения.
Подробнее:
https://tprg.ru/cveH
Forwarded from FrontEnd книги для программистов
Building Vue.js Applications with GraphQL
Автор: Heitor Ramon Ribeiro
Год издания: 2021
Скачать книгу
#vue #english
Автор: Heitor Ramon Ribeiro
Год издания: 2021
Скачать книгу
#vue #english
Forwarded from Веб-страница
Появилась онлайн-игра для JavaScript-разработчиков
Если вам нравятся стратегии, онлайн-игры и JavaScript, то Yare.io вам точно придётся по душе.
Все действия в игре осуществляются с помощью написания JS-кода, а суть игры в том, чтобы разрушить базу противника, расширяя свою армию за счёт сбора энергии звёзд. Звучит интересно, не так ли?
Проявить свои навыки JS-программирования и стратегическое мышление можно тут:
https://tprg.ru/Ls3U
#javascript
Если вам нравятся стратегии, онлайн-игры и JavaScript, то Yare.io вам точно придётся по душе.
Все действия в игре осуществляются с помощью написания JS-кода, а суть игры в том, чтобы разрушить базу противника, расширяя свою армию за счёт сбора энергии звёзд. Звучит интересно, не так ли?
Проявить свои навыки JS-программирования и стратегическое мышление можно тут:
https://tprg.ru/Ls3U
#javascript
Forwarded from Frontend Info
Предложения включенные в стандарт ECMAScript 2022
https://medium.com/geekculture/proposals-included-in-the-incoming-ecmascript-2022-standard-for-javascript-6119a4518904
https://medium.com/geekculture/proposals-included-in-the-incoming-ecmascript-2022-standard-for-javascript-6119a4518904
Medium
Proposals included in the incoming ECMAScript 2022 standard for JavaScript
ES2021 or ES12 was released earlier this summer, but many people are already thinking about the future, and what new features ES2022 will…
Forwarded from Библиотека тестировщика | QA, тестирование, quality assurance, manual testing, autotesting, ручное тестирование, автотесты
Marie Drake
API Testing using Jest and SuperTest
Last week, I've been playing around with how to integrate SuperTest, a library for testing HTTP servers. With over 2 million weekly downloads, it seems to be a standard choice for testing our backend API. Previously, I have blogged on how to use Cypress for…
Forwarded from Веб-страница
Полнофункциональное приложение с VueJs и Flask
В этом видео вы на примере создания библиотеки игр сможете научиться делать фуллстак-приложение, используя фреймворк Vue для фронтенда и библиотеку Flask для бэкенда:
https://tprg.ru/XExV
#фронтенд #бэкенд #vue #flask
В этом видео вы на примере создания библиотеки игр сможете научиться делать фуллстак-приложение, используя фреймворк Vue для фронтенда и библиотеку Flask для бэкенда:
https://tprg.ru/XExV
#фронтенд #бэкенд #vue #flask
YouTube
Full Stack Project with Vue.js and Flask (Games Library App)
This is a Full-Stack project to create a Games Library application using VueJs for the frontend UI and Flask for the backend server and Flask Rest API to connect to the frontend.
We are also using Axios to send requests and receive responses, as well as Bootstrap…
We are also using Axios to send requests and receive responses, as well as Bootstrap…
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