HTML Academy

Осенью хочется обновлений не только в гардеробе, но и в редакторе.

Мы собрали 7 тем для VS Code — от светлых минималистичных до тёмных и неоновых — чтобы освежить редактор этой осенью. В подборке есть тёмные варианты для ночной работы, светлые аккуратные палитры и яркие киберпанк-настроения.

Мы подобрали разные акценты и уровни контраста — от классики вроде Solarized и Darcula до природных коллекций Naturefy и Ttera и неонового Cyberpunk, — чтобы каждый нашёл вариант под свой стиль работы.

🔴 Подробнее смотрите в статье и выберите оформление, которое будет работать на вашу продуктивность, а не против неё.

👍 Прямой эфир с менеджером стажировок и ведущим инженером-программистом компании Контур

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

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

Приходите на эфир 25 сентября в 12:00 (MSK), чтобы:
0️⃣ Познакомиться с Контуром: узнать, как работают продуктовые команды и какое место в них найдётся для стажёра;
1️⃣ Разобрать программу и ожидания к новичкам: какие навыки важны на старте и как их лучше продемонстрировать;
2️⃣ Обсудить критерии отбора и формат стажировки во втором наборе.

🍬 Бонус: среди первых ста регистраций разыграем одно бесплатное место на программу. Победителя объявим в конце трансляции.

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

https://htmlacademy.ru/events/live-kontur-2025

😂 Продолжаем рубрику “HTмемL”

Вчера провели эфир с Виктором Михайловым из Garage Eight. Откровенно поговорили о том, как джуну попасть в международную FinTech-компанию на PHP и что действительно ждут от начинающих бэкендеров.

«Ошибки в продакшене — это опыт. Настоящая проблема только одна: если с тобой некомфортно работать в команде. Культура нашей компании — очень важная вещь.»

А ещё обсудили:

🔵 какой горизонт роста у джуна и от чего он зависит;
🔵 что проверяют на собеседовании в Garage Eight;
🔵 как устроена оплачиваемая стажировка: 3 месяца, гибрид, реальные задачи с ревью;
🔵 как команды работают по LeSS и почему коммуникация — половина успеха;
🔵 какой стек в деле: PHP, Symfony и Doctrine, Kafka, Kubernetes и не только.

Сохраняйте на выходные: на скорости ×2 хватит одного вечера — разложим по полочкам, какие качества важнее «сухого» синтаксиса для старта в бэкенде.

Смотреть на YouTube | Смотреть в VK | Программа обучения

Что ждёт выпускников совместной программы обучения с KLBR Studio?

Мы смотрим на то, как разработчик думает.

Вера Ясюкевич, руководитель KLBR Studio, рассказала про этапы отбора и про саму стажировку после 6 месяцев обучения.

Полный эфир с KLBR Studio — по ссылке:

🐭 Смотреть на YouTube
🐹 Смотреть в VK
➕ Подробнее о программе

Webpack без боли: от конфигурации до оптимизации
➿➿➿➿➿➿➿➿➿➿➿➿
На курсе вы разберёте Webpack на практике: базовую конфигурацию (entry/output), перенос проекта на webpack, сборку многостраничных приложений, работу с плагинами и обработчиками, asset-modules, code splitting и оптимизации под production.

Каждый модуль — прикладные задачи: настройка npm-скриптов, подключение Babel, ESLint и Prettier, конфигурация плагинов и обработчиков, разделение dev и prod с source maps, уменьшение бандла (минимизация, выделение вендоров). После курса вы сможете добавлять сборщик в проект, создавать и поддерживать конфиги на рабочих проектах, собирать MPA и оптимизировать артефакты перед деплоем.

🟢 Смотреть программу

Вырезы в блоках — революция | CSS боль

Хотите узнать, как делать вырезы в блоках одной строчкой CSS?

В новом выпуске мы сравним старый способ (много контейнеров, фиксированные размеры, хаки) и современный подход с mask-image и радиальными градиентами.

В видео:

1️⃣ как работал классический «дедовский» метод;
2️⃣ mask-image и радиальные градиенты: чистый CSS для вырезов;
3️⃣ приём с полпиксельным смещением для аккуратных краёв;
4️⃣ гибкие и адаптивные компоненты с любым фоном: градиентами, картинками или видео;
5️⃣ смена парадигмы: от «приклеивания блоков» к «вырезанию» прямо в CSS.

