Полный курс Tailwind CSS v4 с нуля

Если вы уже знакомы с HTML и CSS и готовы освоить Tailwind — этот видеокурс идеален. В нём собраны все ключевые темы — от установки и настройки до работы с утилитами, адаптивностью и тёмной темой. Более 20 важных тем, включая Flex, Grid, фильтры и новые возможности версии v4 — всё доступно в формате одного ролика.

#tailwindcss #фронтенд #видео

Читать полностью…

5 VPS-хостингов в 2025, которые держат нагрузку

Сегодня любой рабочий или MVP-проект может столкнуться с пиками нагрузки, которые нужно выдержать. Это касается как физических, так и виртуальных серверов. Поэтому важно уметь правильно выбрать подходящий.

В этой статье мы рассказали, на что обращать внимание при выборе, какие сегодня цены и кто сегодня предоставляет самое современное оборудование.

#хостинг #vps

Читать полностью…

Как работает MergeSort

Когда вы начинаете разбираться в алгоритмах, рано или поздно сталкиваетесь с задачей сортировки. И тут появляется MergeSort — одна из самых стабильных и предсказуемых стратегий. Вместо того чтобы искать самый маленький элемент и перемещать его в начало (как делают другие алгоритмы), MergeSort идёт другим путём:

🔘 Сначала делим массив пополам.
🔘 Потом каждую половину — ещё раз пополам.
🔘 Повторяем, пока не получим массивы длиной по одному элементу.
🔘 После этого начинаем собирать обратно — берём по два массива и сливаем их в один отсортированный.

Каждый этап сборки — это аккуратное сравнение элементов. И на выходе получается отсортированный массив. Алгоритм работает быстро и одинаково стабильно — как с упорядоченными, так и с хаотичными данными. Его скорость:

O(n log n) — и в среднем, и в худшем случае.

Это делает его хорошим выбором, когда вам нужно надёжно отсортировать большой объём данных.

Вот код на чистом JavaScript, в котором MergeSort реализован в виде двух функций: mergeSort и merge.

function mergeSort(arr) {
  if (arr.length <= 1) {
    return arr;
  }

  const middle = Math.floor(arr.length / 2);
  const left = arr.slice(0, middle);
  const right = arr.slice(middle);

  return merge(mergeSort(left), mergeSort(right));
}

function merge(left, right) {
  const result = [];

  while (left.length && right.length) {
    if (left[0] < right[0]) {
      result.push(left.shift());
    } else {
      result.push(right.shift());
    }
  }

  return result.concat(left, right);
}

// Пример использования:
const unsorted = [7, 3, 9, 1, 4];
const sorted = mergeSort(unsorted);
console.log(sorted); // [1, 3, 4, 7, 9]

Что здесь важно понять:

0️⃣ mergeSort рекурсивно делит массив до тех пор, пока не останется по одному элементу.
1️⃣ merge берёт два отсортированных массива и объединяет их в новый, тоже отсортированный.
3️⃣ Всё это повторяется до тех пор, пока не получится один отсортированный массив.

MergeSort — отличный пример того, как можно эффективно решать сложные задачи, используя простую логику: «разделяй и властвуй». Даже если вы только начинаете знакомство с алгоритмами, вы с лёгкостью разберётесь в этом подходе. Он стабилен, понятен, и легко реализуется на любом языке — например, как вы только что увидели, на JavaScript.

#простымисловами #алгоритмы

Читать полностью…

Где вести базу знаний по проекту: качественные альтернативы Notion

База знаний — не просто хранилище заметок. Это часть инфраструктуры, от которой зависит, как быстро команда ориентируется в проекте, передаёт задачи и принимает решения. Особенно в IT, где один документ может заменить неделю онбординга.

В подборке — современные инструменты, которые подойдут для этой цели лучше, чем привычный, но ушедший из России Notion. Есть решения с поддержкой Markdown, семантической структурой, интеграцией с таск‑менеджерами и даже встроенными AI‑ассистентами. Форматы разные — от минималистичных вики до платформ, заточенных под разработку.

#инструменты

Читать полностью…

Таро врёт! В отличие от нашей IT-колоды

Цифровые арканы говорят с вами и проливают свет на ранее неведомые потоки информации. Вытяните «Карту дня» и получите мудрый совет судьбы: https://tprg.ru/Wpxs

Реклама

Читать полностью…

ИИ против разума: битва за навыки программиста

