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

Алиса для работы и учёбы Когда нужно срочно придумать идею для статьи или бизнес-проекта, написать карточку товара или деловое письмо, узнать значение незнакомого термина или специфику компьютерной программы — просто напишите запрос в Чат с Алисой. Например: 📱— Алиса, предложи пять идей поста для привлечения клиентов в социальные сети мебельного магазина 🗒— Алиса, напиши письмо клиенту с предложением провести показ новой коллекции платьев в лесу 🎓 — Алиса, объясни простыми словами принцип работы диода Ответ от Алисы с YaGPT 3 Pro не заставит себя ждать. Попробуйте опцию Про для задач по работе или учёбе! Узнать больше #реклама alice.yandex.ru О рекламодателе

🔝 Самые интересные статьи за последние дни: • HMPL — лучшая альтернатива HTMX • Как я получил 50000 + 0 долларов за уязвимость в Zendesk • Неизвестно полезный CSS. Часть 5 • База, которую нужно знать про JSON Schema • Магия CSS на практике: советы по вёрстке от гика. Часть 5

Цены на все Серверы онлайн! Удобный конфигуратор! Серверы STSS Flagman✅ Огромный выбор решений 👍 Консультации лучших экспертов 👌 Непревзойденный сервис ❤️ Получить предложение #реклама stss.ru О рекламодателе

👩‍💻 Функция задержки выполнения Напишите функцию throttle, которая ограничивает количество вызовов переданной функции. Функция должна вызываться не чаще, чем один раз в указанный временной интервал. Это полезно для оптимизации производительности, например, при обработке событий скроллинга или ресайза окна. Пример кода:

log('Hello');  // Вызовется сразу
log('World');  // Игнорируется, т.к. прошло меньше 1000ms

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

function throttle(func, delay) { let lastCall = 0; return function(...args) { const now = new Date().getTime(); if (now - lastCall >= delay) { lastCall = now; return func(...args); } }; } // Примеры использования const log = throttle(console.log, 1000); log('Hello'); // Вызовется сразу log('World'); // Игнорируется, т.к. прошло меньше 1000ms setTimeout(() => log('Again'), 1500); // Вызовется через 1.5 секунды

👩‍💻 React и FormData Узнайте о новейшем и одновременно старейшем стандарте React для доступа к данным формы, а также о том, как использовать его с TypeScript. Читать...

Промышленный дизайн: от эскиза до производства! Хотите поразить покупателей новым дизайном? Мы являемся лидерами в области дизайна в таких секторах, как: Транспорт Оборудование Потребительские товары Пригласите нас разработать дизайн для вашей продукции и станьте лидером на рынке! Свяжитесь с нами! Мы поможем оставить конкурентов позади! Узнать больше #реклама m-shtab.com О рекламодателе

🔎 Подборка вакансий для джунов HTML-верстальщик 🟢JavaScript, HTML, CSS, Photoshop 🟢от 250 до 250 $ | Без опыта Frontend разработчик - верстальщик (HTML CSS) 🟢HTML5, CSS, JS, React.js / Vue.js, БЭМ 🟢от 60 000 до 100 000 ₽ | 1–3 года Frontend-разработчик / верстальщик (Тула) 🟢HTML5 (PUG), CSS3 (SCSS/LESS), ES6, Vue.js, Nuxt.js, Git, Docker, Gitlab CI/CD, Webpack, Vite 🟢от 70 000 до 100 000 ₽ | 1–3 года Web программист Битрикс, Bitrix24 🟢PHP, MySQL, API 1C-Bitrix, HTML, CSS, Javascipt + jQuery 🟢от 130 000 ₽ | 1–3 года HTML-верстальщик / Junior Frontend-разработчик 🟢JavaScript, HTML5, Flex, CSS3, Git 🟢от 45 000 ₽ | Без опыта

Бесплатный онлайн-курс по дизайну от студии "Логомашина" Попробуй 2 самые востребованные профессии в дизайне и осваивай ту, что по душе! Получи пошаговый план развития, сделай кейс в портфолио и узнай, как получать заказы Спикеры — практикующие дизайнеры с многолетним опытом Записывайся, количество мест ограничено! Зарегистрироваться #реклама 16+ study.logomachine.ru О рекламодателе

👩‍💻 Что такое замыкания (closures) в JavaScript? Замыкания позволяют функции запоминать переменные из своей внешней области видимости даже после завершения выполнения внешней функции.

function makeCounter() {
  let count = 0;
  return function() {
    return ++count;
  };
}

const counter = makeCounter();
console.log(counter()); // 1
console.log(counter()); // 2

