Как Discord реализовал навигацию клавиатурой по всему приложению

Разработчик из Discord поделился опытом создания полноценной навигации по приложению с помощью клавиатуры. Он рассказал с какими проблемами они столкнулись в процессе реализации функционала, а также поделился инсайта.

Перевод статьи можно прочитать здесь:

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

#javascript

​7 проблем создания прогрессивных веб-приложений

PWA работает в четыре раза быстрее, чем обычные веб-сайты. Тем не менее, есть некоторые общие проблемы при его создании. Давайте рассмотрим их вместе, чтобы заранее быть готовыми к их устранению:

https://dzone.com/articles/7-challenges-to-creating-your-ecommerce-shops-pwa

#pwa

​​Как упростить работу с базами данных в Node.js с помощью Objection.js

Objection.js — минималистичная ORM-библиотека для Node.js, которая сильно упрощает взаимодействие с базами данных и не перегружена дополнительными функциями, как sequalize или typeORM.

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

https://habr.com/ru/company/hexlet/blog/660359/

#nodejs #библиотека

​Jamstack: философия веб-разработки на примере Next.js

Jamstack сегодня можно определить как современную архитектуру веб-разработки, которая позволяет создавать веб-сайты на основе методологии микросервисов. Это крайне удачное решение для разработки, которое объединяет различные подходы, при этом сохраняя только лучшие моменты каждого.

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

https://tproger.ru/articles/preimushhestva-jamstack-na-primere-next-js/

#nextjs #jamstack

​Разработка на JavaScript с нуля в 2022 году: дорожная карта

Чтобы ваше обучение программированию на JavaScript с нуля было эффективным, мы составили для вас подробную дорожную карту. Забирайте себе по ссылке:

https://tproger.ru/articles/javascript-s-nulja-dorozhnaja-karta/

#javascript

​Зачем использовать materialize и dematerialize операторы и что такое Notification в RxJS

Вы когда-нибудь встречали такие операторы, как materialize и dematerialize в RxJS? Вероятно, вы слышали о них, но не применяли их, потому что не до конца понимали, где они могут понадобиться.

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

https://habr.com/ru/company/skyeng/blog/661709/

#angular #rxjs

​8 советов работы с JavaScript, которые повысят ценность вашего кода

Писать код можно по-разному. Но существует ряд советов, которым стоит следовать, если вы не хотите потом усложнить самим себе жизнь. Одно из основных правил — комментирование кода. Без комментариев вы уже через неделю можете не вспомнить, что делает ваша функция.

Ещё 7 советов можно узнать здесь:

https://nuancesprog.ru/p/15712/

#javascript

Библиотека lwder.js

Эта крошечная библиотека позволит вам сделать такие же крошечные и минималистичные загрузчики.

Подробнее:

https://bmsvieira.github.io/lwder.js/demo/index.html

#библиотека

Suhbat boshlandi

LINK: https://youtu.be/pl4pwKcE8L4

Что может быть хуже кучи Cookies? Уведомление о том, что на сайте не применяются Cookies, которое появляется при каждом обновлении страницы!

​Хотите строить и развивать по-настоящему быстрый бэкенд? Тогда вам на митап от Joom

На нём эксперты из Авито и Джум Лабс расскажут вам:
— Как реализовали быструю фильтрацию модификаций в каталогах: от решения «в лоб» до оптимального;
— Как искать боттлнеки за 30 минут с помощью Jaeger-трейсов;
— Как жить на проекте с большим кластером MongoDB и многое другое.

Митап пройдет в уютном и красивом офисе Joom. Помимо докладов и профессионального общения в кулуарах, будет отличный кофе в приятной атмосфере.

Когда: 4 июня

Подробности и регистрация: https://tprg.ru/KGkO

Это #партнёрский пост

​Создание плейлиста Spotify с помощью бота в Discord

В этой статье мы с вами сможем создать бота для Discord с применением Serverless Cloud, который будет добавлять песни в общий плейлист Spotify. Подробная инструкция по созданию здесь:

https://www.serverless.com/blog/making-a-discord-playlist-bot-with-serverless-cloud

#бот #discord

​Madge – инструмент что позволяет создавать визуальные графы зависимостей вашего js-проекта

Используется для поиска циклических зависимостей и предоставления вам другой полезной информации

GitHub | #JavaScript #Visualization #Useful

Всё о веб-анимациях в 2022

Пользователям нравится, когда на сайте что-то вращается, появляются новые элементы или происходит что-то неожиданное. Если на сайте много таких «вау-эффектов», он может стать вирусным или даже получить какую-нибудь премию.

Подробнее о современных веб-анимациях можно прочитать здесь:

https://habr.com/ru/company/htmlacademy/blog/660901/

​Выравнивание содержимого в разных обёртках

Ахмад Шадид делится проблемой применения обёрток, которые могут дать нежелательные эффекты при рендеринге страницы, а также способами их устранения:

https://ishadeed.com/article/aligning-content-different-wrappers/

#фронтенд

​Про интеграцию сторонних библиотек в Laravel

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

https://tprg.ru/6PQ4

#php #laravel

​Сайт-портфолио с React, GreenSock и Animate.css

В этом видео вы узнаете, как создать сайт-портфолио на React с нуля с продвинутой анимацией. Заварите чай, садитесь поудобнее и готовьтесь создать свой собственный вариант портфолио:

https://youtu.be/bmpI252DmiI

#видео

Mohirdev.uz saytimiz DDOS hujum ostida. Qiziq. Bugunni o'zida 1mlndan ortiq zapros kelgan. Server bosimni ko'tara olmay, yiqilayapti. Kuni bilan server ko'tardik. Hammadan uzr so'raymiz.

© Anvar Narzullaev

Do'stlarga ulashing👇👇
https://telegram.me/joinchat/AAAAAEJkS8Idlq1q52q7KQ

​Как создать роутер для пользовательского приложения SPA

Если вы разрабатывали SPA, то знаете о необходимости обработки несколько страниц в одностраничном приложении, как бы странно это не показалось. А если работали с React, то должны быть знакомы и с React Router, которая решает эту задачу.

Но в этой статье речь пойдёт о способе, который позволит вам избежать необходимости подключения лишней библиотеки, дав вам возможность использовать собственный маршрутизатор на ванильном JS. Подробнее в статье:

https://www.wiktorwisniewski.dev/blog/how-to-create-router-library

#spa #javascript

Анимация повторения текста при прокрутке

Интересный эффект анимации текста, который позволяет создать «отражения» при прокрутке страницы. При желании можно реализовать различные варианты такого поведения, подобрав наиболее подходящий для вашего проекта. Здесь ещё несколько примеров и способ создания эффекта:

https://tympanus.net/codrops/2022/04/13/on-scroll-text-repetition-animation/

#фронтенд

​​Mailwind — используем Tailwind для создания электронных писем

Mailwind представляет собой версию Tailwind CSS, созданную специально для разработки электронных писем в формате HTML. Если работали с оригиналом, то и тут проблем не возникнет, но зато вы сможете сэкономить кучу времени и сил.

Подробнее об установке и использовании тут:

https://github.com/soheilpro/mailwind

#библиотека #tailwind