HTML Academy

https://aptori.dev/blog/secure-coding-in-typescript-best-practices-to-build-secure-applications

Подборка лучших практик при работе с TypeScript, которых следует придерживаться для создания безопасного кода. Тема безопасности широка, и эта подборка может служить отличным стартовым чек-листом.

Статьёй поделились разработчики компании «Открытые решения».

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».

#полезноеотработодателей #полезноеотosinit

CSS Container Queries — технология, которая изменит понятие адаптивности навсегда. Познакомьтесь с ней в новом бесплатном курсе!

https://htmlacademy.ru/demos/189

Мы создадим резиново-адаптивный чат и познакомится с основными возможностями выражений от контейнеров.

#туториалотhtmlacademy #frontend #html #css

Так красиво алгоритмы вы ещё не изучали! Вышла вторая глава курса «Алгоритмы сортировки через визуализации»

https://htmlacademy.ru/demos/187

В этой главе мы изучаем сортировку вставками. В конце главы — красивейшая визуализация сравнения двух алгоритмов — «пузырька» и «вставок».

#туториалотhtmlacademy #алгоритмы #algorithms

❤️ Где писать код в 2025 году?

Мы провели опрос среди нашего комьюнити, чтобы выяснить, какие инструменты для фронтенд-разработки они предпочитают. Теперь поделимся с вами результатами!

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

👍 Читайте статью и выбирайте свой идеальный инструмент!

Верстаем адаптивные версии промо-блока из олимпиады по фронтенду от HTML Academy и Яндекса.

https://htmlacademy.ru/demos/179

В седьмой части курса мы верстаем планшетную и мобильную версии компонента, добавляем адаптивную графику с помощью тега <picture> и проверяем компонент на переполнение. Ссылка на макет компонента — внутри курса.

#туториалотhtmlacademy #frontend #макет

👍 Как закрутить 12 прямоугольников по кругу на CSS

Пошагово: от разметки до плавной анимации. Всего 12 лепестков, немного трансформаций, капля магии animation-delay — и готов эффектный спиннер без единой строчки JavaScript!

Попробуйте в действии → Демонстрация

Другие демки и сложные приёмы → Смотреть всё

🤘 Вместе с TravelLine запускаем программу для подготовки специалистов под реальные задачи.

Успешные выпускники попадают в команду компании, а обучение проходит на основе легендарного контента.

⏱ Присоединяйтесь сегодня в 19:00 к прямому эфиру с ведущим инженер-программистом и эйчаром компании. В эфире поговорим о перспективах для выпускников программы и ответим на ваши вопросы.

Записаться

Новый курс «Алгоритмы сортировки через визуализации»

https://htmlacademy.ru/demos/181

Алгоритмы — сложная тема, но не с этим курсом! Мы превратим абстрактные сортировки в наглядные анимации, где всё сразу становится понятно. Учитесь легко, наблюдая, как алгоритмы работают вживую!

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

#туториалотhtmlacademy #алгоритмы #algorithms

Как разделять работу и жизнь, если ты разработчик или дизайнер? Что такое выгорание и как его избежать?

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

Над ней прямо сейчас работают разработчики Лиги — бывшие студенты Академии, кстати.

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

Вместе с гостями Лиза и Женя из Лиги разберутся:

• почему бывает сложно разделять работу и жизнь
• как не выгорать
• что делать, если это случилось

А ещё поделятся опытом, инсайтами и советами для разработчиков.

Кто будет:
• Лиза, CEO Лиги А.
• Саша, дизайнер агентства Мера
• Паша, CEO агентства Cedro
• Женя, руководитель отдела разработки Лиги А.

Сегодня, в 17:00 по мск встречаемся в канале Лиги!

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

HTML Academy и TravelLine запускают уникальную программу «Обучение под работодателя». Вы обучаетесь в малой группе, осваиваете нужные навыки, и самое главное, получаете шанс присоединиться к команде TravelLine по завершении обучения.

Приходите на прямой эфир 13 февраля в 19:00, чтобы:

1️⃣ Узнать, какие навыки и технологии востребованы в компании, и как подготовиться к реальной работе.
2️⃣ Понять, как устроен процесс онбординга и что важно для новичков в компании.
3️⃣ Обсудить, как проходить обучение и какие задачи решать, чтобы быть готовым к работе в реальной команде.
4️⃣ Узнать, почему важно развивать как технические, так и гибкие навыки для успешной карьеры в IT.

