TGViewer
Channel Public Channel
HTML Academy

HTML Academy

@htmlacademy

Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Open in Telegram
Subscribers
9.54K
Photos
5.6K
Videos
190
Links
3.5K

Showing posts older than #8179 · Back to latest

Older Posts 18 shown
Post #8178 1.62K
Красим посещённые ссылки: псевдоклассы :link, :visited и :any-link
➿➿➿➿➿➿➿➿➿➿➿
Когда вы создаёте веб-страницу, ссылки — один из ключевых элементов интерфейса. Они помогают пользователям перемещаться по сайту или переходить на внешние ресурсы.


В статье разбираем три псевдокласса: :link для непосещённых ссылок, :visited для уже открытых пользователем и современный :any-link, охватывающий оба состояния. Покажем безопасные приёмы стилизации и разберём порядок правил: от общего (:any-link) к более специфичным (:link, :visited), чтобы стили не конфликтовали. #html #css

🌟 Читать статью
  • ❤ 5
Post #8177 1.76K
Как узнать, что юзер кликнул. События мыши в JS
➿➿➿➿➿➿➿➿➿➿➿➿
Мышь — один из самых привычных способов взаимодействия с веб-страницей, и JavaScript даёт разработчику базовые инструменты, чтобы реагировать на действия пользователя. Мышиные события позволяют «слушать» клики и движения, создавая динамичные и удобные интерфейсы.


В статье разбираем ключевые события: click, dblclick, mousedown, mouseup, mousemove, mouseenter, mouseleave и contextmenu. На примерах показываем, как навешивать обработчики, менять состояние интерфейса при нажатии и отслеживать координаты курсора. В конце даём направление для практики: как подступиться к простому перетаскиванию на связке mousedown → mousemove → mouseup. #js #events

🔶 Читать статью
  • ❤‍🔥 5
  • 🔥 5
  • ⚡ 1
Post #8176 1.66K
Визуализация conic-gradient()
#css #frontend #cssgradients
  • 🔥 5
  • ❤‍🔥 1
Post #8175 1.73K
<input> прошёл путь от простых полей до умных типов, которые помогают и пользователю, и браузеру: упрощают ввод, уменьшают ошибки и улучшают доступность.


В HTML очень много типов: email, tel, url, number, range, date, time, color, password, search, file, hidden и другие. На примерах статья показывает, как правильный type даёт семантику и встроенную валидацию: email проверяет формат адреса, tel на смартфонах вызывает цифровую клавиатуру, url ожидает корректный адрес. Это ускоряет ввод и снижает количество ошибок. #html #ally

Читать статью
  • ❤‍🔥 14
  • 🔥 5
  • ⚡ 2
Post #8174 1.6K
Как сделать анимированную светящуюся рамку без JavaScript?
➿➿➿➿➿➿➿➿➿➿➿➿
Правильно — на conic-gradient(). Конические градиенты умеют больше, чем кажется на первый взгляд.

Новый выпуск «CSS Боль» про конические градиенты:
✓ От базового синтаксиса до декоративных эффектов
✓ Как работают color stops и параметры from и at
✓ Почему между первым и последним цветом резкий переход
✓ Проверяем всё по спецификации W3C

Внутри — интерактивная демка, где можно поиграться с каждым примером самостоятельно.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
  • ❤‍🔥 6
  • ⚡ 4
  • 🔥 3
Post #8173 1.69K
FrontendConf 2025 × HTML Academy

Уже на следующей неделе на FrontendConf — крупнейшей профессиональной конференции фронтенд-разработчиков в России — выступит Александр Першин, сооснователь HTML Academy.

Во время доклада соберём мини-утилиту для «обратного радиуса» на чистом CSS. В процессе разберём линейные и радиальные градиенты, маски, CSS-переменные и магию calc().


0️⃣ FrontendConf 2025
1️⃣ 20–21 октября
2️⃣ Кластер «Ломоносов», Москва

Подробнее о докладе → https://frontendconf.ru/moscow/2025/abstracts/15798

P.S. — говорят, что если пройти тест из двух вопросов на сайте конференции, то можно получить 10% скидку на конференцию.
  • 🔥 8
  • ⚡ 3
  • ❤‍🔥 1
  • 👏 1
Post #8172 1.81K
🍎 HTML5 уже совсем большой. Угадайте, сколько ему лет
  • 🤣 16
  • 🤯 2
Post #8171 1.66K
Планы на выходные: посмотреть вчерашний эфир с Only

Час разговора с HR-лидом и тимлидом фронтенда о том, как джунам попасть в digital-агентство.
Главный инсайт: навык коммуникации может быть важнее умения программировать.

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

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🔄 Программа обучения
  • 🔥 8
  • ⚡ 2
  • ❤‍🔥 1
Post #8170 1.52K
Чемпионат по вёрстке — мнение эксперта.

Артём Леванов, выпускник HTML Academy, а теперь Frontend Lead в WebRise, рассказал свои впечатления об уровне участников чемпионата.

#чемпионат #фронтенд
  • 👍 5
  • 🔥 4
Post #8167 1.18K

Forwarded from Как стать мидлом

Мастер анимаций: SVG-анимации
➿➿➿➿➿➿➿➿➿➿➿➿
SVG — стандарт векторной графики в вебе. На курсе мы системно разбираем анимацию векторных изображений: CSS, SMIL и JavaScript. Практикуем GSAP, Anime.js, Snap.svg и KUTE.js. Двигаемся от transform к анимации контуров и траекторий, морфингу, маскам, фильтрам, паттернам и анимации графиков.

