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

👩‍💻 TypeScript в деталях: настраиваем tsconfig.json правильно Один файл, который может изменить все: полное руководство по tsconfig.json. Разбираем каждый параметр и его влияние на разработку, сборку и поддержку TypeScript-проектов. Читать...

Мастер-класс по Python для школьников. Бесплатно! Онлайн-урок от ведущего ИТ ВУЗа страны - Университета Иннополис для учеников 6-11 классов. 👍Бесплатно! ✅Познакомим с профессией тестировщика. ✅Научим проверять программы, находить баги. ✅На практике отработаем использование инструментов и методов тестирования. ⚡Ваш ребёнок за один час создаст автоматический тест на языке программирования Python и сможет использовать полученные знания в дальнейшем! Для участия важно знание основ программирования на Python. Помогите ребёнку освоить востребованную профессию. Регистрируйтесь! Зарегистрироваться #реклама 16+ progmatica.innopolis.university О рекламодателе

🔝 Самые интересные статьи за последние дни: • Упрощаем CSS-анимации с помощью свойств display и размеров элемента • 5 полезных фреймворков и библиотек для начинающего фронтенд-разработчика на конец 2024 года • Возможности поля HTML-документа, часть 2. Внедряем CSS и JS • Ошибки, которые я совершил, пытаясь быть «слишком правильным» в разработке • Разработка Task Manager с нуля до полнофункционального продукта

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

const input = [1, 2, 2, 3, 4, 3, 5, 3];
const result = countFrequency(input);
console.log(result); 
// Ожидаемый результат: {1: 1, 2: 2, 3: 3, 4: 1, 5: 1}

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

function countFrequency(array) { return array.reduce((acc, item) => { acc[item] = (acc[item] || 0) + 1; return acc; }, {}); } // Пример использования: const input = [1, 2, 2, 3, 4, 3, 5, 3]; const result = countFrequency(input); console.log(result); // Ожидаемый результат: {1: 1, 2: 2, 3: 3, 4: 1, 5: 1}

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

📝 Подборка зарубежных вакансий React Native Developer Middle • React Native, JavaScript, TypeScript, REST API, Git • от 1000 до 1500 $ | опыт не указан Fullstack Developer • React, Vue.js, Webpack, TypeScript, Node.js, MongoDB • от 3800 до 6500 $ | от 5 лет React.js Developer • React.js, React Native, TypeScript, Redux, Sass, CSS, HTML, REST, JSON, Node.js • от 5000 $ | от 5 лет Fullstack разработчик (JavaScript, PHP, SQL), веб программист • PHP, JavaScript, HTML, CSS, jQuery, Node.js, React, SQL • от 1800 $ | опыт не указан

🔧 Баги — это не твой враг Увидел баг — разозлился, потратил кучу времени, но всё равно ничего не понял? Это нормально. Баги не для того, чтобы раздражать тебя, они для того, чтобы ты учился. ✔️ Совет: раздели проблему на маленькие части и ищи, где что ломается. Включай логи, добавляй отладку, тестируй гипотезы. Это как пазл: с каждым шагом всё становится яснее.

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

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

📝 Подборка вакансий для лидов Senior/Lead Frontend-разработчик • TypeScript, React, Next.js, TailwindCSS, React Query, Redux Toolkit, eCharts, React Flow • Уровень дохода не указан | от 6 лет Frontend Teamlead (React JS) • TypeScript, JavaScript, React, Git • Уровень дохода не указан | от 3 лет FrontEnd Разработчик в стартап Bolsta (за опцион) • React, Vue.js, HTML, CSS, JavaScript • Уровень дохода не указан | опыт не указан Team Lead Frontend (Управление перспективных проектов) • React, TypeScript, HTML, CSS, SCSS, JavaScript, React Router Dom, axios, Fluent UI, final-form, i18next, Jotai, Mitt, React Query, Tanstack Table, Vite • Уровень дохода не указан | от 4 лет Senior Frontend Developer (React) • JavaScript, TypeScript, React, Redux, React Hook Form, Vite, SCSS, CSS Modules • Уровень дохода не указан | от 5 лет

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

