Ты умеешь верстать. Но насколько хорошо ты это делаешь?
Участие бесплатное для выпускников наших профессий. Никаких задач «на скорость» или упрощённых решений — только работа, которая реально прокачивает.
Регистрируйся на лендинге. Пропустишь сейчас — придётся ждать следующего раза. А будет ли он?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥3👍2🔥2❤1
Чемпионат стартует завтра. Да, завтра-завтра. Без переносов.
Увидимся → https://htmlacademy.ru/contest
Увидимся → https://htmlacademy.ru/contest
🔥8
This media is not supported in your browser
VIEW IN TELEGRAM
Мы перезапускаем самую человеческую рассылку для айтишников.
Каждую пятницу, начиная с сентября, мы будем присылать письма с подборками свежих материалов, ссылками на интересные статьи и щепоткой фирменного юмора.
Никакого спама, никакого AI — только живые тексты, написанные руками.
👉 Подписаться
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥30❤🔥10
Wemakefab — дизайн-партнёр чемпионата по вёрстке. Они лучшие, и мы их любим.
Топ-2 дизайн-агентство в РФ по версии Ruward. Больше 150 наград за дизайн и разработку, в том числе Awwwards и CSS Design Awards.
(И да, за их макеты мы готовы отдать сердце разработчика: всё промерено, всё имеет состояние — сплошная радость аккуратной вёрстки)
https://htmlacademy.ru/contest
Топ-2 дизайн-агентство в РФ по версии Ruward. Больше 150 наград за дизайн и разработку, в том числе Awwwards и CSS Design Awards.
(И да, за их макеты мы готовы отдать сердце разработчика: всё промерено, всё имеет состояние — сплошная радость аккуратной вёрстки)
https://htmlacademy.ru/contest
🔥7❤🔥6👍2
📚 Сентябрь — лучший повод прокачать фронтенд!
1–7 сентября проводим неделю знаний от HTML Academy. Вместе с нашими партнёрами-работодателями — NAUKA, KLBR Studio и TravelLine — на неделю открываем бесплатный доступ к тренажёрам с заданиями и испытаниями.
Вызовы и мастер-классы — по активной подписке; баллы за них учитываются в общем зачёте.
Что вас ждёт?
— 895 заданий и 151 испытание по HTML, CSS, SVG и JavaScript.
— Рейтинг: выполняйте задания и испытания, поднимайтесь в топ-30.
— Викторина на неделю — 200 вопросов, баллы за правильные ответы.
Зовите друзей, проходите задания и повышайте шансы на призы. Подробнее — на лендинге.
Стартуем 1 сентября — удачи!
Подробнее об акции | Telegram-бот
1–7 сентября проводим неделю знаний от HTML Academy. Вместе с нашими партнёрами-работодателями — NAUKA, KLBR Studio и TravelLine — на неделю открываем бесплатный доступ к тренажёрам с заданиями и испытаниями.
Что вас ждёт?
— 895 заданий и 151 испытание по HTML, CSS, SVG и JavaScript.
— Рейтинг: выполняйте задания и испытания, поднимайтесь в топ-30.
— Викторина на неделю — 200 вопросов, баллы за правильные ответы.
Зовите друзей, проходите задания и повышайте шансы на призы. Подробнее — на лендинге.
Стартуем 1 сентября — удачи!
Подробнее об акции | Telegram-бот
🔥9❤5❤🔥2⚡1
Псевдокласс
Когда применять, чем
📌 Читать статью
:default : стилизация предустановленных значенийЕсли вы делаете форму с радиокнопками, выпадающими списками или хотите показать «стартовый» вариант — используйте :default и сделайте интерфейс понятнее с первого взгляда.Когда применять, чем
:default отличается от :checked, и какие ограничения нужно учитывать?Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11⚡4❤🔥3👍1
Новый выпуск «CSS Боль»!
На этот раз разбираем радиальные градиенты — инструмент, который часто недооценивают.
1️⃣ как работает
2️⃣ что такое color stops и как с их помощью управлять плавностью или делать резкие границы;
3️⃣ почему градиент не всегда круг и как влиять на его форму;
4️⃣ как сдвигать центр, чтобы получить необычные эффекты;
5️⃣ анимация радиальных градиентов с CSS-переменными (и почему без них не получится).
Если вы когда-то копировали готовый код градиентов, но не понимали, почему он работает — этот выпуск для вас.
Смотреть на YT | Смотреть в VK
На этот раз разбираем радиальные градиенты — инструмент, который часто недооценивают.
radial-gradient() и зачем нужен gradient box;Если вы когда-то копировали готовый код градиентов, но не понимали, почему он работает — этот выпуск для вас.
Смотреть на YT | Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤2⚡2❤🔥2👍1
Неделя знаний: что можно выиграть и как увеличить шансы?
Всего 14 призов. Разыгрываем профессии и курсы для мидлов. Финал в эфире 8 сентября в 20:00 (MSK) — ссылку пришлём в боте.
Как это устроено:
➿ 7 призов среди всех, кто по итогам недели вошёл в топ-30 рейтинга;
➿ ещё 7 призов — среди тех, у кого засчитано 20+ часов практики и есть попадание в топ-30.
План-победителя (супер короткая версия):
📌 каждый день проходим задания и закрываем испытания;
📌 отвечаем на вопросы викторины не спеша, но без пропусков;
📌 зовём пару друзей — так интереснее, а баллы лишними не бывают;
📌 фиксируем прогресс к вечеру и держим ровный темп до финала.
Итоги подведём 8 сентября на розыгрыше в 20:00.
Подробнее об акции | Telegram-бот
Всего 14 призов. Разыгрываем профессии и курсы для мидлов. Финал в эфире 8 сентября в 20:00 (MSK) — ссылку пришлём в боте.
Как это устроено:
План-победителя (супер короткая версия):
Итоги подведём 8 сентября на розыгрыше в 20:00.
Подробнее об акции | Telegram-бот
Please open Telegram to view this post
VIEW IN TELEGRAM
Прямой эфир c Wemakefab
Вместе с дизайнером из Wemakefab обсудим подход студии к макетам и то, как смотреть на макет чемпионата по вёрстке:
⭐️ какие ожидания по аккуратности и качеству,
⭐️ как организовать работу и на что обратить внимание.
На эфире ответим на заранее собранные вопросы участников чемпионата о макете и связанных с ним требованиях.
Подключайся в 12:00 (MSK)
Смотреть на YT | Смотреть в VK
Вместе с дизайнером из Wemakefab обсудим подход студии к макетам и то, как смотреть на макет чемпионата по вёрстке:
На эфире ответим на заранее собранные вопросы участников чемпионата о макете и связанных с ним требованиях.
Подключайся в 12:00 (MSK)
Смотреть на YT | Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤🔥3⚡2👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤3❤🔥3🔥2⚡1
Чемпионат идёт полным ходом, а мы продолжаем знакомить вас с партнёрами!
Мы стартовали в среду в 12:00, и с тех пор кипит жизнь:
⚡️ участники обсуждают решения, задают вопросы, делятся опытом,
⚡️ немного волнуются — всё как на настоящем чемпионате!
А ещё сегодня прошёл прямой эфир с Wemakefab. И это только начало! Оставайтесь с нами — расскажем, кто ещё следит за вашим кодом.
https://htmlacademy.ru/contest
Мы стартовали в среду в 12:00, и с тех пор кипит жизнь:
А ещё сегодня прошёл прямой эфир с Wemakefab. И это только начало! Оставайтесь с нами — расскажем, кто ещё следит за вашим кодом.
https://htmlacademy.ru/contest
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4❤🔥2🔥2👏1
Paratype — шрифтовой партнёр чемпионата по вёрстке. Они лучшие, и мы их тоже любим.
Шрифтовая студия с самой большой коллекцией в России — 1000+ шрифтов. Макет, с которым будут работать участники, — сайт @paratype_fonts.
(И да, за их внимательность к деталям мы снова отдаём сердце разработчика: всё читаемо, всё дышит — верстать одно удовольствие.)
https://htmlacademy.ru/contest
Шрифтовая студия с самой большой коллекцией в России — 1000+ шрифтов. Макет, с которым будут работать участники, — сайт @paratype_fonts.
(И да, за их внимательность к деталям мы снова отдаём сердце разработчика: всё читаемо, всё дышит — верстать одно удовольствие.)
https://htmlacademy.ru/contest
🔥6⚡1
TypeScript для инженеров: проектирование типов, а не просто аннотации
Если цель — снижать класс ошибок за счёт статической проверки и проектировать выразительный API, посмотрите курс по TypeScript.
Главное, что отрабатываем (кратко и по делу):
🔘 Дженерики с ограничениями: параметризация API без
🔘 Сужение типов и дискриминированные объединения: исчерпывающие проверки, отсутствие «мёртвых» веток.
🔘 Conditional / Mapped / Template literal types: производные модели, безопасные ключи и события.
🔘 Вариантность колбэков и сигнатур: корректная совместимость параметров в обработчиках.
🔘 Брендированные (opaque) типы для идентификаторов и единиц: защита от подстановки «не той строки».
Курс про практику проектирования типов: меньше рантайм-сюрпризов, больше строгости на этапе компиляции. Подробности на лендинге.
https://htmlacademy.ru/levelup/typescript
Если цель — снижать класс ошибок за счёт статической проверки и проектировать выразительный API, посмотрите курс по TypeScript.
Главное, что отрабатываем (кратко и по делу):
any, вывод и значения по умолчанию.Курс про практику проектирования типов: меньше рантайм-сюрпризов, больше строгости на этапе компиляции. Подробности на лендинге.
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
❤🔥4👍3🔥2