Может ли ИИ сочинить симфонию? А создать шедевр искусства? Как показало время, ещё как! А ещё написать за вас код. Да, не всегда идеально, но может же.

И это может стать кривой дорожкой для разработчика. Ведь проще поручить задачу ИИ и потом её проверить, чем делать её самому. Но у этого подхода есть множество побочек, которые сказываются на навыках программиста. Чем опасен ИИ и почему разработчик — машина в руках машины — разобрали в статье.

#ии

Читать полностью…

Как купить домен

Вы когда-нибудь задумывались, как создать свой собственный сайт или веб-сервис? Этот гайд разъяснит, как легко и доступно купить домен, связать его с вашим IP и развернуть сервер NGINX.

Вы научитесь использовать свой домен для доступа к сайту, приложениям и другим интернет сервисам по понятному адресу вместо набора цифр IP адреса и порта.

#статья #web

Читать полностью…

Будущее Python: что ждёт язык и сообщество в ближайшие годы

Недавно закончилась двухдневная конференция PyCon 2025. В ней приняли участие более 700 участников 20+ докладчиков со своими докладами, мастер‑классами и lightning talks. Основной темой этого сезона стала — Python Core. А какие ещё тренды и боли обозначили эксперты индустрии, рассказали в статье.

#python #pycon

Читать полностью…

Как работают кодировки

То, как хранится строка в памяти определяется её кодировкой. Сегодня чаще всего можно встретить UTF-8, но есть и множество других вариантов. Что такое кодировки и стандарты, как это выглядит в памяти, как происходит кодирование символов и почему их так много — узнаете в этом видео.

#видео

Читать полностью…

Этот код может посоперничать с запуском Android Studio

Читать полностью…

Что такое магистратура для инженеров данных и почему сейчас — лучшее время поступать

Спрос на инженеров данных в России растёт — компании ищут специалистов, которые могут строить надёжные системы и сложную инфраструктуру. Можно, конечно, обучиться всему и самостоятельно. Но магистратура даёт структуру и системный подход.

Если вы задумываетесь о том, чтобы вывести знания на совсем другой уровень, то прочитайте нашу статью. В ней мы рассказали, как устроена магистратура по инженерии данных в Нетологии и НИУ ВШЭ, какие возможности она дает, что студенты получат после выпуска и как подготовиться к поступлению, если хотите попасть в этом году.

#datascience #карьера

Читать полностью…

Что такое @scope в CSS #простымисловами

@scope в CSS — это возможность ограничивать действие стилей определённой областью на странице. То есть вы можете задать стили, которые будут применяться только внутри конкретного блока, а не по всей странице.

Простой пример

Допустим, у вас есть два блока с одинаковыми заголовками:

<section class="blog">
  <h2>Заголовок блога</h2>
</section>

<section class="sidebar">
  <h2>Заголовок сайдбара</h2>
</section>

Раньше вам приходилось писать селекторы вроде .blog h2 { ... }, чтобы не затронуть другие заголовки. С @scope можно сделать это аккуратнее:

@scope (.blog) {
  h2 {
    color: darkblue;
  }
}

Теперь стиль применяется только к заголовкам внутри .blog, и не влияет на другие h2 на странице.

Зачем это нужно?

— Уменьшает конфликт между стилями разных компонентов.
— Упрощает переиспользование компонентов — один блок не «ломает» другой.
— Делает CSS более предсказуемым и читаемым.

### Что важно знать

— @scope сейчас поддерживается не во всех браузерах, но его уже можно попробовать в Chrome (начиная с версии 117) и некоторых других.
— Это не замена классическим селекторам, а дополнительный инструмент для ограничения области действия стилей.

#css #фронтенд

Читать полностью…

16 августа в Москве — ИТ-пикник под открытым небом. Не митап, а настоящий летний фестиваль для айтишников и их семей от Т-Банка, CodeFest и «Мельницы»

В программе:

• Лекции от спикеров Яндекса, Т-Банка, X5 Tech и других. Выступят руководители продуктов, CTO, аналитики, учёные и другие крутые эксперты.

• Активности для детей и взрослых: VR, робототехника, мастер-классы, карьерная и ИТ-лаборатории.

• На главной сцене: Тося Чайкина, «тима ищет свет», Второй Ка. Специальный гость — Диана Арбенина с трибьютом, а также секретный артист.

Регистрация здесь. По одному билету можно прийти вдвоём и взять до двух детей.

Формат — open air. Приходите пообщаться, послушать и отдохнуть.