⏱ Зарегистрируйтесь по ссылке — мы напомним вам о трансляции.

Как сделать аккордеон на чистом HTML и CSS? Разбираемся в бесплатном курсе. Наглядно, интерактивно, без воды.

https://htmlacademy.ru/demos/177

Создаём вертикальный аккордеон на базе нативного элемента <details>. Разбираемся, с помощью какого атрибута "связывать" друг с другом "вкладки" аккордеона.

#туториалотhtmlacademy #frontend #html #css

👍 Мастерская: создаём вращающийся 3D-куб за 59 секунд

Попробуйте в действии → Демонстрация

Больше визуализаций и интерактивных туториалов → Смотреть всё

✈️ Слетать.ру — одна из ведущих российских компаний в сфере туризма. Недавно технический директор и тимлид фронтенда приняли участие в прямом эфире, где рассказали о совместной образовательной программе с HTML Academy. Давайте разберёмся, о чём шла речь на этом лайве.

💭 DeepSeek, выдели основные мысли из часового эфира:

— Слетать.ру — крупная IT-компания в туристической сфере с современным фронтендом: React.js, TypeScript, Next.js, библиотека компонентов на Storybook.
— Компания чаще нанимает мидлов, но джуны тоже нужны: их обучают с нуля, помогают тимлиды и коллеги. Обучить с нуля проще, чем переучивать мидла с устоявшимися привычками. Испытательный срок — настоящие проекты, своя документация, код до продакшена. Через 9–12 месяцев — рост до мидла и уверенная работа.
— Оценить навыки джуна с рынка за 1–2 часа собеседования сложно. А совместная программа помогает увидеть, как он работает, обучается и справляется с задачами на длительной дистанции.
— Программа включает все нужные ключевые темы: вёрстка, JavaScript, архитектура клиентских приложений, React.js. Компания следит за прогрессом и видит код студентов.
— Для кандидата найм после совместной программы проще и комфортнее, чем с рынка: не нужно проходить классический отбор, компания уже знакома с его работой, а собеседование больше похоже на обсуждение итогов обучения и дальнейшего развития.
— Старт в компании начинается с оплачиваемой стажировки, рассчитанной примерно на два месяца, с полной занятостью.
— Работа в Слетать.ру — это возможность развиваться в современном стеке, решать разнообразные задачи и работать в команде, где важны инициативность и влияние на продукт.

❗️ Подготовлено с помощью DeepSeek-R1. AI может допускать ошибки. Проверяйте важную информацию.

Обучение под работодателя.

💡 8 февраля — день науки! Время открыть для себя мир кода

Наука — это не только лаборатории и формулы. В программировании тоже есть место исследованиям, гипотезам и открытиям! Если ты давно задумывался о старте в IT, этот день — отличный повод сделать первый шаг.

С чего начать?

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

⭐️ Читать статью

Три курса со скидкой 50% ко дню науки

До 12 февраля три самых популярных курса для новичков доступны по специальной цене.

1️⃣ «Старт в программировании» — базовые знания HTML, CSS и JavaScript. После курса ты сверстаешь два проекта.
2️⃣ «Погружение в вёрстку» — научишься создавать сайты, добавлять интерактивность и красиво оформлять страницы.
3️⃣ «Погружение в программирование на JavaScript» — освоишь основы логики, работы с данными и взаимодействия с пользователем.

🛍 Акция действует до 12 февраля

👍 Мастерская: анимированная галерея с CSS-трансформациями

Попробуйте в действии → Демонстрация

Больше визуализаций и интерактивных туториалов → Смотреть всё

Начался эфир с компанией ✈️ Слетать.ру про обучение напрямую для работодателя.

Присоединяйтесь по ссылкам:
📱 https://www.youtube.com/live/NBEZh2b6yC4
📱 https://vk.com/video-38306835_456239578

Кто, что и кому должен в онлайн-образовании IT-профессий?

Онлайн-образование IT-профессиям — это фабрика сертификатов, где обещают «карьеру мечты», а на выходе — тонны резюме без откликов. Школы учат устаревшим технологиям, работодатели хотят готовых специалистов, а студенты остаются с долгами и иллюзиями. Кто виноват? Школы, которые наживаются на надеждах? Работодатели, которые не хотят растить кадры? Или сами студенты, которые верят в «волшебную таблетку»?

Какой вариант, по вашему мнению, наиболее эффективен?