⚙️ Что такое clamp() в CSS и как его использовать? clamp() — это функция в CSS, которая задаёт значение с ограничениями: минимальное, предпочтительное и максимальное. Она позволяет адаптивно управлять размерами элементов или текстом, сохраняя их в заданных пределах. ➡️ Пример:

<div class="text">
  Адаптивный размер текста
</div>

<style>
  .text {
    font-size: clamp(1rem, 2.5vw, 2rem); /* Минимум 1rem, максимум 2rem, предпочтение — 2.5% ширины окна */
    text-align: center;
  }
</style>

🗣️ В этом примере текстовый блок изменяет размер шрифта в зависимости от ширины окна, оставаясь в пределах от 1rem до 2rem. Функция clamp() упрощает создание адаптивного дизайна без сложных медиа-запросов.

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

👩‍💻 Переходите на сторону light-dark() Статья раскрывает современные CSS-функции для создания адаптивного темного режима, заменяющие традиционные медиа-запросы. Рассматриваются подходы, упрощающие настройку цветовых схем под предпочтения пользователя. Читать...

Курс "Дизайн карточек для WB и Ozon". Бесплатно и с нуля Дизайнер карточек для маркетплейсов — востребованная и доходная профессия 💰 Научись ей бесплатно! - Бесплатный доступ - Разбор ДЗ от наставника - Мощные кейсы в портфолио Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

📈 Подборка статей для вашей карьеры • Мои Red-Flags при устройстве в IT-компании: Как не стать гребцом. Часть 2 • Циничные заметки о карьере в IT от «гейткипера» • Язык как проект: как продакт-менеджеру учить английский • Всероссийский рейтинг IT-брендов работодателей 2024 • Моя петиция EB-1A на грин-карту талантов, одобренная с первой попытки

Возьмём 5 подростков 8-17 лет и научим программировать! Идёт набор на бесплатный курс программирования от Алгоритмики. За 3 онлайн-урока по 90 минут ваш ребёнок научится: — писать простые программы (даже если ему не даётся информатика) — создавать прототипы сайтов — делать свои компьютерные игры и мультфильмы В конце дадим сертификат и обратную связь для родителей. Чтобы зарегистрировать ребёнка на бесплатный мини-курс, переходите по ссылке: Зарегистрироваться #реклама 16+ online.algoritmika.org О рекламодателе

📝 Подборка вакансий для сеньоров Frontend-разработчик • React.js, TypeScript, JavaScript, CSS, Sass, Webpack, Git, Docker, REST • Уровень дохода не указан | от 3 лет Frontend Developer (VueJS) • Vue.js, TypeScript, JavaScript, HTML5, CSS3, SASS, SCSS, LESS, Stylus, Babel, Webpack, Npm, Yarn, Jest, Mocha, REST API • Уровень дохода не указан | от 5 лет Middle/Senior frontend dev • Vue.js, Nuxt.js, TypeScript, JavaScript, CSS, SASS, Tailwind, GraphQL, REST, WebSocket, Git • от 200 000 до 280 000 ₽ | от 3 лет Senior Frontend Engineer • Next.js, TypeScript, JavaScript, React.js, D3.js, Chart.js, Redux, Zustand, Jest, React Testing Library, REST API • до 5 000 $ | от 6 лет Frontend разработчик Angular • Angular, JavaScript, HTML, CSS, REST API • Уровень дохода не указан | от 3 лет

👩‍💻 Idea Form Анимированная форма для ввода с появлением при нажатии. Сделана на SCSS и TypeScript. Открыть код...

Аренда облачного сервера в Selectel. От 286,34 рублей в месяц! - Гибкие конфигурации; - Бэкап по расписанию; - 3 ТБ трафика в месяц бесплатно; - Защита от DDoS-атак на уровне L3-L4; - Соответствие 152-ФЗ, PCI DSS. Перейти на сайт #реклама 16+ selectel.ru О рекламодателе

🔝 Самые интересные статьи за последние дни: • style.setProperty vs setAttribute • Как создать архитектуру фронтенд-приложения, если ее нет от слова «совсем» • Правильные ли у вас микрофронты? • Рецензия на книгу “Изучаем паттерны проектирования JavaScript, 2-е издание” • Модульные CSS-архитектуры в Next.js: BEM, SMACSS, OOCSS и их применение