🗣️ Замыкания полезны для создания функций с внутренним состоянием, например, счётчиков или настройки приватных данных.

🖥 Подробнее тут

👩‍💻 Very cool animated text Интересная анимация спирального текста. Сделана на CSS и JavaScript. Открыть код...

ИТ-вакансии в Т-Банке Осень закончится, а работа останется. А вместе с ней ДМС, крутые офисы плюс: — Актуальный стек. Здесь следят за трендами и быстро внедряют новое. — Общение на «ты». Так проще. — Прозрачная система роста. Вы всегда будете знать, какие навыки нужно подтянуть и как получить повышение. — Профессионалы, у которых можно многому научиться. А если захотите, сможете стать ментором для младших коллег. Узнать больше #реклама tbank.ru О рекламодателе

🔎 Подборка вакансий Frontend-разработчик / верстальщик (стажер, junior) 🟢Bootstrap SASS БЭМ React/Vue REST-бекенд 🟢от 40 000 до 80 000 ₽ | Без опыта Верстальщик / Junior Frontend-разработчик 🟢HTML CSS JavaScript БЭМ CMS 🟢от 40 000 до 70 000 ₽ | Без опыта Верстальщик HTML (Junior Frontend) 🟢HTML5 CSS3 SASS REST ES6 Webpack gulp JS jQuery 🟢до 45 000 ₽ | 1–3 года HTML верстальщик / Junior Frontend разработчик 🟢HTML5 CSS3 JS PHP 🟢от 45 000 ₽ | 1–3 года Разработчик веб-приложений / фронтенд / верстальщик HTML (Junior) 🟢HTML5 CSS3 🟢от 40 000 ₽ | Без опыта

Помощь в трудоустройстве в IT-сфере! В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специалистов. Теперь любой желающий может попробовать себя в IT с полного нуля и начать обучение бесплатно! Узнайте про дальнейшее трудоустройство в ведущие IT-компании для восполнения кадрового дефицита. Для этого нужно: - Перейти по ссылке - Заполнить анкету и ответить на вопросы (занимает менее 3 минут) - На основании ваших ответов вы сразу узнаете, подходит ли вам сфера IT и сможете ли вы в ней работать Перейти на сайт #реклама 16+ urban-university.ru О рекламодателе

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

sumStrings('123', '456'); // => '579'
sumStrings('999999999999999999', '1'); // => '1000000000000000000'

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

function sumStrings(a, b) { let carry = 0, result = ''; a = a.padStart(Math.max(a.length, b.length), '0'); b = b.padStart(Math.max(a.length, b.length), '0'); for (let i = a.length - 1; i >= 0; i--) { let sum = parseInt(a[i]) + parseInt(b[i]) + carry; carry = Math.floor(sum / 10); result = (sum % 10) + result; } if (carry) result = carry + result; return result.replace(/^0+/, ''); }

➡️ Пара шаблонов кастомизированных элементов Handlebars для Apache Superset Apache Superset — популярный инструмент для визуализации данных с открытым кодом. Но при его использовании можно столкнуться с ограничениями. В статье обсуждается, как с помощью шаблонов Handlebars и Jinja решать эти проблемы, включая интеграцию web-верстки в дашборды и обход ограничений системы. Читать...

ТОП-4 Курса по Программированию ⚡Tutortop — маркетплейс курсов №1 по количеству школ-партнеров, курсов и реальных отзывов студентов. ✅Хотите стать программистом, но не знаете с какого языка начать? Помогаем разобраться в самых популярных и востребованных языках программирования. Подарок в конце подборки! Выбрать #реклама 16+ tutortop.ru О рекламодателе

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

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

👩‍💻 Реализация рекурсивного объединения объектов Напишите функцию mergeDeep, которая рекурсивно объединяет два объекта. Если свойства обоих объектов являются объектами, их нужно объединить. При конфликте значений свойства второго объекта перезаписывают значения первого. Пример кода:

const obj1 = { name: "Alice", info: { age: 25 } };
const obj2 = { info: { age: 30, city: "NY" } };

const merged = mergeDeep(obj1, obj2);
console.log(merged);  // { name: "Alice", info: { age: 30, city: "NY" } }

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

function mergeDeep(obj1, obj2) { const result = { ...obj1 }; for (let key in obj2) { if (obj2[key] && typeof obj2[key] === 'object') { result[key] = mergeDeep(result[key], obj2[key]); } else { result[key] = obj2[key]; } } return result; }

Курс графического дизайна с нуля. Бесплатное обучение! Выбери свое направление в дизайне: графический дизайн, веб-дизайн, UX/UI-дизайн. И изучи бесплатно основы дизайна с личным наставником! 3 работы в портфолио. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе