Создание радиального меню для сайта

Интересная реализация меню, выполненная в форме кольца. Автор пошагово продемонстрировал, как можно сделать аналогичное меню.

Вы тоже можете повторить это меню для своего сайта, изучив инструкцию здесь:

https://www.youtube.com/watch?v=9li7UcMuwKI

#видео

​Как узнать, насколько вы хороши в React.js

Для этого нужно ответить всего на 19 вопросов! Сможете сдать — пройдёте на продвинутый курс по React.js со скидкой.

Пройти тест по React: https://tprg.ru/tYFP

А если хотите начать полноценное обучение, регистрируйтесь на бесплатные демо-занятия Otus и протестируйте учебный процесс заранее:
1. «Тестирование в React.js»: https://tprg.ru/aGxD
2. «Обзор нововведений в React 18»: https://tprg.ru/Yze9

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

​Шахматы на React и TypeScript

Всего за час вы сможете изучить способ создания шахмат с использованием React и TypeScript. Для этого вам понадобятся общие знания ООП и щепотка энтузиазма:

https://youtu.be/mUvYGUYMvKo

#видео #react #typescript

​Как довести фронтендера до инфаркта:

​Навигация с горизонтальной прокруткой

Цель этой статьи — научить вас создавать отзывчивую горизонтальную навигацию с помощью прокрутки переполнения. Весь код уже тут вместе с объяснениями:

https://markdotto.com/2022/03/10/horizontal-scrolling-nav/

#фронтенд

Как 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