Карточный вид содержимого вэб страниц - один из довольно популярных уже долгое время.Недавно встала задача таковые web карточки сверстать на CMS генерируемых страничках, где - естественно - количество таковых "карт" непостоянно. Итак, за дело! И нам нужно: Естественно - адаптивность на различную ширину вьюпорта (видимая область) Начать мыслить с узких смартфоновых широт, где всё складывается в единый столбец Определить минимальную ширину карточки, так же и максимум Думаем об эстетик…
Фронтенд-разработка — это как собирать лего без инструкции: иногда весело и творчески, но порой ты забираешься на кровать и кричишь: «*@#%*, да где же этот пропавший блок?!»Каждый новый проект во фронтенде — это как уникальный набор лего, и ты никогда не знаешь, какие интересные вызовы подкинет он на этот раз. В этой статье, опираясь на личный опыт, я расскажу, что такое современный фронтенд, какие задачи решают фронтендеры и что вообще происходит в мире фронтенда. Немного о себеconsole.log(&#…
Условия задачиНам нужно написать функцию, которая принимает отсортированный массив чисел numberArray и возвращает индекс найденного числа. Если индекс не найден, тогда возвращается -1.Сразу уделю внимание на то, что длинна массива может быть любой. Массив может состоять из любых чисел и искомое число так же может быть любым.Предположим у нас есть массив чисел от 1 до 100:const numberArray [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, …
Эта статья — перевод оригинальной статьи "Event Types in React and TypeScript".Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов.ПроблемаПри работе с React и TypeScript вы часто сталкиваетесь с подобными ошибками:const onChange = (e) => {}; // Parameter 'e' implicitly has an 'any' type. <input onChange={onChange} />;Не всегда понятно, какой тип следует присвоить пременнойe внутри функции onCh…
И снова всем привет! Продолжение к переводу второй части книги Patterns.devВ ней речь идет про паттерны производительности. Узнайте, как оптимизировать последовательность загрузки, чтобы повысить скорость использования вашего приложения и др.Напомню, что авторы Patterns.dev:Лидия Холли — штатный консультант и преподаватель по разработке программного обеспечения, которая в основном работает с JavaScript, React, Node, GraphQL. Она также занимается наставничеством и проводит личные тренинги.Эдди …
Astro vs Next.js: Подробный анализ для разработчиковВведение в Astro и Next.jsВ этой статье мы поговорим про основы Astro и Next.js — двух надежных, богатых функциями JavaScript‑фреймворков. Мы обсудим их функции, цели и отличительные характеристики, предоставляя подробный обзор обоих решений.Обзор Astro Astro — это современный веб‑фреймворк, построенный на основе React, который изначально предназначался для создания статических сайтов. В отличие от типичных конструкторов сайтов, он позволяет …
KPI (Key Performance Indicators) – ключевые показатели эффективности сотрудника, которые позволяют оценить достижение поставленных целей и задач, результативность работы в компании. С продажниками все понятно. Их эффективность можно измерить по сумме прибыли, которую они ежемесячно приносят компании. А вот с IT-специалистами дела обстоят сложнее. Как оценить разработчика с точки зрения ключевых показателей эффективности? Какие KPI можно внедрить? Об этом я и расскажу.KPI для разработчиков – бы…
Друзья, всем привет! Меня зовут Игорь Карелин, я frontend-разработчик в компании Домклик. Недавно стал общедоступен новый линтер Oxlint, основанный на языке программирования Rust, и многие эксперты высоко оценили его. Какие преимущества Oxlint предоставляет по сравнению со своим предшественником ESLint?Компилятор OxcКомпилятор JavaScript Oxidation (Oxc) — это набор высокопроизводительных инструментов для языка JavaScript, написанных на Rust. Акцент сделан на создании основных инструментов комп…
Привет, Хабр! Я Софья, фронтенд-разработчик в одном из департаментов Тинькофф. Из года в год наша большая фронтенд-команда растет, ставит эксперименты и обменивается опытом. Уходящий год богат на достижения, поэтому мы решили поделиться статьями, докладами и находками для командной работы. Несем все самое полезное, что получилось запустить, внедрить, написать и подготовить.Кросс-ревью, круглый стол, встречи за кофе и другие командные находкиДепартамент SME — это большая платформа для бизнеса н…