Forwarded from WebDEV
💡 Переключаемая сетка на Vue.js
В этом последнем примере проверим на Vue общий сценарий, когда страница имеет разные режимы компоновки. Как и в предыдущем приложении, будем показывать список статей, хранящихся в массиве.
Нажав одну из кнопок в верхней панели, будет переключаться режим показа между сеткой, содержащей большие изображения, и списком раскладок с меньшими изображениями и текстом.
Демо на CodePen.
WebDEV #советы #Vue
В этом последнем примере проверим на Vue общий сценарий, когда страница имеет разные режимы компоновки. Как и в предыдущем приложении, будем показывать список статей, хранящихся в массиве.
Нажав одну из кнопок в верхней панели, будет переключаться режим показа между сеткой, содержащей большие изображения, и списком раскладок с меньшими изображениями и текстом.
Демо на CodePen.
WebDEV #советы #Vue
NuxtJS получил тройку, потерял JS и меняет фронтенд: быстрый взгляд на последнее обновление популярного фреймворка для построения фронтенд-приложений на Vue 3 с авторскими комментариями.
Читать
Читать
Хабр
NuxtJS получил тройку, потерял JS и меняет фронтенд
17 ноября вышла стабильная версия Nuxt 3.0 ( теперь без JS ) - популярного фреймворка для построения фронтенд-приложений на Vue 3. Поэтому публикую тут самые важные, на мой взгляд, новые фичи +...
Sometimes You Don’t Need JavaScript At All
https://javascript.plainenglish.io/sometimes-you-dont-need-javascript-at-all-73a6a226a1c3
https://javascript.plainenglish.io/sometimes-you-dont-need-javascript-at-all-73a6a226a1c3
Forwarded from Senior Frontend Developer | JavaScript, React, HTML & CSS
Задача
Реализуйте функцию
Ответ
Реализуйте функцию
checkBrackets, которая должна проверять правильность расположения скобок в строке. Ответ
Forwarded from Библиотека программиста | программирование, кодинг, разработка
⭐ 15 000 звезд на GitHub за год: 10 советов по развитию и продвижению продукта
В этой статье авторы популярного опенсорс-проекта Medusa (альтернатива Shopify) дадут 10 советов по развитию и продвижению продукта.
🔗 Основной сайт
🔗 Зеркало
В этой статье авторы популярного опенсорс-проекта Medusa (альтернатива Shopify) дадут 10 советов по развитию и продвижению продукта.
🔗 Основной сайт
🔗 Зеркало
Создание pre-commit хука для проверки кода с помощью ESLint, Prettier, lint-staged и Husky
Что такое Git-хуки знают многие, но все ли их используют? Разбираемся, как создать pre-commit хук для автопроверки и исправления JavaScript и TypeScript кода.
Читать
Что такое Git-хуки знают многие, но все ли их используют? Разбираемся, как создать pre-commit хук для автопроверки и исправления JavaScript и TypeScript кода.
Читать
NOP::Nuances of programming
Создание хука Git pre-commit для автопроверки и исправления кода JavaScript и TypeScript
Улучшите качество кода JavaScript и TypeScript с помощью ESLint, Prettier, lint-staged и Husky. Эти линтеры обеспечивают соблюдение стандартов программирования и форматирования, а также делают кодовую базу менее подверженной ошибкам, более простой в обслуживании…
Forwarded from Frontender Libs - обзор библиотек JS / CSS
Оптимизация Vue приложения
Приоритет производительности при создании веб-приложений улучшает взаимодействие с пользователем и помогает обеспечить их использование большим количеством людей. В статье Мишель Баркер — старший frontend разработчик в Ada Mode поделиться некоторыми советами по оптимизации внешнего интерфейса веб-приложений на Vue.
👉 @sWebDev
Приоритет производительности при создании веб-приложений улучшает взаимодействие с пользователем и помогает обеспечить их использование большим количеством людей. В статье Мишель Баркер — старший frontend разработчик в Ada Mode поделиться некоторыми советами по оптимизации внешнего интерфейса веб-приложений на Vue.
👉 @sWebDev
👍1
Can the Composition API Replace Vue Mixins?
https://www.syncfusion.com/blogs/post/can-the-composition-api-replace-vue-mixins.aspx
#кодинг
#vue
https://www.syncfusion.com/blogs/post/can-the-composition-api-replace-vue-mixins.aspx
#кодинг
#vue
Syncfusion
Can the Composition API Replace Vue Mixins? | Syncfusion Blogs
This article goes through the concept of Mixins, the limitations of Mixins, and how the Composition API can address these limitations.
Forwarded from Laravel World
Как установить Bootstrap 5 в Laravel 9 с Vite
https://medium.com/@kjoedion/how-to-install-bootstrap-5-in-laravel-9-with-vite-the-right-way-285de2d840ee
https://medium.com/@kjoedion/how-to-install-bootstrap-5-in-laravel-9-with-vite-the-right-way-285de2d840ee
Forwarded from Laravel World
Релиз Vite 4
Основное изменение — переход на сборщик Rollup 3.
https://vitejs.dev/blog/announcing-vite4.html
Основное изменение — переход на сборщик Rollup 3.
https://vitejs.dev/blog/announcing-vite4.html
Ловите записи докладов с недавних фронтенд-митапов, организованных компанией Evrone:
▶ ️Формы: костыли для библиотек или долгострой велосипедов
▶ ️Отдел разработки без бэкенда: растим фронтенд и сохраняем бюджет клиента
▶ ️Как мы вывели Code Style в Практикуме на следующий уровень
▶ ️Dprint - Форматирование на максимальной скорости
▶ ️Организация сложных многоступенчатых форм на VueJS
▶ ️Новые рецепты. React(Vue) Query вместо вашего любимого state manager
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Формы: костыли для библиотек или долгострой велосипедов - Frontend meetup
Подписывайтесь на наш канал здесь и в телеграмм https://yangx.top/meetups_evrone, чтобы быть в курсе будущих митапов и не пропускать полезные доклады!
Фёдор Кирпичёв - Evrone
Почему сложные формы невозможно реализовать без использования плохих кодовых практик…
Фёдор Кирпичёв - Evrone
Почему сложные формы невозможно реализовать без использования плохих кодовых практик…
Forwarded from FrontEndDev
Доступные front-end паттерны для отображения таблиц
Зачастую таблицы с данными не умещаются в экраны планшетов и смартфонов. Посмотрим, как решить проблему стилизации и читаемости в таких ситуациях.
https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1
Зачастую таблицы с данными не умещаются в экраны планшетов и смартфонов. Посмотрим, как решить проблему стилизации и читаемости в таких ситуациях.
https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1
How to create a debounced ref in Vue 3 using Composition API
https://theroadtoenterprise.com/blog/how-to-create-a-debounced-ref-in-vue-3-using-composition-api
#кодинг
#vue
#vue3
https://theroadtoenterprise.com/blog/how-to-create-a-debounced-ref-in-vue-3-using-composition-api
#кодинг
#vue
#vue3
The Road To Enterprise Blog
How to create a debounced ref in Vue 3 using Composition API
Composition API offers a ref to create a reactive value. But what if we would like the state updated to be delayed? In this article we cover how to create a debounced ref.
Лучшие практики тестирования JavaScript и Node.js: актуальная коллекция из 50+ передовых практик и примеров.
Репозиторий & Сайт
Репозиторий & Сайт
GitHub
javascript-testing-best-practices/readme-ru.md at master · goldbergyoni/javascript-testing-best-practices
📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2025) - goldbergyoni/javascript-testing-best-practices
Forwarded from Простой JavaScript | Программирование
Подделка API
Тесты и программные компоненты, которые ты хочешь протестировать, в большинстве случаев имеют зависимости. Типичной зависимостью может быть, например, внешний источник данных. Было бы непрактично вызывать настоящий API в тестовой среде или в процессе разработки. В данной статье автор демонстрирует 4 способа подделки API.
👉Читать статью
#статьи
Тесты и программные компоненты, которые ты хочешь протестировать, в большинстве случаев имеют зависимости. Типичной зависимостью может быть, например, внешний источник данных. Было бы непрактично вызывать настоящий API в тестовой среде или в процессе разработки. В данной статье автор демонстрирует 4 способа подделки API.
👉Читать статью
#статьи
Forwarded from Laravel World
А вы знали, что можно использовать
latest() для сортировки результатов? По умолчанию метод сортирует по полю created_at, но вы, например, можете отсортировать по идентификатору: latest('id').