FrontEndDev

Как use() работает под капотом React? https://jser.dev/2024-03-16-how-does-use-work-internally-in-react/

Интерактивный гайд по CSS Container Queries Шанс попробовать относительно новую фичу без необходимости создавать свою песочницу. https://ishadeed.com/article/css-container-query-guide

DevTools: советы и трюки Пачка малоизвестных (вперемешку с заезженными) фич DevTools, позволяющих экономить время и силы при разработке и дебаге. https://frontendmasters.com/blog/devtools-tips-tricks/

Введение в Jest - JS библиотеку для тестирования Краткое руководство, основные фичи, юзкейсы и сравнение с другими библиотеками. https://blog.logrocket.com/jest-adoption-guide/

​🤖 API и SDK от 2ГИС: технологии для вашего бизнеса Ищете способы улучшить свой сервис, приложение или сайт? 2ГИС предлагает API и SDK — готовые решения для интеграции геоданных в ваш продукт. 💼 Что вы получаете: - API карт: Детальная карта с редактором стилей — от подключения виджета с филиалами до геоинформационного сервиса. - API справочника: Поиск по названию, виду деятельности, адресу и координатам. Доступ к подробной информации о миллионах организаций. А ещё преобразование координат в адрес и обратно, получение данных о парковках, остановках. - API навигации: Инструменты для такси, курьеров, транспортных и логистических компаний. Маршруты для разных видов транспорта мимо пробок, шлагбаумов, перекрытий, платных и грунтовых дорог. Информация о расстоянии и времени в пути между точками на карте. - Mobile SDK: 3D-карты, поиск и маршрутизация для приложений на iOS и Android — с тонкими настройками стилей и маркеров, построением маршрутов и доступом к справочнику. ⭐️ Почему стоит выбрать 2ГИС: - Регулярные обновления данных о дорогах, организациях и пробках. - Точность: Информация обрабатывается с помощью ИИ и выверяется с помощью пеших картографов и контакт-центра. - Поддержка: Сопровождение клиентов на всех этапах работы, личный кабинет, подробная документация и примеры кода. - Привлекательные условия: Гибкая настройка по техническим требованиям и тестовый период. Попробуйте!

13 репозиториев для изучения веб-разработки Подборка из 13 ресурсов для бесплатного обучения основам и аспектам разработки от Евгений Ковальчука. https://www.youtube.com/watch?v=UEyEAfnxp_c

Курс по основам JS: Learn JavaScript Базовый курс из 28 уроков от команды разработчиков Chrome. https://web.dev/learn/javascript

#accessibility #html HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 7 ⭐️⭐️◽️◽️◽️ 📖 Читать

React Design Pattern Плейлист из 5 видео с основными паттернами разрабтки на React: HOC, Layout, custom hooks, etc. https://www.youtube.com/playlist?list=PLgeETUaEEds5HE2uGWezJxYeZwpBonHr-

React Router v6 - Полный курс Курс по React Router v6 включающий как базовую настройку роутинга, так и продвинутую конфигурацию и кастомные переходы между страницами. https://www.youtube.com/watch?v=SMq1IQRweDc

Ребят, в начале или середине своего пути, вам часто нужно смотреть на примеры кода и реализацию разных возможностей ⚠️ Это повышает вашу насмотренность, понимание кода, да и вы всегда сможете сохранить заготовки себе на будущие проекты Раньше мы публиковали множество сайтов. Но теперь есть специальный канал для этого: @code_ready У вас будет все под рукой, с оформленным кодом, примерами, шпаргалками и без занудства ➡️ Так что подписываемся

Подборка записей с конференций (300+) по JS за 2023 год https://dev.to/techtalksweekly/all-javascript-conference-talks-300-from-2023-ordered-by-the-number-of-views-1akm

Оптимизация карусели для EditorJS Показательный пример того, что не все библиотеки собраны оптимальным образом, и как с эти можно бороться (если очень нужно) https://dev.to/appqui/how-i-optimized-carousel-for-editorjs-2x-in-size-4efa

Скролл-анимация с типографикой Эксперимент с анимацией с появлением изображения в тексте при скролле. Демо | Github https://tympanus.net/codrops/2024/04/02/on-scroll-expanding-image-animation-within-typography/

Телеграм-канал фронтендерского сообщества Яндекса Yandex for Frontend — канал от фронтендеров Яндекса. Рассказываем, как мы делаем красивые и функциональные интерфейсы в наших продуктах, и показываем людей, которые двигают фронтенд-разработку вперёд. Подписывайтесь 👉 https://t.me/yandex4frontend

KeyUX - библиотека, позволяющая удобно работать с вашим сайтом с клавиатуры Сделана не только для доступности, но и для тех, кто любит использовать клавиатуру по максимуму в своей работе. Весит всего 2Кб и не использует дополнительные зависимости. https://github.com/ai/keyux

Изучаем относительные viewport единицы в CSS Как и когда использовать 100vh, 100dvh, 100lvh, 100svh. https://webdesign.tutsplus.com/learn-these-viewport-relative-css-units-100vh-100dvh-100lvh-100svh--cms-108537t

Прощай JS Profiler Профайлинг CPU c помощью вкладки Performance в Chrome. О причинах ухода от профайлера и как теперь мониторить производительность приложений. https://developer.chrome.com//blog/profiling-cpu

Изучаем NestJS - Полный курс Большой 14 часовой курс по разработке на NestJs: котроллеры, сервисы, модули, работа с БД, авторизация, сваггер и другие аспекты разработки веб серверов. https://www.youtube.com/watch?v=sFnAHC9lLaw

7 простых правил для лучшего отображения данных Как визуализировать данные понятно и наглядно для пользователей вашего приложения. https://www.sitepoint.com/better-data-visualization-simple-rules/