После курса вы умеете готовить и оптимизировать SVG, выбирать подходящую технику, собирать таймлайны, анимировать текст, иконки, главные экраны, делать обводку и закрашивание, морфить пути, анимировать диаграммы, отлаживать и ускорять анимации. Понимаете границы SVG и когда переходить к Canvas и D3.js. #htmlacademy #levelup

🌸 Смотреть программу
  • ❤‍🔥 3
  • 👍 3
  • 👏 1
Post #8166 1.77K
Как сделать свой сайт на VPS. Самая простая инструкция
➿➿➿➿➿➿➿➿➿➿➿➿
Женя, похоже, провалился во временную яму: вокруг — двухтысячные и один-единственный веб-сервер — Apache. Чтобы выбраться, он поднял самый простой сервер и записал пошаговую памятку. #vps #linux

Кажется, материал сознательно ограничен базовой настройкой. Домен, SSL, Nginx, а также связки с Node.js и PHP — это логичные следующие шаги.

🌼 Читать статью
  • ❤ 9
  • ⚡ 2
  • ❤‍🔥 1
  • 🔥 1
Post #8165 1.44K
👍 Редакторская рассылка снова с вами!

Мы перезапускаем самую человечную рассылку для айтишников.

Каждую пятницу в вашем инбоксе — свежие материалы, полезные ссылки и немного нашего фирменного юмора.

Никакого спама, никакого AI — только живые тексты, написанные руками.

🔺 Подписаться
  • ❤ 9
  • 👍 4
  • ❤‍🔥 2
Post #8164 1.41K
HTML Academy 👍 Прямой эфир с HRBP и тимлидом фронтенда компании Only HTML Academy и Only запускают второй поток обучения под работодателя. Небольшая группа, практические задачи и менторская поддержка — программа синхронизирована с процессами компании, а выпускники могут…
Вместе с Only запускаем второй поток совместной программы обучения

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

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

https://htmlacademy.ru/events/live-only-2025
  • 👍 6
  • ⚡ 1
Post #8163 1.43K
Напоминаем: завтра в 12:00 (MSK) — прямой эфир HTML Academy × Only о втором потоке программы «Обучение под работодателя».
➿➿➿➿➿➿➿➿➿➿➿➿

И главное — среди первых 100 регистраций на эфир разыграем одно бесплатное место на совместную программу.

Как участвовать:
1️⃣ Зарегистрируйтесь по ссылке ниже.
2️⃣ Подключитесь к трансляции — победителя объявим в финале трансляции.

В эфире обсудим программу второго потока: почему Only делает ставку на сильную вёрстку и JavaScript, как проходят стажировки в команде и какие качества помогают новичкам закрепиться в digital-агентстве.

🪻 Зарегистрироваться на эфир
  • 🔥 5
  • ⚡ 2
  • ❤‍🔥 1
  • 👍 1
Post #8162 1.46K
Как защитить VPS от взлома: 10 простых правил
➿➿➿➿➿➿➿➿➿➿➿➿
Безопасность VPS — не про «поставил пароль и забыл», а про системный подход. В статье собраны десять базовых, но важных мер, которые снижают риск распространённых атак. Полезно и фронтендерам: если вы держите на VPS личные проекты, демо или тестовые стенды — этот минимум стоит знать.

Внутри — минимум для базовой защиты: вход по ключам и запрет паролей, настройка ufw и список допущенных пользователей, fail2ban против брутфорса, автоматические обновления и регулярные бэкапы. Плюс — как следить за логами; бонусом — 2FA для SSH. #vps #security

🔵 Читать статью
  • 🔥 7
  • ⚡ 4
  • ❤ 3
  • ❤‍🔥 1
  • 👍 1
Post #8161 1.52K
HTML Academy Новый выпуск «CSS Боль»! Мы находимся на пороге нового дивного мира, в котором задавать условия отображения стилей можно прямо в СSS! Для этого не хватало удобного механизма сравнения CSS-переменных. Но он появился! Мы разберём удивительно простой приём,…
CSS if() vs JavaScript if()
#css #javascript
  • ❤‍🔥 9
  • ❤ 3
Post #8160 1.47K
Новый выпуск «CSS Боль»!

Мы находимся на пороге нового дивного мира, в котором задавать условия отображения стилей можно прямо в СSS! Для этого не хватало удобного механизма сравнения CSS-переменных. Но он появился! Мы разберём удивительно простой приём, который открывает нам путь в новую эру CSS.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
  • 🔥 6
  • ❤ 4
  • ⚡ 1
  • ❤‍🔥 1
Post #8159 1.46K
👍 Прямой эфир с HRBP и тимлидом фронтенда компании Only

HTML Academy и Only запускают второй поток обучения под работодателя. Небольшая группа, практические задачи и менторская поддержка — программа синхронизирована с процессами компании, а выпускники могут попасть на стажировку.

Приходите на эфир 9 октября в 12:00 (MSK), чтобы:
3️⃣ Познакомиться с Only: как живёт команда и как устроена работа фронтендеров.
2️⃣ Разобрать рабочие процессы: стек, ревью кода, обратная связь.
1️⃣ Понять, что ждёт выпускников на стажировке: формат, продолжительность и оплата — обсудим в эфире.

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

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

https://htmlacademy.ru/events/live-only-2025
  • 🔥 10
  • ❤‍🔥 2
  • ❤ 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →