Логово верстальщика

👩‍💻 Как правильно оптимизировать изображения в HTML Сегодня у нас куча разных экранов и разрешений, так что нет смысла всем пользователям показывать одно и то же изображение. Читать...

‼️Тест по React JS от OTUS — Ответьте на 30 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js по спец. цене! 👉ПРОЙТИ ТЕСТ - https://otus.pw/4lW7/ Курс доступен в рассрочку. ❇️ Пройдите тест и получите: ✔️ Живое общение с экспертами ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «React.js Developer» Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

👩‍💻 JavaScript однострочники, которые сэкономят кучу времени Эти короткие, но мощные строчки кода поднимут твои навыки JavaScript на новый уровень и ускорят работу в разы. Читать...

👩‍💻 Операторы равенства == и === в JavaScript В JavaScript есть два разных оператора равенства: == и ===. Они оба используются для сравнения значений, но между ними есть различие. Читать...

👩‍💻 Bit Counting Напишите функцию, которая принимает целое число в качестве входных данных и возвращает количество битов, равных единице в двоичном представлении этого числа. Пример: Двоичное представление 1234 равно 10011010010, поэтому в этом случае функция должна возвращать 5

Решение задачи🔽

function countBits(n) { return n.toString(2).split('0').join('').length; } // Примеры использования: console.log(countBits(1234)); // Вывод: 5 console.log(countBits(7)); // Вывод: 3 (двоичное представление 7 равно 111) console.log(countBits(9)); // Вывод: 2 (двоичное представление 9 равно 1001) console.log(countBits(15)); // Вывод: 4 (двоичное представление 15 равно 1111)

👩‍💻 Как работает JavaScript Proxy Раскройте для себя возможности JavaScript Proxy, углубившись в настройку операций с объектами и контроль над ними. Используя JavaScript Proxy, вы будете создавать надежные и безопасные приложения. Читать...

👩‍💻 Сбросы базовых CSS-стилей для применения в любом приложении Устали переписывать снова и снова базовые CSS-стили? Предлагаем код со сбросами, который можно вставить в корневой CSS-набор любого проекта. Читать...

👩‍💻 React Native: полное руководство по созданию виджета для домашнего экрана для iOS и Android Виджеты - это инструменты, которые делают домашний экран более привлекательным и предоставляют полезную информацию. Рассказываем, как создавать виджеты для Android и iOS и как внедрить их в приложение на React Native. Читать...

Начни монетизировать свой сайт за 24 часа с Adlook! - поддержка 24/7 - легкая установка - безопасный код - быстрые выплаты от 1000 рублей - входим в топ-5 рекламных систем рунета - работаем с 29 рекламными биржами Переходи на сайт за подробностями! Реклама. ООО "ЭДЛУК". ИНН 7802927160.

👩‍💻 Neon Clock Сцена с неоновыми часами. Сделана на SCSS и JavaScript. Открыть код...

🎯 45 вопросов для подготовки к собеседованию по React Подготовься к собеседованию на React-разработчика: собрали ключевые вопросы и ответы, которые помогут тебе уверенно пройти любое интервью. Читать...

🛠 17 топовых инструментов для фронтенда Собрали коллекцию крутых опенсорсных библиотек: тут есть всё, от графиков и диаграмм до масштабирования проектов с помощью распределенного выполнения задач и кэширования. Читать...

✨ Tailwind CSS: Как Добавить Эффектные Анимации Анимации с Tailwind CSS оживят ваш интерфейс и сделают его более динамичным. Взгляните на примеры, где показано, как настроить такие эффекты, как вращение, подпрыгивание, пульсация, переворачивание и покачивание. Читать...

👩‍💻 Find the missing letter Напишите метод, который принимает массив последовательных букв в качестве входных данных и возвращает недостающую букву в массиве. Вы всегда получите действительный массив. И в нем всегда будет отсутствовать ровно одна буква. Длина массива всегда будет составлять не менее 2. Пример кода:

['a','b','c','d','f'] -> 'e'
['O','Q','R','S'] -> 'P'

Решение задачи🔽

function findMissingLetter(array) { for (let i = 0; i < array.length - 1; i++) { // Если разница в кодах символов между текущей и следующей буквой больше 1 if (array[i].charCodeAt(0) + 1 !== array[i + 1].charCodeAt(0)) { // Возвращаем пропущенную букву return String.fromCharCode(array[i].charCodeAt(0) + 1); } } throw new Error("No missing letter found"); } // Примеры использования: console.log(findMissingLetter(['a','b','c','d','f'])); // 'e' console.log(findMissingLetter(['O','Q','R','S'])); // 'P'

День рождения онлайн-школы METHED 🥳 Прокачай свои навыки за 3 дня – присоединяйся к интенсиву!   В рамках интенсива мы сосредоточимся на разработке веб-приложения для отображения расписания автобусов в реальном времени, используя Node.js и JavaScript. Что вас ждёт на интенсиве? - Разработка серверной части с использованием Node.js и Express - Клиентская часть на JavaScript - Интеграция WebSocket и развертывание на хостинг Стартуем уже скоро, регистрируйся: https://tglink.io/942faca0c693 

👩‍💻 Абортим асинхронные задачи в JavaScript с методами AbortSignal.timeout() и AbortSignal.any() Скорее всего, ты ещё не слышал про два полезных метода в JavaScript — AbortSignal.timeout() и AbortSignal.any(). Они помогают правильно останавливать асинхронные операции и работают в большинстве веб-браузеров. Читать...

🔄 React не обязателен: 5 крутых альтернатив для фронтенда React — топовый инструмент для создания интерфейсов, но не всегда он лучший выбор. Иногда есть более простые и эффективные библиотеки и фреймворки, которые могут подойти лучше. Читать...

🔝 Самые интересные статьи за последние дни: • PHP и Laravel дайджест новостей за июль 2024 года • PWA vs Native: где приложения для iOS и Android больше никогда не пригодятся • Нагрузочное тестирование в разработке веб-приложений • Анимации Hover и эффекты Blur: Полный гид по созданию динамических карточек • Как работать удаленно, мои наблюдения и рекомендации

👩‍💻 light/dark mode Анимированное переключение светлой и темной темы. Сделано на Pug и SCSS. Открыть код...

❓ Фронтенд-разработка: чем занимаются и сколько зарабатывают специалисты Профессия фронтенд-разработчика сейчас в числе самых востребованных в IT. Разбираем базовые вопросы для тех, кто планирует стать фронтенд-разработчиком. Читать...