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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
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/typenoscript
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
Продолжаем знакомиться с партнёрами второго сезона чемпионата по вёрстке. #чпв2

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

Digital-агентство WL специализируется на разработке интернет-магазинов, веб-сервисов и корпоративных решений на PHP и 1С-Битрикс. Команда работает с e-commerce и внутренними системами, помогает бизнесу запускать и развивать проекты, включая интеграции, поддержку и IT-консалтинг. На рынке агентство с 2008 года.

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

RUSO — digital-агентство полного цикла, которое делает комплексные решения для роста бизнеса. Команда закрывает полный спектр задач: от брендинга, рекламы и фирменного стиля до разработки корпоративных сайтов, интернет-магазинов и высоконагруженных порталов. Проекты ведутся «под ключ» — от аналитики и выбора решения до запуска и дальнейшего развития.

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

div. — крупный digital-продакшен, который сочетает дизайн, разработку, брендинг, motion и 3D. Инхаус-команда реализует проекты разного масштаба: от быстрых лендингов и интерфейсов до сложного e-commerce и комплексных сервисов. Компания работает как производственный партнёр полного цикла и помогает бизнесу закрывать большой объём задач по веб- и продуктовой разработке.

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
❤‍🔥4👍4🔥321
HTML Academy
Прямой эфир с основателем Addamant Поговорим с основателем студии о том, как команда делает фронтенд для корпоративных систем, e-commerce и B2B-сервисов, почему компании нужны универсальные фронтендеры и как HTML Academy вместе с Addamant запускают программу…
Вместе с Addamant запускаем совместную программу обучения фронтенд-разработчиков

Сегодня в 12:00 (MSK) — прямой эфир с компанией Addamant. Основатель студии расскажет, как устроен фронтенд для корпораций и e-commerce, что ждёт выпускников на оплачиваемой стажировке и как пройти путь от обучения до работы в штате.

В финале разыграем бесплатное место на программу!

https://htmlacademy.ru/events/live-addamant
3🔥22❤‍🔥1
Продолжаем знакомиться с партнёрами второго сезона чемпионата по вёрстке. #чпв2

👍 Студия «Банникон» — партнёр-работодатель

Студия «Банникон» разрабатывает, поддерживает и продвигает сайты. За более чем 4 года работы команда реализовала свыше 70 проектов для бизнеса и государственных организаций, помогая компаниям выстраивать устойчивое онлайн-присутствие.

👍 Красная Рамка — партнёр-работодатель

«Красная Рамка» — digital-студия, которая превращает сложные задачи в яркие и технологичные решения. Команда работает на стыке дизайна, разработки и продуктового подхода, создаёт сайты, сервисы и мобильные приложения, которые выделяются визуально и надёжно работают внутри. Студия специализируется на нестандартных и комплексных проектах: от высоконагруженных платформ и стартап-продуктов до геймифицированных интерфейсов и интеграций с бизнес-системами.

👍 Soft Media Group — партнёр-работодатель

Soft Media Group анализирует, проектирует и разрабатывает сайты, сервисы и мобильные приложения для бизнеса и государства. Компания с 2010 года делает бизнес эффективнее, создавая цифровые сервисы и системы для разных отраслей экономики. Команда использует современные технологии и подходы к управлению проектами, подбирая решения под задачи конкретного заказчика.

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
❤‍🔥44🔥1
Vue.js 3 на практике: Vite, Composition API, Pinia и тесты

На курсе разбираем современные подходы к клиентским приложениями на Vue.js 3: noscript setup и реактивность, маршрутизацию с guard’ами, управление состоянием в Pinia, работу с HTTP и обработку ошибок, анимации, модульные тесты на Vitest и Vue Test Utils.

Практика — два проекта: учебный таск-менеджер и фронтенд онлайн-пиццерии поверх готового API. Формат — теория → разбор → задачи. В чате отвечаем на вопросы и показываем типичные решения. #htmlacademy #levelup

📌 Программа и детали: https://htmlacademy.ru/levelup/vue
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2❤‍🔥1🔥1