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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Media is too big
VIEW IN TELEGRAM
Высшее образование — определяющий фактор или дополнительный?

Максим Ермилов — основатель WAPP, рассказал про ограничения, связанные с наличием высшего образования при отборе на работу. «Высшее образование неважно, важно желание разобраться в технологии и любопытство в предметной области».

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

🐭 Смотреть на YouTube
🐹 Смотреть в VK
👩‍💻 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
7
Вчерашний эфир с Grokhotov Studio — записали и выложили

Михаил Грохотов рассказал про стек (используют Vue.js и Nuxt), сколько зарабатывают на стажировке и за какое время джун вырастает до мидла. Плюс развенчал мифы про TypeScript, верстальщиков и возрастные ограничения.

Час эфира, но на скорости ×2 уложитесь в 31 минуту. Хороший вариант для субботнего утра с кофе.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎁 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤‍🔥3🔥3
Продолжаем чёрную пятницу в HTML Academy!

Открываем следующую скидку — скидки 60% на все мидл-курсы и мидл-пакеты. Распространяется на все курсы и пакеты курсов для мидлов. Хорошая возможность взять нужную программу по сниженной цене и продолжить развиваться системно. Следите за скидками — они будут постепенно появляться на лендинге.

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

👍 https://htmlacademy.ru/special/black-friday/2025
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤‍🔥211
Прямой эфир с арт-директором Only

26 ноября в 12:00 (MSK) разберём, как студия подходит к работе с макетами и как правильно смотреть на макет второго сезона чемпионата по вёрстке. Поговорим о том:

1️⃣ каких ожиданий по аккуратности и качеству мы придерживаемся,
2️⃣ как организовать работу с макетом и на что обратить внимание в первую очередь.

Также в эфире ответим на заранее собранные вопросы участников чемпионата — про сам макет и требования, которые с ним связаны.

👍 Присоединиться к чемпионату
Please open Telegram to view this post
VIEW IN TELEGRAM
64❤‍🔥4
Forwarded from CSS Боль
Как понять :nth-child() так, чтобы он перестал пугать?

В новом выпуске «CSS Боль» делаем сложный селектор :nth-child() понятным буквально каждому, раскрывая его внутренние секреты и механики с помощью интерактивной визуализации и простых наглядных примеров.

В выпуске:

✓ Как работает переменная n и почему она начинается с нуля
✓ Что делают формулы 2n, 2n+1, n+3 и -n+4
✓ Как выбирать «до» и «от» определённого элемента
✓ Как составлять и понимать сложные последовательности
✓ Пересечения и объединения выборок
✓ Почему odd и even — это всего лишь сокращения формул

Внутри — живые примеры, на которых сразу видно, какие карточки выбираются при каждом выражении. После этого ролика вы перестанете помнить «частные случаи» и начнёте читать формулы как предложения на языке CSS.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥75🔥43
Чёрная пятница в HTML Academy!

Продолжаем наполнять корзину скидками к чёрной пятнице.

🎁 Новая огромная скидка — профессия «Фронтенд-разработчик» в мини-группе с наставником. Обучение по стандартам ИТ-гигантов. Большая скидка, места в группе ограничены.

В программу профессии входят:

1. HTML и CSS. Профессиональная вёрстка сайтов
2. JavaScript. Профессиональная разработка веб-интерфейсов
3. JavaScript. Архитектура клиентских приложений
4. React. Разработка сложных клиентских приложений
5. Практический курс по ИИ
6. Грейдирование

Осталась ещё одна скидка к чёрной пятнице. Следите за лендингом: 27 ноября откроем следующий уровень — и корзина скидок будет полностью собрана.

https://htmlacademy.ru/special/black-friday/2025
6❤‍🔥551
Второй сезон чемпионата по вёрстке уже стартовал: участники верстают макет от Only и готовят работы, с которыми не стыдно идти к работодателям.

Завтра в 12:00 (MSK) — открытый прямой эфир с арт-директором Only. Разберём заранее присланные вопросы по макету и ответим на то, что успеем в лайве. Запись эфира сохранится.

Если вы всё это время наблюдали за чемпионатом со стороны, сейчас самое время заскочить: зарегистрироваться, посмотреть эфир, уточнить всё по макету и спокойно начать работу.

Для выпускников наших профессий с модулями по HTML, CSS и JavaScript участие уже оплачено — остаётся только записаться на чемпионат.

