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

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

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

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

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

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

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

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

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

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

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

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

Я сам пришёл в Garage Eight джуном, а сейчас руковожу фронтендом

Утром к нам на эфир заглянул Денис Радченко, лид фронтенда в Garage Eight — международная продуктовая IT-компания, которая создаёт цифровые экосистемы для клиентов из Азии, Европы, Латинской Америки и Африки. Обсудили, как устроена компания, какие задачи решают разработчики и как попасть на оплачиваемую стажировку.

Особое внимание уделяется современному стеку: компания переходит с Vue.js на React и TypeScript, активно использует Canvas и WebGL для сложных графиков, а все решения обсуждаются внутри команды. Можно напрямую узнать, как принимаются технологические решения и почему обновления и единый стек стали важной частью культуры.

Как попасть в Garage Eight и что ждёт внутри? Ответы есть в записи эфира — выбирайте площадку и смотрите.

Смотреть запись в VK | Смотреть запись на YT | Программа обучения

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

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

Timeweb — один из крупнейших хостинг-провайдеров в России и СНГ, который предлагает лучшие решения для разных задач: от персональных блогов и сайтов-визиток до интернет-магазинов и маркетплейсов

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

10 CSS-свойств, которые упрощают код и улучшают интерфейс

В статье разбираем редко используемые свойства — от caret-color до mix-blend-mode и overflow-anchor. Показываем, как за минимальное количество строк улучшить UI, заменить JS‑хак и сделать интерфейс чище и круче.

Если часто пишете интерфейсный CSS — статья поможет писать аккуратнее и с большим контролем.

👉 https://htmlacademy.ru/blog/css/10-unknown-properties

😼 День молодёжи — повод не только повеселиться, но и прокачать навыки.

Если вы уже в коде не первый день и хочется уверенности на новом уровне — самое время прокачать стек. TypeScript, Vue, Git, анимации — всё, что переводит из «я учусь» в «я уже могу».

💡 Чем больше умеете — тем больше выбор вакансий. Это не мотивация, это рынок.

До 30 июня — скидка 50 % на все курсы для развития навыков.

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

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

Время начать учиться по-взрослому. В своём ритме, но с результатом.

Как нарисовать круг без border-radius

Обычно круг рисуют с помощью border-radius, но есть и другие способы — с помощью aspect-ratio, inline-size, block-size и border. В статье показываем, как собрать аккуратную круглую плашку без лишней обёртки и CSS-хаков.

Решение простое, кроссбраузерное и удобное, если вы верстаете списки с кастомным UI. Показываем, где оно сработает, а где нет, и как обойти ограничения.

👉 https://htmlacademy.ru/blog/css/round

Показываем фокус, но не везде

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

Разбираем поведение свойства, браузерную поддержку и технику graceful degradation — так, чтобы фокус оставался доступным, но не отвлекал.

👉 https://htmlacademy.ru/blog/css/focus-visible

[Новый курс] Конические градиенты — короли современных декоративных эффектов и анимаций! Ими обязан владеть каждый фрнтендер. Познайте же конические градиенты в новом бесплатном курсе.

https://htmlacademy.ru/demos/211

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

P.S.: без конических градиентов даже рамку красивую сделать не получится, а реакт в этом не поможет, и тайпскрипт тоже не поможет

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

Выпустили 20 испытаний для второй главы курса про радиальные градиенты, 14 лёгких и 6 средних. Давайте закреплять навыки!

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

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

Если вы хотите бесплатно познакомиться с теорией про радиальные градиенты, то вам сюда:

https://htmlacademy.ru/demos/201

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

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

Izum Digital — агентство, которое специализируется на разработке креативных сайтов на TapTop и WebFlow. Мы добавляем изюминку в каждый проект, делая его особенным и запоминающимся. Телеграм агентства — https://t.me/IZUMDIGITAL

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

Выпустили 26 испытаний по коническим градиентам, 15 лёгких и 11 средних. Пройдите их и докажите, что вы мастер градиентов!

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

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

Бесплатный интерактивный туториал по коническим градиентам, для тех, кому просто посмотреть:

https://htmlacademy.ru/demos/211

В июле 2024 года в Академии появился новейший формат профессий — совместные программы обучения под конкретного работодателя. Первый поток, запущенный с компанией NAUKA, успешно завершился в феврале. Выпускники попали на оплачиваемую стажировку, а затем в штат.

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

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

Читать всю историю —
https://telegra.ph/Otzyv-vypusknicy-sovmestnoj-programmy-NAUKA-x-HTML-Academy-07-14

Какие доклады поставить в главный зал FrontendConf?

На FrontendConf 2025 уже всё утвердили, кроме одной детали: какие темы отправить в главный зал. Выбирать предлагается честно и эгоистично — голосуйте только за те доклады, куда действительно хотели бы пойти сами.

Почему это важно? Так формируется реальный интерес, и в главном зале не будет скучно или тесно. Среди прочих докладов есть, кстати, тема Саши Першина про Negative border radius — так, к слову.

Пройти опрос (это буквально пара минут) можно до 31 июля. В благодарность получите доступ к архиву из 467 видео и промокод на билет.

https://docs.google.com/forms/d/e/1FAIpQLSeiJuYfyK5CbpEcbQ0kkRpM3PsMoAF0yrYnP3yXxqjLEV2CGA/viewform