HTML Academy

HTML Academy и Garage Eight стали партнёрами! Выпускники совместной программы обучения смогут трудоустроиться в компанию.

Подробнее о совместной программе: tml.io/joint-garage-8

Garage Eight — международная продуктовая IT‑компания, которая строит экосистему инвестиционных сервисов. Мы выросли из стартапа до компании с командой 280+ человек, сохранив легкость в принятии новых решений. В 2025 году у наших продуктов сотни тысяч активных пользователей в 183 странах.

#работодателиhtmlacademy

Выпустили 10 испытаний средней сложности по радиальным градиентам. Продолжаем закреплять навыки!

https://htmlacademy.ru/courses/419/practice

Испытания доступны по подписке.

Если вы хотите бесплатно познакомиться с теорией про радиальные градиенты, то вам сюда:
https://htmlacademy.ru/demos/199

Как управлять формами в Angular без хаоса

В статье разбираем, как работают FormControl и FormGroup — фундамент реактивных форм в Angular. Показываем, как связать шаблон и логику, упростить валидацию и типизировать поля, чтобы код оставался чистым и масштабируемым.

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

👉 https://htmlacademy.ru/blog/js/angular-form-group

CSS Grid оживает: теперь анимируем без костылей!

С апреля 2025-го CSS Grid официально поддерживает плавные анимации сетки — grid-template-columns и grid-template-rows больше не требуют JavaScript и трансформаций. В статье разбираем, как использовать новую возможность грамотно и без ущерба производительности.

Читайте и тестируйте — это станет вашим регулярным механизмом при разработке современных интерфейсов:

👉 https://htmlacademy.ru/blog/css/grid-animation

HTML Academy и ClickOn стали партнёрами! Выпускники совместной программы обучения смогут трудоустроиться в компанию.

Подробнее о совместной программе: tml.io/joint-clickon

Digital-агентство ClickON открылось в 2004 году. Основное направление работы: веб для бизнеса. У нас около двух сотен клиентов, в основном волгоградские и московские предприятия. В активе несколько патентов на программные продукты, государственная аккредитация с 2011 года, отдельные отраслевые решения. Мы отмечены в рейтингах страны и как разработчик-создатель, и как компания, занимающаяся продвижением сайтов.

#работодателиhtmlacademy

Выпустили 12 испытаний лёгкого уровня по радиальным градиентам. Время закрепить навыки!

https://htmlacademy.ru/courses/419/practice

Испытания доступны по подписке.

Если вы хотите бесплатно познакомиться с теорией про радиальные градиенты, то вам сюда:
https://htmlacademy.ru/demos/199

HTML Academy и STILT — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду STILT

Подробнее: tml.io/bigtech-stilt

STILT — современная IT-компания, которая оказывает комплексную техническую поддержку сложных IT-систем. Она обеспечивает бесперебойную работу сервисов клиентов с июля 2022 года, следуя стандартам ITIL и строго соблюдая SLA.

#работодателиhtmlacademy

[Новый курс] Погрузитесь в радиальные градиенты в новом бесплатном курсе. Наглядно, интерактивно, без воды!

https://htmlacademy.ru/demos/201

Продолжим разбираться с радиальными градиентами. Научимся принудительно задавать форму и управлять размерами градиентов. Разберёмся с ключевыми словами closest-side, farthest-side, closest-corner, farthest-corner.

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

Прямой эфир с эйчар-директором компании Веб-Центр

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

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

– Чем живёт команда Веб-Центра и какие возможности она даёт для профессионального роста.
– Как происходит адаптация и чему на самом деле учат на старте.
– Почему работа с реальными проектами начинается с первого дня.
– Как поддержка, обмен опытом и неформальная атмосфера помогают расти быстрее.

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

HTML Academy и Medeum — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду Medeum

Подробнее: https://tml.io/bigtech-medeum

Medeum — это аккредитованная IT-компания, занимающаяся разработкой прикладных сервисов и реализующая аналитические проекты с целью внедрения технологий в реальный сектор экономики и реализации цифровой трансформации.

#работодателиhtmlacademy

Перевели инструкцию по новому синтаксису @if в Angular.

Секундочку, Angular?!

https://htmlacademy.ru/blog/js/angular-if-syntax

[Новый курс] Погрузитесь в радиальные градиенты в новом бесплатном курсе. Наглядно, интерактивно, без воды!

htmlacademy.ru/demos/199

