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

🔗 Технический долг? Закрывай его по «принципу кафе» Технический долг копится, как грязная посуда в раковине. Кажется, что решишь его «когда-нибудь», но это «когда-нибудь» не наступает. 👉 Совет: применяй «принцип кафе» — каждый раз, когда работаешь с файлом или модулем, оставь его в лучшем состоянии, чем нашёл. Понемногу рефакторь, добавляй комментарии или улучшай структуру. В итоге долг будет сокращаться без больших затрат времени.

➡️ Разбираем стандарты нейминга на примерах Статья рассматривает случаи стандартизированного нейминга переменных и функций. Примеры сгруппированы по категориям для лучшей наглядности и помогут улучшить читаемость и согласованность кода. Читать...

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

🔎 Подборка вакансий для лидов Frontend Teсh Lead 🟢React 16, HTML5, CSS3, PostCSS, JSON, Git 🟢Уровень дохода не указан | от 5 лет Lead Frontend Developer 🟢React, TypeScript, HTML5, CSS3, Python, Node.js, SQL 🟢от 5 000 до 8 000 $ до вычета налогов | от 5 лет Frontend Tech Lead 🟢JavaScript, Vue.js, TypeScript, Webpack, микрофронтенд-архитектура 🟢Уровень дохода не указан | от 5 лет Lead Frontend-разработчик 🟢HTML, CSS, JavaScript (ES6), React 16, React Router, Redux, Redux Saga, TypeScript, Webpack, React Native, PWA, Jest, Git 🟢от 300 000 ₽ на руки | от 6 лет

Бесплатное IT-образование в 2024 Отобрали для вас полезные телеграм-каналы, которые помогут освоить IT-направления Выбирайте нужное и подписывайтесь: — Frontend: t.me/+qWPopdiaxVMzZDgy — Backend: t.me/+X-zQb-NgzGNhMzRi — GitHub: t.me/+3BVAmDixuO9lYTFi — Книги айти: t.me/+IG2NAVECUXs4MGYy — Python: t.me/+vBSA5zgB_gA0OWRi — Java: t.me/+3BRKfZ09ewg0NDJi — C#: t.me/+O3pnFY4bpF5hNTEy — С/С++: t.me/+PGxPXpZZczQxODcy — Базы Данных & SQL: t.me/+530qWWydM8ExZjk6 — Golang: t.me/+FvTd7F-O-NNmNGMy — PHP: t.me/+jBvbaet0vpplNDQy — Моб. разработка: t.me/+Ikx5H4MrPihlOWZi — Разработка игр: t.me/+Z34knEvL8P9lZTAy — DevOps: t.me/+3wSgqmP5NOBhZGUy — Data Science: t.me/+-CuoNNa6P7VjOTRi — ИБ: t.me/+4jo8N5jtGDs1NTli — Тестирование: t.me/+MvFXlXbmmPFkM2Ey — Маркетинг: t.me/+lgiFPJTYp8M0ZjRi — Дизайн: t.me/+gmflvDFPc_c1YmIy Получить предложение #реклама 16+ О рекламодателе

⚙️ Что такое throttle в JavaScript и зачем он используется? Throttle — это техника ограничения частоты вызова функции до определённого интервала времени. Это полезно для обработки часто происходящих событий, таких как прокрутка или изменение размеров окна, не перегружая производительность. ➡️ Пример:

function throttle(func, delay) {
  let lastCall = 0;
  return (...args) => {
    const now = Date.now();
    if (now - lastCall >= delay) {
      lastCall = now;
      func(...args);
    }
  };
}

const handleScroll = throttle(() => {
  console.log('Прокрутка страницы');
}, 1000);

window.addEventListener('scroll', handleScroll);

🗣️ В этом примере функция handleScroll вызывается не чаще одного раза в секунду, даже если пользователь прокручивает страницу интенсивно. Throttle помогает оптимизировать производительность и уменьшить количество вызовов функции.

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

✅️ GitHub теперь в Telegram! Подписывайтесь: @GitHub

Курс по frontend-разработке от 9999р. Повысьте навыки Программа разработана под актуальный рынок. Первые 7 дней бесплатно! Записывайтесь! Узнать больше #реклама 16+ ykul.ru О рекламодателе

📈 Подборка статей для вашей карьеры • «Сбер» режет косты • Все, пора увольняться: что я поняла после работы в токсичных командах • Чем Cloud-инженер отличается от DevOps-инженера и что между ними общего • Правда или вымысел? Разоблачаем мифы о профессии технического писателя • 5 видов усталости в IT… и не только

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

📝 Подборка вакансий для сеньоров Frontend-разработчик React (middle+/senior) • JavaScript, React, TypeScript, Node.js, CI/CD (GitLab), Unit-тестирование • Уровень дохода не указан | от 3 лет FullStack разработчик • React, TypeScript, JavaScript, HTML, CSS, Node.js, API, Git • Уровень дохода не указан | от 3 лет Senior Frontend Developer VUE.js • JavaScript, Vue.js, TypeScript, адаптивная верстка, дизайн мобильных приложений, Figma, Nuxt.js, веб-разработка • от 3 000 до 4 000 $ | от 5 лет

