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

Получи грант до 1,2 млн руб. на обучение в магистратуре Хочешь развиваться в сфере ИТ и получить фундаментальные знания с практикой? Поступай в магистратуру Центрального университета! - 4 офлайн программы по востребованным направлениям ИТ - Онлайн-программа по машинному обучению - 300 мест с грантами до 1,2 млн руб. - Вечерние занятия и учеба по выходным — удобно совмещать с работой - Обучение по модели STEM-образования: на стыке науки, технологий и бизнеса - Возможность стажировок и трудоустройства в ведущих компаниях - Государственный диплом за 2 года Магистратура в Центральном университете — это современный подход к образованию, сильный преподавательский состав и актуальные кейсы от индустрии. Оставляй заявку на грант уже сейчас! Подать заявку #реклама 16+ apply.centraluniversity.ru О рекламодателе

➡️ 50 лучших ресурсов с бесплатными HTML/CSS/JS шаблонами 50 сайтов, где можно скачать бесплатные шаблоны для HTML, CSS и JavaScript. Читать...

⚙️ Микрофронтенд: что это такое и зачем он нужен? В этой статье сравним разные способы организации микрофронтенда, изучим их преимущества и стратегии реализации. Читать...

👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻 Сливаем вам базу с курсами и книгами от известных онлайн школ по Frontend: (23 ГБ) — Основы веба (46 ГБ) — HTML/CSS/Верстка (53 ГБ) — JavaScript (31 ГБ) — React (17 ГБ) — TypeScript (33 ГБ) — Vue / Angular / Svelte (56 ГБ) — Webpack / Vite / Git (43 ГБ) — Next.js / Nuxt.js (68 ГБ) — Figma и Веб-дизайн (76 ГБ) — Анимации и UI/UX (44 ГБ) — WordPress (37 ГБ) — Архитектура фронтенда (21 ГБ) — Тестирование фронта Скачивать ничего не нужно — все выложили в Telegram

🔝 Самые интересные статьи за последние дни: • Способы запуска Telegram mini apps • SOLID in React • Секрет внутри одного миллиона чекбоксов • Неизвестно полезный CSS. Часть 4 • Собираем данные из сотни микросервисов, или Как мы разобрали Ozon на кубики, а потом собрали заново

➡️ Чистая архитектура фронтенда Концепции и практики, такие как SOLID, KISS, DRY и DDD, помогут создавать более чистые архитектуры фронтенда. А правила создания компонентов с учетом развития бизнес-логики позволят коду оставаться ожидаемо поддерживаемым. Читать...

🎣 Лови баги на этапе вопросов, а не дебага Часто баги появляются из-за того, что изначально не до конца поняли задачу. 👉 Совет: перед началом работы задавай максимум уточняющих вопросов. Даже если кажется, что всё понятно. Лучше потратить 10 минут на разговор, чем два дня на поиск, где всё пошло не так.

👩‍💻 Первые шаги в JavaScript: создание калькулятора Начинаете осваивать JavaScript? Создание простого калькулятора позволит вам оценить его возможности. Вы получите базовое представление о синтаксисе JavaScript и о том, как использовать его для создания интерактивных веб-приложений. Читать...

👩‍💻 Scroll-Driven Dock Настраиваемая панель инструментов. Сделана на SVG, CSS и JavaScript. Открыть код...

👩‍💻 ООП на простых примерах Познакомимся с наследованием, инкапсуляцией, абстракцией и полиморфизмом. А также научимся создавать объекты и использовать синтаксический сахар class. Читать...

⚡️ Дождались! Ребята сделали крутейший канал про Frontend Здесь на простых картинках и понятном языке обучают фронтенд-разработке, делятся полезными фишками и ресурсами Подписывайтесь: @FrontendPortal

📈 Подборка статей для вашей карьеры • Почему любая оценка IT-шников обречена на провал? • Карьерный рост из senior: кто такой staff-инженер? • «Так и знала, что вы — бывший двоечник!» Самые глупые ошибки моей компьютерной молодости • Что лучше — оценка рекрутера или подбрасывание монетки? • Мотивационные стили в обучении: почему вам (возможно) не нужны цели или общение с одногруппниками

💳 8 приложений и сайтов, за которые стоит заплатить: UX/UI edition Предлагаем список полезных платных приложений и сайтов для UX/UI дизайнера и подробно рассматриваем их преимущества и особенности. Читать...

👩‍💻 8 советов, которые сделают JavaScript-код чище Проблемный код, даже если он более или менее работает, требует больших затрат на поддержку. Отточить навыки создания чистого кода, хорошо читаемого и легко поддерживаемого, помогут 8 простых советов. Читать...

👩‍💻 Будущее CSS: новейшие возможности языка декорирования CSS - популярный инструмент стилизации и декорирования. В этом году в него вводятся улучшения, которые помогут улучшить опыт разработчика. О них и поговорим. Читать...

👩‍💻 Как реализовать функциональность перетаскивания с помощью React Beautiful Dnd Овладейте искусством создания бесшовных и визуально привлекательных взаимодействий с перетаскиванием в React-приложениях с помощью библиотеки React Beautiful Dnd. Читать...

👩‍💻 Firefly Button Кнопка с анимированным эффектом при наведении. Сделана на CSS, SVG и JavaScript. Открыть код...

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

👩‍💻 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)