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
Media is too big
VIEW IN TELEGRAM
👍 Мастерская: анимированный звездопад на чистом CSS.

🤎 Демонстрация, чтобы попробовать → https://htmlacademy.ru/demos/107
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Завершаем вёрстку десктопной версии промо-блока из олимпиады по фронтенду от HTML Academy и Яндекса.

https://htmlacademy.ru/demos/175

В шестой части курса мы завершаем десктопную версию компонента и проверяем её на переполнение. Ссылка на макет компонента — внутри курса.

#туториалотhtmlacademy #frontend #макет
Мы советуем изучить, как работает атрибут fetchpriority:
https://web.dev/articles/fetch-priority?hl=ru#fetchpriority-attribute

А Николай Громов, ведущий разработчик интерфейсов компании Наука, рассказывает, почему надо использовать fetchpriority:

«И создал он атрибут loading и дал его эльфам.
И Создал он preload у <video> и дал его людям.
Но потом создал ОН один атрибут, чтобы править всеми!
(приоритетами загрузки)
и имя ему – fetchpriority

И возрыдали разработчики,
ибо ОН прекрасен и готов к продакшену.»

Полностью согласны. Ни убавить, ни прибавить.

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».
#полезноеотработодателей #полезноеотnauka
Прямой эфир с техническим директором и тимлидом фронтенда Слетать.ру!

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

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

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

🤘 Зарегистрируйтесь по ссылке — мы напомним вам о трансляции.
Please open Telegram to view this post
VIEW IN 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