HTML Academy
11K subscribers
4.93K photos
106 videos
4 files
3K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
HTML Academy
Прямой эфир с техническим директором и тимлидом фронтенда Слетать.ру! HTML Academy и Слетать.ру запускают уникальную программу «Обучение под работодателя». Вы обучаетесь в малой группе, осваиваете нужные навыки, и, самое главное, получаете шанс присоединиться…
👍 Вместе со Слетать.ру мы готовим будущих разработчиков

Уже сегодня в 19:00 на эфире мы поговорим о программе обучения, на которой мы готовим специалистов под реальные задачи. Технический директор и тимлид фронтенда компании Слетать.ру расскажут о перспективах для выпускников и ответят на ваши вопросы.

⭐️ Эфир в YT | Рестрим в VK | Записаться
Please open Telegram to view this post
VIEW IN TELEGRAM
Кто, что и кому должен в онлайн-образовании IT-профессий?

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

Какой вариант, по вашему мнению, наиболее эффективен?
Media is too big
VIEW IN TELEGRAM
👍 Мастерская: анимированная галерея с CSS-трансформациями

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

Больше визуализаций и интерактивных туториалов → Смотреть всё
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 8 февраля — день науки! Время открыть для себя мир кода

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

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

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

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

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

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

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

🛍 Акция действует до 12 февраля
Please open Telegram to view this post
VIEW IN TELEGRAM
✈️ Слетать.ру — одна из ведущих российских компаний в сфере туризма. Недавно технический директор и тимлид фронтенда приняли участие в прямом эфире, где рассказали о совместной образовательной программе с HTML Academy. Давайте разберёмся, о чём шла речь на этом лайве.

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

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

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

Обучение под работодателя.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
👍 Мастерская: создаём вращающийся 3D-куб за 59 секунд

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

Больше визуализаций и интерактивных туториалов → Смотреть всё
Please open Telegram to view this post
VIEW IN TELEGRAM
✏️ Какой редактор кода для веб-разработки вы используете чаще всего?
Anonymous Poll
1%
Zed
1%
Cursor
81%
VS Code
6%
Sublime Text
5%
Notepad++
2%
Vim / Neovim
0%
Lapce
12%
Хочу посмотреть
Media is too big
VIEW IN TELEGRAM
Как сделать аккордеон на чистом HTML и CSS? Разбираемся в бесплатном курсе. Наглядно, интерактивно, без воды.

https://htmlacademy.ru/demos/177

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

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

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

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

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

Зарегистрируйтесь по ссылке — мы напомним вам о трансляции.
Please open Telegram to view this post
VIEW IN TELEGRAM
Как разделять работу и жизнь, если ты разработчик или дизайнер? Что такое выгорание и как его избежать?

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

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

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

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

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

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

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

Сегодня, в 17:00 по мск встречаемся в канале Лиги!
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Новый курс «Алгоритмы сортировки через визуализации»

https://htmlacademy.ru/demos/181

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

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

#туториалотhtmlacademy #алгоритмы #algorithms
HTML Academy
🤘 Прямой эфир с ведущим инженер-программистом и эйчаром компании TravelLine HTML Academy и TravelLine запускают уникальную программу «Обучение под работодателя». Вы обучаетесь в малой группе, осваиваете нужные навыки, и самое главное, получаете шанс присоединиться…
🤘 Вместе с TravelLine запускаем программу для подготовки специалистов под реальные задачи.

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

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

Записаться
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
👍 Как закрутить 12 прямоугольников по кругу на CSS

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

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

Другие демки и сложные приёмы → Смотреть всё
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Верстаем адаптивные версии промо-блока из олимпиады по фронтенду от HTML Academy и Яндекса.

https://htmlacademy.ru/demos/179

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

#туториалотhtmlacademy #frontend #макет
HTML Academy
🩹 В какой IDE вы пишите код?
❤️ Где писать код в 2025 году?

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

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

👍 Читайте статью и выбирайте свой идеальный инструмент!
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Так красиво алгоритмы вы ещё не изучали! Вышла вторая глава курса «Алгоритмы сортировки через визуализации»

https://htmlacademy.ru/demos/187

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

#туториалотhtmlacademy #алгоритмы #algorithms
Media is too big
VIEW IN TELEGRAM
CSS Container Queries — технология, которая изменит понятие адаптивности навсегда. Познакомьтесь с ней в новом бесплатном курсе!

https://htmlacademy.ru/demos/189

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

#туториалотhtmlacademy #frontend #html #css
https://aptori.dev/blog/secure-coding-in-typescript-best-practices-to-build-secure-applications

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

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

---

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

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