👍 Регистрация на второй сезон будет закрыта в четверг.

Записаться
Please open Telegram to view this post
VIEW IN TELEGRAM
743
Прямой эфир c Only

Вместе с арт-директором из Only обсудим подход студии к макетам и то, как смотреть на макет второго сезона чемпионата по вёрстке:

🌟 какие ожидания по аккуратности и качеству,
🌟 как организовать работу и на что обратить внимание.

На эфире ответим на заранее собранные вопросы участников чемпионата о макете и связанных с ним требованиях. Присоединяйтесь к прямому эфиру, чтобы узнать подробности о макете и спокойно начать работу. Регистрация на чемпионат открыта до четверга!

Подключайтесь в 12:00 (MSK)

🐭 Смотреть на YT
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
5❤‍🔥1
Чёрная пятница в HTML Academy!

Думали самые интересные предложения чёрной пятницы закончились? Наполняем корзину скидками на лайт-профессии и пакеты профессий.

⚡️ Лайт-профессия — самостоятельный формат для спокойного старта в веб-разработке. Учитесь в удобном темпе, осваиваете HTML, CSS и JavaScript.
⚡️ Лайт-профессия подходит тем, кто хочет попробовать себя в веб-разработке и идти в своём ритме, без расписания.

https://htmlacademy.ru/special/black-friday/2025
Please open Telegram to view this post
VIEW IN TELEGRAM
632🔥1
UUID в фронтенде нужны куда чаще, чем кажется: для временных черновиков, событий аналитики, имён файлов и стабильных ключей в списках. Universally Unique Identifier помогает надёжно различать объекты даже в офлайн-режиме и распределённых системах.


В статье разбираем, как по-взрослому генерировать UUID на чистом JavaScript: используем crypto.randomUUID() и безопасные фолбэки для разных сред, показываем, почему решения на Math.random() опасны, разбираем типичные ошибки и приводим живые примеры из реальных интерфейсов. #js #webdev

🪻 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
6❤‍🔥2🔥2👍1
Media is too big
VIEW IN TELEGRAM
AI делает 50% работы за разработчика — правда или ложь?

Михаил Грохотов основатель — основатель Grokhotov Studio, рассказал про использование в студии AI в рабочих процессах, поэтому новый курс «Фронтенд на автопилоте: AI-агенты на практике» включён в программу «Обучение под работодателя». Генерация повторяющегося кода, перенос проектов на новый стек, работа с тестами, автоматизация повседневных задач — всё это становится стандартной частью фронтенд-пайплайна. Такие навыки теперь не «дополнение», а современная профессиональная база.

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

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🌸 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
7
🖤 Всё. Чёрная пятница здесь

Всю неделю мы по одной добавляли позиции в корзину — теперь пора оформлять заказ.

Что в итоге собрали:

0️⃣ Профессия «Фронтенд-разработчик» с наставником: -42,5%
1️⃣ Самостоятельные профессии: -75,4%
2️⃣ Курсы для новичков: -60%
3️⃣ Курсы для роста: -60%

Условия действуют 28–30 ноября. Начать учиться можно сразу или позже — скидка сохранится за вами.

https://htmlacademy.ru/special/black-friday/2025
Please open Telegram to view this post
VIEW IN TELEGRAM
32🔥1👏1
TypeScript для инженеров: проектирование типов, а не просто аннотации

Если цель — снижать класс ошибок за счёт статической проверки и проектировать выразительный API, посмотрите курс по TypeScript.

Главное, что отрабатываем (кратко и по делу):

🔘 Дженерики с ограничениями: параметризация API без any, вывод и значения по умолчанию.
🔘 Сужение типов и дискриминированные объединения: исчерпывающие проверки, отсутствие «мёртвых» веток.
🔘 Conditional / Mapped / Template literal types: производные модели, безопасные ключи и события.
🔘 Вариантность колбэков и сигнатур: корректная совместимость параметров в обработчиках.
🔘 Брендированные (opaque) типы для идентификаторов и единиц: защита от подстановки «не той строки».

Курс про практику проектирования типов: меньше рантайм-сюрпризов, больше строгости на этапе компиляции. Подробности на лендинге.

https://htmlacademy.ru/levelup/typescript
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥3❤‍🔥1
Прямой эфир с основателем Addamant

