126088
НЛО с вами! Хабр Новости → https://t.me/habr_com_news Хабр Карьера → https://t.me/habr_career Реклама (продвигаем только статьи с Хабра) → adv@habr.team Вопросы → @shelsneg Админ → @vololoshin
Рассказываем, как можно учиться фронтенду с нуля.
HTML/CSS. Разметка и стилизация веб-страниц. HTML задаёт структуру, CSS отвечает за внешний вид, адаптивность и анимации.
JavaScript. Язык для добавления интерактивности на веб-страницах. Используется в браузере и на сервере (через Node.js), лежит в основе большинства фронтенд-фреймворков.
Git. Система контроля версий. Позволяет отслеживать изменения в коде, работать в команде и управлять ветками разработки.
React. JavaScript-библиотека для создания UI. Использует компонентный подход и виртуальный DOM.
Angular. Фреймворк от Google для построения SPA. Включает собственную архитектуру, TypeScript, DI, роутинг и инструменты для тестирования.
Vue.js. Прогрессивный JavaScript-фреймворк для создания интерфейсов. Прост в начале, поддерживает масштабирование, гибкую архитектуру и компонентный подход.
А это место, где вы можете учится — не только фронтенду, а вообще всему.
Детская камера на OpenRISC: реверс-инжиниринг неизвестного SoC
Дешёвые детские фотоаппараты часто страдают от перегруженного UI: вместо съёмки при включении запускается меню, сложное для ребёнка. Чтобы изменить логику загрузки, потребовалось вскрыть устройство. Внутри обнаружен чип HX3302B, документация на который отсутствует.
Анализ дампа флэш-памяти через SPI и логический анализатор показал странности: автоматические тулзы не распознавали архитектуру. Ручной разбор в Ghidra выявил редкую реализацию OpenRISC с little-endian порядком байтов. Это позволило декодировать инструкции, найти таблицу переходов и пропатчить прошивку для прямого старта.
Разберём процесс декодирования ISA.
Samsung SGH-C100: реверс-инжиниринг через забытые map-файлы
Платформа Skyworks на ядре ARM7TDMI — классика 2003 года, на которой работал «народный» C100. Обычно ковыряние старых дампов напоминает чтение матрицы, но в этот раз вендор оставил «подарок»: вместе с бинарниками шли map-файлы линкера. Это меняет правила игры.
Наличие отладочных символов позволяет автоматически восстановить имена функций, карту памяти и структуру глобальных переменных. Больше не нужно гадать над смещениями — прошивка превратилась в читаемый проект. В открытый доступ выложена готовая база IDA Pro для создания модов и патчей.
Изучим внутренности культового телефона.
Почему не взлетели дирижабли? Часть седьмая. Пламя в небесах
Весна 1916-го была «счастливым временем» для цеппелинов: ПВО Лондона бессильна, обычные пули не брали оболочку. Баланс сил изменил технический апгрейд «летающих мишеней» — устаревших бипланов B.E.2c.
Инженеры оснастили их пулемётами Льюиса с разрывными и зажигательными патронами, зафиксированными под углом 45° вверх. Тактика атаки «в брюхо» воспламеняла водород за секунды. Итог: серия уничтоженных супер-цеппелинов и срочная перестройка немецкого флота под экстремальные высоты.
Взглянем на закат эры неуязвимых бомбардировщиков.
Оптимизация в вакууме: когда диск медленнее кода
Сгенерировать лексер ассемблера ARM64, обгоняющий официальный сканер Dart в два раза — амбициозная инженерная задача. Но при масштабировании теста на 104 000 файлов (1,13 ГБ кода) победа алгоритмической эффективности разбивается о бутылочное горлышко ввода-вывода.
Это история о том, как поиск микросекунд с помощью статистических методов привёл к фундаментальным вопросам хранения данных. Почему pub.dev использует tar.gz и как правильно изолировать тесты от влияния файловой системы? Разберём результаты профилирования.
Братство нейросети: итоги сезона «ИИ в разработке»
Зимний сезон экспериментов завершён. Участники проверяли нейросети в полевых условиях: от проектирования вариометра для параплана до создания игр и голосовых ботов. Результаты полярные: в одних кейсах генерация экономила десятки часов, позволяя тащить командные задачи в соло, а в других кодинг превращался в борьбу с галлюцинациями, ломающими логику.
В итоговой выборке любопытные цифры. Лидерами по упоминаниям стали Qwen и Claude, потеснившие OpenAI, а тренд сместился к локальному запуску моделей вроде GigaAM-v3. Комментаторы выступили в роли ревью-комитета, помогая довести код до ума.
Рассмотрим лидеров рейтинга и узнаем, о чём они успели написать за прошедшие два месяца.
«Как я устроился на копеечную ставку, чтобы решить нерешаемую задачу»
Задача выглядит как классический челлендж по алгоритмам: есть карта помещения, нужно построить маршрут полного покрытия с минимальной дистанцией.Если превратить план в граф и применить C++ с методом имитации отжига, математика выдаст формально идеальный результат.
На практике такой маршрут превращает исполнителя в забагованного NPC: бесконечные стрейфы и развороты физически невыносимы. Проблема решается не рефакторингом, а тюнингом функции стоимости. Введение «штрафа за поворот» радикально меняет топологию пути, жертвуя расстоянием ради плавности движений.
Изучим логику оптимизатора.
Zorin OS и эффект Windows 10: почему миграция на Linux вдруг стала массовой
Окончание поддержки Windows 10 в октябре 2025 года и жёсткие системные требования одиннадцатой версии превратили Linux из нишевого хобби в массовое убежище. Zorin OS 18 на базе Ubuntu 24.04.3 и ядра 6.14 демонстрирует рекордные два миллиона загрузок. Система предлагает глубокую интеграцию с OneDrive и автоматизацию запуска Windows-софта через Wine и Bottles прямо «из коробки».
Интерфейс на базе GNOME 46 с продвинутым тайлингом окон полностью закрывает привычки пользователей Windows. На фоне роста доли десктопного Linux до 5% такие дистрибутивы, как Mint и KDE Plasma, формируют новую реальность для старого железа.
Сравним возможности оболочек.
Туториал по Wireshark для начинающих
Да, это звучит как база, которую проходит каждый студент, но за привычным интерфейсом скрывается мощнейший инструмент глубокой инспекции. Wireshark позволяет не просто видеть пакеты, а детально разбирать взаимодействие на всех уровнях: от Ethernet до TLS.
Возможность декодирования сотен протоколов и гибкая фильтрация превращают хаотичный поток трафика в понятную структуру данных. Инструмент незаменим при поиске скрытых задержек, анализе сетевых аномалий и дешифровке сессий.
Изучим сценарии применения.
128 мегабайт для вечности: как расширяли границы Windows Mobile
В эпоху Windows Mobile объём памяти в 64 МБ был стандартом, но для энтузиастов он быстро становился узким местом. В отличие от современных ОС, Windows CE поддерживала честную многозадачность, не закрывая фоновые процессы ради экономии. Это превращало устройства в рабочие станции, где всё зависело от доступного аппаратного ресурса.
Апгрейд до 128 МБ требовал замены чипов SDRAM и манипуляций с резисторами для активации второго чипселекта. На архитектурах HTC такие модификации удавались благодаря гибкости загрузчика и поддержке трейнинга памяти. Проследим за историей этого железного моддинга.
[ХАБРААРХИВ]
Рендеринг кирпичей и невидимые стены: как устроена Battle City на NES
За внешней простотой восьмибитных «Танчиков» скрывается цепочка изящных инженерных ухищрений. Чтобы уложиться в лимиты памяти и процессора NES (1.79 МГц), разработчики отказались от сложных коллизий: танк буквально «рисует» под собой невидимую стену, блокируя проезд другим объектам. Система разрушения кирпичей — это не физический расчёт, а манипуляция 16 состояниями 8x8 тайлов, что позволяло имитировать попадания снарядов с точностью до 4 пикселей.
Интеллект противников работает на динамических циклах: от хаотичного движения к преследованию игрока и финальной атаке штаба. Даже генерация случайных чисел здесь завязана на «нулевую страницу» оперативной памяти и текущее состояние звуковых каналов.
Взглянем на реализацию.
#хабраархив
Умное освещение в доме на базе Philips Hue: личный опыт
Умный свет часто остаётся дорогой игрушкой, пока не сталкивается с инерцией бытовых привычек. Опыт внедрения Philips Hue показывает: главная сложность кроется не в протоколе Zigbee, а в механическом желании обесточить лампу обычным тумблером. Ошибка с выбором хаба первого поколения и настройка функции Power-on behavior подтверждают, что стабильность системы всё-таки зависит от выбора актуального железа.
Вторичный рынок компонентов позволяет собрать сеть без лишних трат, сохраняя гибкость сценариев для проходных зон. Разберём практические аспекты эксплуатации такой автоматизации.
Второй отец MP3: иллюзия одного гения и забытый вклад Bell Labs
История MP3 часто подаётся как триумф учёного из института Фраунгофера. Однако пока Европа строила PR-стратегию, инженер Джеймс Джонстон в Bell Labs создавал модель психоакустики. Без этого вклада кодирование звука осталось бы теорией.
В 1998 году у AT&T уже был плеер на флеш-памяти, но корпоративная близорукость похоронила проект до триумфа iPod. Здесь пересекаются судьбы Кена Томпсона и драма непризнанного гения. Узнаем подробности трансатлантической коллаборации.
CSS-натив против JS-костылей: когда виртуализация становится лишней
Фронтенд-разработка превратилась в карго-культ, где useEffect и useState применяют для исправления визуальных багов. Подключение react-window для списка из сотни товаров или ResizeObserver для адаптивности карточек раздувает бандл без реальной нужды. Современный CSS уже даёт всё необходимое: от нативной виртуализации через content-visibility: auto до контейнерных запросов.
Браузеры научились обрабатывать анимации по скроллу и сложные расчёты вьюпорта эффективнее, чем любой скрипт в основном потоке. Это позволяет разгрузить JS для логики, оставив отрисовку движку. Оценим профит от перехода на нативные инструменты.
Linux Mint 22.3: консерватизм против хаоса обновлений
Многие привыкли считать Mint скучным «дистрибутивом для новичков», но в 2026 году его стабильность выглядит как осознанный манифест. Пока индустрия экспериментирует с immutable-системами, релиз 22.3 на базе Ubuntu 24.04 доказывает: классический десктоп всё ещё эффективен.
В Cinnamon 6.6 переработали меню и внедрили инструменты администрирования загрузки без правки конфигов вручную. Поддержка Wayland в Muffin стала зрелой, но Xorg остаётся дефолтом ради надёжности. Оценим техническую эволюцию проекта.
Взламываем 40-летний донгл защиты от копирования
Бухгалтерский софт на древнем языке RPG отказывался работать без аппаратного ключа в LPT-порту. Эмулятор DOSBox с образом Windows 98 позволил запустить среду, но компилятор RPGC.EXE требовал физического наличия донгла для сборки любых программ.
Анализ бинарника в Reko выявил скрытый сегмент кода, обращающийся к портам ввода-вывода. Подпрограмма опрашивала параллельный порт и возвращала результат в регистре BX. Логика оказалась тривиальной: функция не принимала аргументов, а значит, возвращала константу.
Брутфорс 256 возможных значений младшего байта BL показал, что ключ всегда отдаёт 0x7606. Патч из 4 байт (MOV BX, 7606h; RETF) полностью отключил проверку. Изучим ассемблерный листинг.
Sofle RGB Wireless: почему покупка кастома — это всегда лотерея
Проводная эргономика Lily58 Pro всем хороша, кроме, собственно, наличия кабелей. Миграция на беспроводную Sofle RGB Wireless кажется идеальным апгрейдом, пока девайс с барахолки не приезжает в виде набора «сделай сам поневоле».
Вместо готового инструмента — корпус неверной высоты, выпадающие Li-Po аккумуляторы и голая PCB. Чтобы превратить этот полуфабрикат в рабочее устройство на базе nRF52840, потребовалось не только перетряхнуть «железо», но и спроектировать новый кейс под 3D-печать, а затем углубиться в нюансы энергоэффективной прошивки ZMK.
Восстановим сборку.
NexPhone — смартфон с тремя операционками. Что это за чудо?
Мечта об «устройстве всё-в-одном» похоронила Ubuntu Edge и Motorola Atrix, но NexPhone пытается реанимировать концепцию через инженерный хардкор. Вместо эмуляции или контейнеров здесь реализован честный dual-boot для Windows 11 on ARM и Android 16, а Debian запускается с прямым доступом к GPU.
Аппаратная база специфична: промышленный IoT-чип Qualcomm QCM6490 (аналог 778G), защита IP69K и вес в четверть килограмма. В режиме Windows радиомодуль отключается, превращая гаджет в карманный неттоп, зато поддержка драйверов обещана до 2036 года.
Разберём архитектурные компромиссы новинки.
История создания игры «Ведьмак 2: Убийцы королей»
Движок BioWare стал фундаментом первого «Ведьмака», но для сиквела его архитектуры оказалось мало. Сценаристы упёрлись в потолок: чтобы добавить квест, требовалось прямое вмешательство кодеров. Решение — создание собственного RED Engine параллельно с разработкой самой игры.
Чтобы не изобретать велосипед, инженеры интегрировали проверенные middleware: Havok для физики, Scaleform для UI. Это дало свободу геймдизайнерам, но синхронная работа над тулсетом и контентом обернулась нестабильными билдами и жесточайшими кранчами, стоившими студии ведущих специалистов.
Проследим производственный путь второй части саги.
⚡ Новости к этому часу
⚡️ ПОДДЕРЖИТЕ КАНАЛ ГОЛОСАМИ ⚡️
Figma плавится в цеху: почему красивый UI опасен для производства
Переход из веба в Heavy Digital — это шок-контент. Любимые градиенты и «воздух» в макетах разбиваются о мониторы 2012 года, а стандартный контраст WCAG 4.5:1 здесь бесполезен — физиология и ГОСТ Р ИСО 9241-303 требуют минимум 10:1.
Слепое украшательство способно остановить конвейер. Стандарты ANSI/ISA-18.2 предотвращают баннерную слепоту, а дублирование цвета формой критично для 8% мужчин-дальтоников. Мышечная память оператора важнее гайдлайнов, поэтому дизайн здесь становится строгой инженерной дисциплиной.
Адаптируем интерфейс под суровую реальность.
«Спектрум» на картриджах: история белорусского «Эльфа»
Пока рынок готовился к экспансии Dendy, инженеры в Бресте проектировали свой ответ Nintendo. Консоль «Эльф» — это технический парадокс: полноценный ZX Spectrum на базе БМК Т34ВГ1, лишённый клавиатуры и переведённый на картриджную тягу.
Архитектура требовала банковской переадресации памяти через порт #5F, а проприетарные джойстики конфликтовали со стандартным софтом. Попытка создать закрытую экосистему без поддержки разработчиков разбилась о суровый маркетинг 90-х.
Исследуем схемотехнику забытого устройства.
Медный тупик: почему дефицит металла тормозит ИИ и энергетику
Медь становится критическим ограничением для инфраструктуры ЦОД и энергосистем. К 2040 году спрос вырастет на 50%, тогда как добыча в Чили и Перу сталкивается с климатическими рисками и истощением руд. В дата-центрах металл необходим не только для шинопроводов, но и для систем жидкостного охлаждения высокопроизводительных кластеров.
Рекордные цены на LME подтверждают серьёзность ситуации. Всё это потребует системного перехода к ресайклингу и технологиям опреснения. Проанализируем перспективы преодоления дефицита.
Смещение фокуса с пустого экрана на живой интерфейс: кейс доски вдохновения
Чёрная поверхность монитора в офисе часто угнетает своей статичностью. Преодоление этого визуального вакуума требует не столько сложных фреймворков, сколько понимания механик вовлечения. Использование JavaScript и Giphy API внедряет динамический контент, а связка с Google Sheets полностью заменяет тяжёлую серверную часть.
Особое внимание уделено логике кэширования в localStorage для сохранения работоспособности без сети. Плавные CSS-анимации и модульная структура позволяют гибко настраивать визуальный ритм. Изучим архитектуру решения.
Как клонировать голос за три секунды на своём ПК
Alibaba открыла Qwen3-TTS — опенсорс-систему синтеза на базе End-to-End-архитектуры. Отказ от промежуточных фонем сохраняет естественные интонации и исключает характерную для старых моделей роботизированность.
Технология поддерживает русский язык и клонирует голос по трёхсекундному фрагменту. Доступен VoiceDesign для генерации тембров по текстовому описанию и режим создания сложных диалогов.
Локальный запуск на Windows 11 реализован через портативную сборку под GPU или CPU. Модель 1.7B работает быстро даже на среднем железе. Оценим качество.
Спутниковый роуминг в приграничных зонах: кейс развёртывания Starlink
Тема спутниковой связи кажется исчерпанной новостями о геопозиции, но технический кейс выходит за рамки простого ожидания сигнала. Попытка запустить терминал в центральных регионах предсказуемо упирается в ограничения, что вынуждает выносить точку входа в Калининградскую область.
Схема с узлом связи, включающая серверы Supermicro, контроллеры Arduino и систему перекрёстного резервирования, превращает авантюру в полноценный инфраструктурный проект. Работа через защищённый туннель даёт результат, но всё же оставляет вопрос стабильности открытым. Проанализируем надёжность такой конфигурации.
Парадокс найма: почему на переполнённом рынке некому писать код
Тема сложностей найма в IT всё ещё звучит как баян, но появление «волчат» с ИИ-подсказками превратило отбор в борьбу с симуляциями. Выпускники экспресс-курсов заучивают ответы на топ-300 вопросов по Java, маскируя отсутствие базы. Стандартные воронки больше не защищают бизнес от немотивированных трат.
Чтобы найти реальных специалистов, требуется радикальная смена формата: отказ от шаблонов в пользу адаптивного код-ревью. Только так удаётся отделить заученные скрипты от инженерного мышления. Проанализируем методику фильтрации кандидатов в условиях избыточного шума.
Осваиваем самые ходовые скилы для любой работы, чтобы расти в зарплате и показывать запрещенную магию начальству. На нашей витрине собрали годноту:
🪩 Нейросети
🙃Microsoft Excel
🥩Искусство делать презентации и выступать
📘Microsoft Word
🖥SQL
Еще больше полезностей можете найти по ссылке.
⚡ Новости к этому часу
⚡️ ПОДДЕРЖИТЕ КАНАЛ ГОЛОСАМИ ⚡️
Сезон Heavy Digital на Хабре: 100 000 рублей за лучшую байку из суровой «промки»
Заводской IT — это когда нельзя просто так взять и перезагрузить сервер, потому что на нём висит доменная печь. Здесь Raspberry Pi рассыпается от вибраций, а баг в коде стоит дороже, чем новый спорткар. Специфика адская, но дико интересная.
Цифровой СИБУР объявляет конкурс для тех, кто шарит в IIoT, автоматизации физических процессов и цифровых двойниках. Ждём историй о том, как героически внедрялся ML, почему сгорел контроллер или как легаси из нулевых подружили с современным стеком.