Познакомимся с функцией radial-gradient(), научимся создавать простые градиенты, управлять списком колорстопов и расположением центра градиента. А также разберёмся, что влияет на форму радиального градиента.

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

Монументальный и полезнейший чек-лист для дизайнеров от разработчика про подготовку макета к вёрстке

https://lepekhin.studio/ru/notes/post/designer-checklist

Михаил Воробьёв, фронтенд-разработчик Студии Лепёхина, делится практическим чек-листом для дизайнеров, чтобы избежать типичных ошибок при передаче макета в разработку. Он подробно рассматривает важные аспекты, такие как адаптивность интерфейса, поведение элементов на разных экранах, обработку пустых состояний и переполнение контента.​

Эта статья будет особенно полезна начинающим фронтендерам и дизайнерам, помогая им понять, на что обращают внимание опытные разработчики при вёрстке. Опытные фронтендеры также найдут здесь полезные советы для улучшения взаимодействия с дизайнерами и повышения качества конечного продукта.

---

Студия Лепёхина — наш официальный партнёр-работодатель. Выпускники совместной программы обучения смогут трудоустроиться в компанию. Подробнее о совместной программе: tml.io/joint-lepekhin

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

HTML Academy и Purrweb — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду Purrweb

Подробнее: https://tml.io/bigtech-purrweb

Вот уже 10 лет компании Purrweb доверяют стартапы и крупные компании разработку мобильных, веб- и десктопных приложений. За это время мы выросли из 2х фрилансеров в команду составом 200 человек и не планируем останавливаться.

#работодателиhtmlacademy

В сентябре 2024 в Baseline в статусе Widely-available вошло CSS-свойство backdrop-filter. Оно делает красивое: позволяет применить фильтры (размытие, контраст, яркость, и прочее) к фону за элементом. Не к самому элементу, а именно к тому, что за ним — это важно.

То есть если у вас есть модальное с полупрозрачным фоном, вы можете сделать так, чтобы то, что под ней, красиво размывалось, как в macOS или на айфоне. Это и есть главное применение backdrop-filter.

👉 https://htmlacademy.ru/blog/css/backdrop-filter

8 решений из HTML и CSS, которые пора забыть в 2025

Раньше простые на первый взгляд задачи требовали довольно много возни. Центрировать блок? Нужно позиционирование и расчёты. Сделать сетку? Пропорции вручную и осторожное управление отступами. Обновить страницу автоматически? Либо писать скрипт, либо настраивать сервер. Работало, но всегда казалось, что можно проще.

И наконец-то стало. Смотрите, как просто:

👉 https://htmlacademy.ru/blog/html/new-things-in-layout

Поиск с конца массива в JS

Недавно в JavaScript появились два полезных метода для массивов: findLast и findLastIndex. Они делают то же, что и привычные find и findIndex, только проходят массив с конца.

Показываем, как ими пользоваться (даже если лапки):

👉 https://htmlacademy.ru/blog/js/find-last

HTML Academy и Aston — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду Aston

Подробнее: https://tml.io/bigtech-aston

Компания Aston представлена на российском рынке с 2007 года, предоставляя услуги разработки программного обеспечения и IT-аутсорсинга предприятиям, организациям и стартапам.

#работодателиhtmlacademy

😼 Майские продолжаются — а значит, можно успеть не только отдохнуть, но и прокачаться.

Если уже съели всё с мангала и пересмотрели все сериалы — самое время заняться собой.
Прокачайте стек: TypeScript, шаблонизаторы, анимации, алгоритмы и не только. Всё, что выводит на уровень мидл-разработчика — в одном месте.

💡Чем шире стек — тем выше ставка. Это не лозунг, это рынок.

До 9 мая — скидка 70 % на все мидл-курсы и пакеты.
Курсов целых 19 — вы точно найдёте для себя что-то интересное.

👉 Выбрать можно здесь — https://tml.io/levelup_courses
👉Промокод: MAYUMNO — введите при оплате и получите скидку.

Остались вопросы? Пишите в https://tml.io/telegram

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

Анимация по любой траектории с offset-path

У вас же было такое, что ждёте курьера или доставку, а их всё нет и нет? Заходите сайт, обновляете статус, а там «В пути» и больше никакой информации. У нас вот было много раз.

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

И вот как сделать такое на чистом CSS с помощью offset-path, уже доступного во всех браузерах.

👉 https://htmlacademy.ru/blog/css/offset-path