👩‍💻 Playbook CSS scroll animation w/ subgrid Сцена с интересной реализацией анимированного скролла. Сделана на Svg, CSS и JavaScript. Открыть код...

5 причин, почему вам нужен Битрикс24 Мессенджер + AI 1) Ничего личного. Никаких Алена-ноготочки и любимая жена 2) Только рабочее. Общение с коллегами в чатах, каналах и тредах. 3) Слова становятся делами. Задачи и встречи ставятся прямо из переписки в чате. 4) Синки. Мгновенные видеоколлы до 100 человек из чата в один клик. 5) Нейросеть. Можно прямо в групповом чате штурмить идеи с AI-помощником. А, последняя причина – пользоваться можно бесплатно. Забирайте бесплатный мессенджер для работы компании — Битрикс24 Попробовать #реклама 16+ bitrix24.ru О рекламодателе

🤔 Народный браузер — каким он мог бы быть? Статья раскрывает идеи и обсуждения, связанные с развитием сборки Хромиума Ultimatum. Автор стремится понять реальные запросы пользователей и обсудить востребованные функции. Читать...

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

👩‍💻 Валидация формы с обратной связью Создайте форму с одним полем ввода для имени и кнопкой "Отправить". При отправке формы выполните следующие условия: 1. Если поле пустое, отобразите сообщение об ошибке под полем. 2. Если поле заполнено, отобразите сообщение "Форма успешно отправлена!". 3. Сообщение об ошибке исчезает при вводе текста. Решение задачи🔽

<form id="myForm"> <input type="text" id="nameInput" placeholder="Введите имя" /> <button type="submit">Отправить</button> <p id="error" style="color: red; display: none;">Поле не должно быть пустым</p> </form> <p id="success" style="color: green; display: none;">Форма успешно отправлена!</p> const form = document.getElementById('myForm'); const nameInput = document.getElementById('nameInput'); const error = document.getElementById('error'); const success = document.getElementById('success'); form.addEventListener('submit', (e) => { e.preventDefault(); if (nameInput.value.trim() === '') { error.style.display = 'block'; success.style.display = 'none'; } else { error.style.display = 'none'; success.style.display = 'block'; nameInput.value = ''; } }); nameInput.addEventListener('input', () => { if (nameInput.value.trim() !== '') { error.style.display = 'none'; } });

🗓 Как написать Google Calendar на коленке? Обзор FullCallendar Статья рассказывает о создании раздела с календарем и задачами с использованием библиотеки FullCalendar. Разбираются её возможности, преимущества и опыт интеграции для внутренних проектов. Читать...

Как масштабировать изменения в UI без лишних затрат? Узнайте 18 декабря на бесплатном вебинаре СберТеха. Эксперты поделятся опытом собственных проектов и расскажут, как создали решение, которое в разы ускоряет разработку и масштабирование изменений UI. Platform V One UI — библиотека UI-компонентов с трехуровневой дизайн-токен системой, а также low-code инструментами стилизации и генерации UI-форм и сценариев. Также на вебинаре узнаете, какие инструменты Platform V One UI доступны в open source, и увидите демо продукта. Регистрируйтесь и приходите! Зарегистрироваться #реклама 16+ platformv.sbertech.ru О рекламодателе

📝 Подборка вакансий для мидлов Frontend-разработчик React / Vue.js / Nuxt.js (Middle-Senior) 🟢React, React Native, Vue.js, Nuxt.js, RESTful API, HTML, CSS, Git 🟢от 200 000 ₽ | от 2 лет Системный аналитик на frontend и mobile в Т-Инвестиции 🟢SOAP, базы данных, REST, RabbitMQ, SQL, BPMN, системный анализ, Apache Kafka, UML, разработка решений по интеграции 🟢Уровень дохода не указан | от 3 лет Frontend-разработчик 🟢TypeScript, Vue.js, Webpack, GraphQL 🟢до 200 000 ₽ | от 3 лет

Объявляем новый розыгрыш для подписчиков! В этот раз будет больше победителей и больше полезных подарков: 1–2 места — умная колонка Новая Яндекс Станция Лайт 2 с Алисой на YaGPT 3–4 места — подарочный набор «Для любителей мяса» 5–6 места — подарочный набор «Цветы и море» 7–8 места — подарочный набор «Кофеману» 9–20 места — сертификаты на Озон на 1000 р. Для участия нужно сделать всего 2 шага: ✅ подписаться на наш канал: t.me/+rhMqne8Ty7FjNDBi ✅ нажать на кнопку «Участвую». Итоги подведем 27 декабря с помощью бота. Удачи! t.me/+rhMqne8Ty7FjNDBi Подписаться #реклама О рекламодателе