🐭 Смотреть на YouTube
🐹 Смотреть в VK

Вместе с Garage Eight мы готовим будущих бэкенд-разработчиков.

Сегодня в 12:00 в эфире поговорим о совместной программе обучения: как прокачать навыки и применять их в реальных проектах. Лид бэкенд-разработки Garage Eight расскажет о компании, первых задачах для новичков, перспективах развития и ответит на ваши вопросы.

https://htmlacademy.ru/events/live-garage-8-backend

Таймеры в JavaScript

setTimeout и clearTimeout — проверенные временем инструменты для работы с асинхронностью в JavaScript. Их простота и гибкость делают их полезными в задачах от прототипирования до продвинутых сценариев, таких как дебаунсинг или интеграция с современными фреймворками.

Практически это значит: setTimeout используют не только для задержек, но и для управления порядком выполнения — отложить код после текущего стека (setTimeout(fn, 0)), настроить дебаунс ввода, запустить отложенные эффекты и анимации (а сами анимации — через requestAnimationFrame). А зная про clearTimeout, можно вовремя отменять лишние вызовы и избегать багов.

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

➕ Читать статью

Кайф от sibling-index()

Смотрите и наслаждайтесь тем, как sibling-index() упрощает вёрстку!

Удаляем ненавистные инлайновые индексы из разметки, заменяем переменные-индексы в стилях на sibling-index() и получаем рабочий компонент с чистейшим кодом.

#CSS #Frontend #код #siblingIndex

Как работает Map в JavaScript

Коллекция Map — это встроенная структура JavaScript для хранения пар «ключ–значение». Она похожа на обычный объект ({}), но имеет важные преимущества: поддерживает ключи любого типа и сохраняет порядок вставки — удобно, когда нужен предсказуемый перебор.

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

🪻 Читать статью

Прямой эфир с лидом бэкенд-разработки в Garage Eight

👍 Garage Eight и HTML Academy запускают совместную программу «Обучение под работодателя»: вы занимаетесь в небольшой группе, осваиваете PHP и ООП, REST-подход и тестирование, пробуете типовые задачи джуна на учебных проектах, работаете с Git и CI. На эфире разберём, как это соотносится с рабочими процессами команды и входом на стажировку.

Приходите на эфир 18 сентября в 12:00 (MSK), чтобы:

🔲 Понять, как устроены процессы в Garage Eight: ревью кода, менторство, адаптация новичка и план первых недель;
🔲 Разобрать программу по делу: какие навыки требуются на старте (PHP, работа с фреймворками, REST, тесты) и как они закрываются на учёбе;
🔲 Узнать про стажировку: критерии готовности, отбор, формат занятости и типовые задачи для джуна на входе.

➿➿➿➿➿➿➿➿➿➿➿➿

Планируете вход в профессию, хотите понять ожидания к джуну и как выглядит старт в продуктовой команде? Зарегистрируйтесь по ссылке — пришлём напоминание и доступ к эфиру.

Мы или не мы?

Технические выходные × Колесо фортуны

🎉 День программиста: хороший повод закрыть пробелы и подобрать «пару» курсов на вырост. Одно вращение колеса и случайный подарок ваш. Ищите на сайте коробочку и вращайте колесо все выходные.
➿➿➿➿➿➿➿➿➿➿➿➿
Что добавить в копилку знаний:

— Алгоритмы и паттерны — практика структур данных, разбор сложностей и идиом проектирования в FE.

— Сети и безопасность — протоколы, модели угроз для веб-приложений, практики защиты.

— TypeScript — системное мышление о типах, работа с дженериками, утилитами и сужением типов.

— Vue, Vite, Webpack — сборка под прод, профилирование бандла, HMR по делу.

— Анимации (CSS/JS/SVG) — тайминг-функции, последовательности, производительность.

— Доступность (a11y) и дизайн-системы — роли и атрибуты, токены, библиотека компонентов.

➡️ Коротко: 1 вращение • 12–14 сентября • 7 дней на применение.

https://htmlacademy.ru