Frontender Libs - обзор библиотек JS / CSS

LokiJS LokiJS – это JavaScript-библиотека, предоставляющая легковесную in-memory базу данных, предназначенную для использования в браузере или в среде Node.js. Она не требует установки дополнительных серверов или плагинов и работает исключительно в памяти, что обеспечивает высокую скорость операций. 👉 @sWebDev

Совет фронтендерам и дизайнерам: Хватит тратить время на поиск макетов Figma Все макеты реальных сайтов, которые заказчики присылают на вёрстку уже нашли и бесплатно выкладывают на канале Figma Portal Пополняйте свое портфолио настоящими работами вместе с @maket_figma

Что не так с техническими собеседованиями в IT? Статья обсуждает проблемы и недостатки текущих практик проведения технических собеседований в сфере IT. Автор делится своим опытом как соискателя и интервьюера, описывая такие проблемы, как чрезмерное внимание к алгоритмическим задачам и недостаточное соответствие тестовых заданий реальным рабочим задачам. Он предлагает альтернативные методы оценки кандидатов, такие как задачи, приближенные к реальной работе, и анализ существующего кода. А вы сталкивались на собеседованиях с теоретизированностью? 👍 ― Да. 🤔 ― Нет, мне давали сразу реальные задачи. 👉 @sWebDev | #собес

Управление состоянием в React и Angular Статья обсуждает подходы к управлению состоянием в двух популярных JavaScript-фреймворках: React и Angular. В статье сравниваются встроенные механизмы и сторонние библиотеки, используемые для управления состоянием в этих фреймворках. 👉 @sWebDev

Хватит терять время на уже готовый код! Frontend Trends — библиотека фронтендера, где собраны готовые CodePen решения для ежедневных задач. Эффекты при наведении, 3D-анимации, готовые карточки и др. Зашли – сохранили – применили в своём проекте. Пользуйтесь: @trends_frontend

Арендный бизнес в Москве от собственника - продажа Арендный бизнес. Продажа и аренда коммерческой недвижимости без комиссии! Перейти на сайт #реклама realty4sale.ru О рекламодателе

PointLight Demo Интерактивная сцена с шарами на Three.js. 👉 @sWebDev

🔥Тесты для подготовки к собеседованию🔥 Выбери своё направление: 1. Frontend 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. С/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift

Tesseract.js Tesseract.js — это JavaScript-библиотека, позволяющая выполнять оптическое распознавание символов (OCR) непосредственно в браузере или на сервере Node.js. Она представляет собой порт популярного движка Tesseract OCR. 👉 @sWebDev

Инструкция, как зайти в IT без опыта Можно 10 лет проработать на одном месте, выполнять простые задачи, и ваши навыки не будут отличаться от студента-первокурсника. А можно за полгода прокачаться и создать настолько мощный проект в портфолио, что рекрутеры будут в восторге. Все потому что опыт и стаж работы – разные вещи. Нужно понимать свой уровень знаний, сильные стороны и как впечатлить своими навыками HR, а не показывать стандартный пет-проект. Но со стороны отследить такое проще, поэтому FAANG School подготовили тест, где за 5 вопросов вы узнаете, как получить работу в Сбербанке, Тинькофф, Яндекс, Вконтакте и др. Для всех, кто пройдет тест в течение 24 часов ребята дают бонус – гайд по поиску работы в IT. Переходите, чтобы собрать идеальное резюме, а на бесплатной карьерной сессии поймете, как именно вам получить позицию Java Junior в лучших IT-компаниях.

Пока не подводило. 👉 @sWebDev | #юмор

📚 Здесь собраны все вопросы, которые могут спросить на собеседовании. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам. Просто выбери своё направление: 1. Frontend / JavaScript 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. С/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift

Circular Carousel MotionPath - Draggable & Inertia Интерактивное колесо с лотереей на GSAP. 👉 @sWebDev

Разбираем как решать задачи на LeetCode ✅ Примеры решений ✅ Пояснения Выбери своё направление: 1. Python 2. JavaScript 3. Java 4. C# 5. Golang 6. С/C++ 7. PHP 8. Kotlin 9. Swift

Отладка пользовательских хуков в React useDebugValue() – это хук React, который позволяет разработчикам предоставлять дополнительную информацию о значении, возвращаемом пользовательским хуком, в инструментах разработчика React DevTools. Это упрощает отладку и понимание работы пользовательских хуков, особенно в сложных компонентах или библиотеках. Как это работает: Вы вызываете useDebugValue() внутри вашего пользовательского хука и передаете ему значение, которое хотите отобразить в DevTools. Дополнительно, вы можете передать функцию форматирования, которая преобразует значение в более удобный для чтения вид.

function useFriendStatus(friendID) {
  const [isOnline, setIsOnline] = useState(null);

  // ... логика для определения статуса друга ...

  useDebugValue(isOnline, (status) => status ?? 'Loading...');

  return isOnline;
}

В этом примере useDebugValue() отобразит в DevTools значение isOnline или строку "Loading...", если значение еще не получено. 👉 @sWebDev

Когда приложение ещё не готово, а клиент требует демо. 👉 @sWebDev | #юмор

Magic Grid Magic Grid - это библиотека JavaScript для создания динамических сеток. Она предоставляет удобный способ организовать элементы на странице в виде сетки, автоматически адаптирующейся к различным размерам экрана. 👉 @sWebDev

Хочешь щёлкать задачи по фронтенду как орешки? Канал Frontend Tests & Tasks научит! Это не очередной канал с задачами. Здесь придется думать. Убедись сам 👉 @Frontend_Task

Использование strictTemplates Для чего используется флаг strictTemplates в Angular? Если забыли, то вернитесь к посту от 27.05.2024. 👉 @sWebDev