Это #партнёрский пост

Читать полностью…

Когда всё-таки смог доучиться и получить работу в IT:

Читать полностью…

Как работает сетевой код в многопользовательских играх

Сетевой код — критически важная часть многопользовательских игр, без которой вы просто не сможете определить в каких отношениях вы находитесь с мамами других игроков. Он отвечает за взаимодействие игроков в реальном времени и обеспечивает плавный игровой процесс.

В этой статье вы узнаете ключевые компоненты сетевого кода, включая архитектуру, типы соединений, синхронизацию, безопасность и оптимизацию.

#gamedev

Читать полностью…

Как выбрать идею и довести pet‑проект до результата

Начать карьеру в IT сложно, если портфолио ограничивается курсами и типовыми учебными задачами. Pet‑проект — отличный способ учиться и прокачивать портфолио, но многие останавливаются на этапе идеи, боятся застрять на середине или бросают безрезультатно. Эта статья рассказывает, как выбрать правильную тему, грамотно спланировать работу и довести проект до полезного финала.

Делитесь своими пет-проектами или их идеями в комментариях!

#петпроект

Читать полностью…

Почему на обложке медоед? Потому что медоеду похуй

Читать полностью…

Какой российский хостинг выбрать в 2025 году: подборка с примерами и нюансами

Выбор хостинга — такая же непростая задача, как и создание проекта, который будет на нём размещён. При запуске важно учитывать и доступность поддержки, и юридические риски, и стабильность работы под нагрузкой.

В этой подборке мы собрали актуальных российских провайдеров на любой случай: для сайтов на CMS, pet‑проектов, корпоративных порталов, бэкапов и даже VPS с ручной настройкой. У каждого — свои условия, бонусы и ограничения.

#подборка #хостинг

Читать полностью…

Функциональное программирование от А до Я на примере JavaScript: монады, функторы, каррирование, композиция

Если интересовались функциональное программированием, это видео для вас. В нем разобрали декларативность, чистые функции и сайд-эффекты, иммутабельность (неизменяемость), функции первого класса, функции высшего порядка, композицию/конвейер, частичное применение и каррирование, контейнеры, функторы и другие темы.

Сохраните, чтобы не потерять: https://www.youtube.com/watch?v=ScgmlDb5ed4

#javascript #лучшиепрактики

Читать полностью…

Непереводимая игра слов

Читать полностью…

Что такое CI/CD простыми словами

CI/CD — это подход в разработке программного обеспечения, который помогает командам работать быстрее и эффективнее. Под этими четырьмя буква скрывается два важных взаимосвязанных процесса:

1️⃣ CI (Continuous Integration) — это процесс, когда программисты часто добавляют изменения в код, и этот код автоматически проверяется на ошибки.
3️⃣ CD (Continuous Delivery/Deployment) — а это процесс, который автоматически готовит и внедряет изменения на серверах, чтобы пользователи могли быстро получать обновления.

Всё ещё непонятно? Да, в двух словах об этом не расскажешь. Поэтому я нашёл для вас два видео, где понятным языком и на наглядных примерах показано, как это работает:

🔘 в первом ролике теория и пример из практики;
🔘 а во втором простой пайплайн, который вы сможете повторить и уже лично «пощупать» технологию.

#cicd #видео

Читать полностью…

Идея для генератора паролей

Для максимальной рандомизации пароля вам нужно просто водить по экране, притягивая разные символы.

Кто реализует?)

Читать полностью…

Школьник сделал игру в Roblox за 3 дня и поднял миллиард денег

16-летний разработчик сделал Grow a Garden — простенький фермерский симулятор, где можно растить огород, ухаживать за скотом и обмениваться товаром с другими игроками. Пиковый онлайн составил 21.6 млн игроков. Это примерно столько же, сколько сейчас в сети игроков Steam.

Как дела на заводе, коллеги?

#новости

Читать полностью…

⚡️ Прямой эфир с американским рекрутером

Важный анонс! В рамках реалити Аня Гагарина проведет в этом телеграм-канале открытую консультацию «Как искать вакансии на LinkedIn в русскоязычных командах?» Вот какие темы будем разбирать:

🖇Кого и как рекрутеры ищут на LinkedIn. Кому точно нужен профиль на этой площадке.
🖇Что писать в профиле, чтобы рекрутеры находили вас сами. Разберем на реальном примере!
🖇Как находить вакансии в русскоязычных командах по всему миру через базовый аккаунт на Linkedin.
🖇Блок Q&A.