Поговорим с основателем студии о том, как команда делает фронтенд для корпоративных систем, e-commerce и B2B-сервисов, почему компании нужны универсальные фронтендеры и как HTML Academy вместе с Addamant запускают программу обучения под компанию.

На эфире 4 декабря в 12:00 (MSK) разберём:

0️⃣ Познакомитесь с Addamant: какие продукты делает студия и как выглядят боевые задачи фронтенда в реальных бизнес-проектах.
1️⃣ Разберётесь, как устроена рабочая кухня: стек, работа с легаси, роль TypeScript, ревью кода и AI-инструменты в ежедневной разработке.
2️⃣ Узнаете, как построена совместная программа и что нужно, чтобы дойти до стажировки во фронтенд-команде студии.

Бонус: среди первых 100 зарегистрировавшихся разыграем одно бесплатное место на программу, результаты объявим в конце эфира.

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

https://htmlacademy.ru/events/live-addamant
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥643🔥2
Forwarded from CSS Боль
CSS теперь умеет сравнивать значения прямо в стилях: запись вроде 10 <= --x <= 12 — это рабочий код, а не псевдоязык.

В свежем выпуске «CSS Боль» разбираем range syntax в стилевых запросах и смотрим, как с его помощью подсветить диапазон дат в календаре на чистом CSS. По пути становится понятно, почему :nth-child(of S) в этой задаче быстро упирается в свои ограничения, а реактивный CSS с переменными и range syntax даёт более прямое и прозрачное решение.

В выпуске:

✓ Как работает range syntax и откуда берётся запись 10 <= --x <= 12 в стилях
✓ Почему :nth-child(of S) не подходит для подсветки диапазона дат в календаре
✓ Как связать custom properties, CSS-математику и условия в стилевых запросах
✓ Пример полностью рабочей подсветки диапазона на чистом CSS, без JavaScript

🐭 Смотреть на YouTube
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥95❤‍🔥3👍21👏1
Второй сезон Чемпионата по вёрстке в полном разгаре

Чемпионат по вёрстке — это не только проверка мастерства, но и возможность заявить о себе как о сильном специалисте. #чпв2

Кто помогает делать чемпионат?

👍 Only — дизайн-партнёр

Агентство с фокусом на аналитику, дизайн и разработку цифровых продуктов. Среди клиентов — «Сибур», VK, «Сбер» и другие крупные компании. Для участников чемпионата Only подготовило яркий и награждённый графический макет — именно с ним сейчас работают верстальщики.

👍 Питер — литературный партнёр

Издательство «Питер» — лидер российского рынка книг для разработчиков. В каталоге — литература для любого уровня: от пособий по алгоритмам для начинающих до продвинутых материалов для сеньоров и СТО.

👍 AGIMA — партнёр-работодатель

Один из лидеров рынка веб и мобильной разработки по версиям Tagline и Ruward. AGIMA занимается комплексными digital-решениями: исследует аудиторию и бизнес, проектирует, разрабатывает и развивает продукты. С 2006 года команда реализовала более 800 проектов для крупнейших СМИ, банков, страховых компаний и ритейла. В рамках чемпионата AGIMA выступает партнёром-работодателем и присматривается к участникам, которым можно доверить серьёзные задачи.

https://htmlacademy.ru/contest/2
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3❤‍🔥21👍1🔥1👏1
Завтра в 12:00 — эфир, который стоит посмотреть

Основатель Addamant расскажет, сколько на самом деле нужно джуну времени, чтобы стать полезным для компании. Как выглядит реальная разработка на React и TypeScript для корпораций. И почему студия решила растить фронтендеров с нуля.

Новость: в программу добавляем курс «Фронтенд на автопилоте: AI-агенты на практике». Генерация кода, рефакторинг на TypeScript, работа с React-компонентами через AI — это уже не будущее, а то, что ждут от джунов прямо сейчас. На эфире разберём, как Addamant использует эти инструменты в работе.

🎁 Розыгрыш: среди первых 100 зарегистрировавшихся разыграем одно бесплатное место на программу. Победителя выберем случайным образом в конце эфира.

Завтра в 12:00. Регистрируйтесь — будет полезно.

👍 https://htmlacademy.ru/events/live-addamant
Please open Telegram to view this post
VIEW IN TELEGRAM
43🔥21