Сохраняйте дату и время в календаре:
📌 4 августа, 18:00 — бесплатный прямой эфир в «Коде найма».

📍Оставляйте свои вопросы ментору под этим постом — Аня постарается прокачать вас по максимуму!

Читать полностью…

Скелетон: как сделать загрузку визуально приятной

Для загрузки контента на сайте или в приложении требуется время — иногда долисекунд, а иногда гораздо больше. Во втором случае нужно дать пользователю понять, что всё идет по плану, сайт не сломался и контент вот-вот будет. Для этого используются скелетоны — анимированные заглушки вместо контента до момента его загрузки. Они показывают не только, что идет загрузка, но и то где и даже какой контент будет загружен — картинка или текст. Это воспринимается лучше, чем обычный спиннер и делает интерфейс чище.

Я нашёл для вас гайд, как сверстать такой скелетон для карточки статьи за несколько минут. Демонстрируется HTML-код и CSS-стили с переменными, чтобы сразу получать плавную анимацию и адаптивную структуру без кучи лишнего кода.

#css #фронтенд #ux

Читать полностью…

Как писать телеграм-ботов на JS: курс по Grammy JS

Для создания ботов на JS есть множество различных библиотек. Одна из них Grammy JS — мощная библиотека, которая поддерживает все современны возможности телеги и её API.

В этом видео вы изучите все основные механизмы библиотеки Grammy JS:

➡️ стартовый набор файлов бота и общую структуру;
➡️ слушатели событий от пользователя;
➡️ объект Context: контекст обновления;
➡️ работу с двумя видами клавиатуры и многое другое.

А вы какую библиотеку используете для создания ботов?

#javascript #telegram

Читать полностью…

Replicube: головоломка с блоками для программистов

Любите головоломки и код? Replicube — отличная возможность совместить оба удовольствия. Это пазл‑игра на программирование: перед вами 3D-фигура из вокселей, и ваша задача — воссоздать её с помощью кода. Чем точнее, тем лучше. Хотя код и пишется на Lua, но благодаря простому синтаксису и работе с базовыми возможностями языка — освоить его сможет разработчик, использующий и другие ЯПы.

Но самое интересное, что в игре не просто проверяется ваш результат. Он сравнивается со всеми остальными решениями других пользователей. Учитывается и размер, и быстродействие кода. А если вам мало решать готовые задачи, то можете создавать свои и делиться ими с пользователями на форуме игры.

Демоверсия доступна прямо в браузере — попробуйте, даже без установки.

#lua #геймификация

Читать полностью…

Возможно, что эти HTML- и CSS-ошибки есть в вашем коде

Казалось бы, основные грабли веб-верстки давно известны, но ловушки ждут в деталях — от неожиданных эффектов font-size в rem и px до проблем с outline и адаптацией стилей к accessibility.

В статье собраны типичные промахи, которые могут незаметно испортить интерфейс или доступность продукта. Вам точно стоит взглянуть на подборку реальных случаев и способов их избежать.

https://habr.com/ru/companies/ruvds/articles/928018/

Я вот не задумывался о некоторых нюансах, описанных в статье. А вы?

#фронтенд #css #html

Читать полностью…

Криптобот для Telegram Mini Apps: как собрать за выходные и не сломать мозг

Задумывались, как сделать обмен крипты простым и быстрым прямо в Telegram? Пользователь нашего сайта задумался и даже реализовал идею. Он сделал мини апп для телеги и показал весь путь — от настройки бота через BotFather до интеграции с веб-приложением. А ещё поделился лайфхаками по архитектуре, выбору стека и тонкостям UX, чтобы даже новичок справился.

Не упустите возможность узнать из первых уст обо всех подводных камнях и рекомендациях. Подробности по ссылке.

#telegram #javascript

Читать полностью…

Какое будущее ждёт айтишников? Рынок перегрет, а ИИ заменит всех?

Разговоры о том, что там и сям программистов заменяет ИИ не умолкают. Microsoft якобы уволили уже кучу специалистов в угоде нейросетям, Amazon тоже.

Но всё ли так плохо? Возможно, всё не совсем так, как нам преподносят? Чего стоит опасаться и кому в первую очередь, стоит ли поскорее сменить направление разработки или выбрать другой язык, разобрали в этом видео: https://youtu.be/S3Lg-45Zqds

#видео

Читать полностью…