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.55K
Photos
5.6K
Videos
190
Links
3.5K

Showing posts older than #8596 · Back to latest

Older Posts 16 shown
Post #8595 1.14K
Модальное окно — частая задача и частый источник багов. Затемнение, блокировка прокрутки, ловушка фокуса, Escape — каждый пункт легко сломать.

Тег <dialog> берёт это на себя. Открыть, закрыть, стилизовать фон — на встроенных методах и одном псевдоэлементе. С 2022 года работает во всех современных браузерах. В статье — как устроен и что важно знать перед продакшеном. #html #dialog

👀 Читать статью
  • ❤‍🔥 8
  • ❤ 4
  • 🔥 2
  • 👍 1
Post #8594 1.16K
Самый частый способ получить последний элемент массива в JavaScript — arr[arr.length - 1]. Громоздко, и нужно знать длину.

Метод .at() вошёл в стандарт ECMAScript в 2022 году и делает это короче: arr.at(-1) — последний, arr.at(-2) — предпоследний. Работает не только на массивах. Подробности и нюансы — в статье. #js #webdev

⚡ Читать статью
  • 🔥 6
  • ❤‍🔥 3
  • 👍 3
Post #8593 1.18K
article a, aside a, footer a — список из трёх селекторов. С :is() его можно записать как один: :is(article, aside, footer) a.

У :is() и :where() есть один нюанс, из-за которого они работают по-разному: специфичность. Один из них её повышает, второй — нет, и от этого зависит, где их безопасно применять. Разбираемся в статье. #css #webdev

📂 Читать статью
  • ❤‍🔥 4
  • 👍 4
Post #8592 1.27K
HTML Academy Закрытие сезона на Кексодаче. Кекс вернулся, «Запорожец» опять завёлся со второй попытки, колесо снято с навеса и стоит у ворот. Урожай этого сезона остался — морковь, кабачки, прошлогоднее варенье. Делиться есть чем. Три дня и потом ворота закрываются до…
Сегодня Кекс закрывает Кексодачу.

К вечеру — досками теплицу, потушить мангал, проводить лягушек, снять колесо с петель. С завтрашнего дня ворота закрыты, колесо в сарае до следующего мая.

Если откладывали — последние часы. Скидка до 50% на любой курс Академии работает до ночи.

🌸 Зайдите на htmlacademy.ru до полуночи, крутаните колесо и заберите свою скидку. Завтра ворота закрыты до следующего мая.
  • 🔥 2
  • 😱 1
  • 🤣 1
Post #8591 1.12K
HTML Academy «Я постою над тобой и не дай бог шаг вправо, шаг влево» — CEO про джуна пять лет назад Максим Заруцкий из MediaMint это помнит и не скрывает: пять лет назад он бы сказал джуну — полгода в офисе, надо посидеть, познакомиться. Сегодня берёт новичка на удалёнку…
«Есть технари, есть гуманитарии — хочется посмотреть, как мыслит человек»

Максим Заруцкий, CEO MediaMint, про интервью с выпускником совместной программы обучения. В клипе — помимо кода, на что ещё смотрят и как устроен испытательный срок после интервью.

Запись эфира: смотреть на YouTube | смотреть в VK

🧠 Программа обучения
  • ❤ 3
  • ❤‍🔥 2
  • 👍 1
Post #8588 836

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

После курса вы соберёте микроанимации для состояний :hover и :focus, морфинг SVG-логотипа через анимацию атрибута d, прорисовку иллюстрации через stroke-dasharray и stroke-dashoffset, Canvas-сцены с физикой и собственными функциями плавности, шейдерные эффекты на GLSL (цветовые фильтры, маски, displacement, шум Перлина), трёхмерные сцены на Three.js с Camera Rig и шейдерной постобработкой — без сторонних анимационных библиотек.

Разберётесь в пайплайне отрисовки браузера и поймёте, почему transform и opacity не вызывают пересчёт раскладки и перерисовку, а left запускает их заново. Узнаете, как читать prefers-reduced-motion, отлаживать FPS в DevTools и применять 12 принципов анимации Disney к интерфейсам.

В WebGL увидите, что происходит между вершинным и фрагментным шейдером, как передавать данные через attributes, uniforms и varying. В Three.js научитесь изолировать движения через Group, делать сжатие и растяжение с сохранением объёма и проектировать Camera Rig под конкретную задачу.

А ещё GSAP, Snap.svg и PixiJS — чтобы наверняка. #htmlacademy #levelup

🎁 Подробнее
  • ❤‍🔥 4
  • 👍 3
  • ❤ 1
  • 😱 1
Post #8587 1.13K
HTML Academy Кекс возвращается на Кексодачу завтра. В город он уезжал по делам Академии — за неделю там накопились ревью, релизы и встречи с наставниками. Колесо у ворот висело под навесом, ждало хозяина. Завтра Кекс снова заведёт «Запорожец», снимет колесо с гвоздя…
Закрытие сезона на Кексодаче.

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

Три дня и потом ворота закрываются до следующего года. Кто не успел в открытие или забыл забрать свою корзинку — приходите сейчас. Скидка до 50% на любой курс HTML Academy.

🌸 Зайдите на htmlacademy.ru, нажмите кнопку с колесом и крутаните его. Скидка применяется к любой профессии или интенсиву. До 10 мая.
  • ❤‍🔥 2
  • 👍 2
Post #8586 1.03K
Слайдер пригодится для блока с отзывами, страницы с командой или галереи товаров. Внутри — работа с DOM, хранение текущего индекса и обработчики событий: знакомый набор задач, которые в JavaScript решают разными способами.

В статье — один из вариантов на чистом JavaScript: как найти элементы разметки, инициализировать slideIndex, повесить обработчики на кнопки и обновить отображение активного слайда. В конце — список готовых библиотек на случай, если писать с нуля не нужно. #js #webdev

➡️ Читать статью
  • ❤‍🔥 4
  • ⚡ 2
Post #8585 1.06K
HTML Academy Сегодня Кекс закрывает первую часть сезона. Колесо у ворот крутится последний день. К вечеру — навес, обещают дождь. До восьмого мая Кекс уезжает в город по делам Академии. Если за эти три дня не успели — закрытие сезона будет 8–10 мая, тогда колесо вернётся…
Кекс возвращается на Кексодачу завтра.

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

Завтра Кекс снова заведёт «Запорожец», снимет колесо с гвоздя и откроет ворота на закрытие сезона. Три дня — последний шанс взять корзинку со скидкой до 50%.

Колесо появится у ворот завтра. Зайдите на htmlacademy.ru с 8 по 10 мая, крутаните и заберите свою скидку — после до следующего мая.
  • ❤‍🔥 2
  • 🔥 2
Post #8584 1.11K
Воодушевлённый старт быстро сменяется усталостью, перегрузом и сомнением «справлюсь ли». Через это проходят почти все, и преодолимо это вполне обычными методами.

Собрали практические советы из отзывов выпускников прошлых потоков: как подобрать темп под свою нагрузку, зачем заранее пройти бесплатные тренажёры, чем помогает студенческий чат и в какой момент стоит остановиться, чтобы мозг успел усвоить материал. Полезно прочитать до старта курса. #study #webdev

✨ Читать статью
  • ❤‍🔥 3
  • 🔥 2
  • ❤ 1
Post #8583 1.21K
«Доброго времени суток. Прошу рассмотреть мою кандидатуру. Коммуникабельный, стрессоустойчивый, целеустремлённый» — три фразы, на которых рекрутёр закрывает письмо.

В статье разобрали, как письму выглядеть иначе: с какой структуры начать, как обратиться к рекрутёру по имени, как описать опыт фактами, как закрыть слабые места честно. В конце — готовый пример сопроводительного на вакансию фронтенд-разработчика. #resume #advice

📎 Читать статью
  • ❤‍🔥 4
  • 👍 3
  • 🔥 2
Post #8582 1.25K
HTML Academy Кексодача открыта. Ворота настежь, «Запорожец» завёлся со второй попытки, колесо у входа готово. Кекс особенно ждёт ландшафтных дизайнеров — после зимы грядки требуют свежей раскладки. На делениях колеса — корзинки со скидками до 50% на любой курс HTML Academy.…
Сегодня Кекс закрывает первую часть сезона.

Колесо у ворот крутится последний день. К вечеру — навес, обещают дождь. До восьмого мая Кекс уезжает в город по делам Академии.

Если за эти три дня не успели — закрытие сезона будет 8–10 мая, тогда колесо вернётся к воротам. Но за корзинкой проще сейчас, пока Кекс на месте: скидка до 50% на любой курс.

🌸 Зайдите на htmlacademy.ru, крутаните колесо до вечера и заберите свою скидку. Закрытие сезона будет 8–10 мая.
  • ❤‍🔥 3
  • 🔥 2
Post #8581 1.18K
Год с AI-кодингом в команде: что CEO MediaMint понял про границы «помощника»

Максим Заруцкий — про практику без хайпа. Что произошло с командой за год работы с Cursor, в чём разница между «помощником» и «исполнителем» и почему «бездумно» с AI — самая частая ошибка, которую он видит у разработчиков.

Три минуты, чтобы услышать опыт компании, у которой AI работает в команде, а не в презентации.

Запись эфира: смотреть на YouTube | смотреть в VK

🧠 Программа обучения
  • ❤‍🔥 2
  • 👍 2
  • 🔥 2
  • ❤ 1
Post #8578 857

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

Мастер анимаций: SVG-анимации

На курсе мы собрали три подхода в одном месте. Разберём анимацию SVG через CSS, SMIL и JavaScript, освоим библиотеки KUTE.js, Anime.js, Snap.svg и GSAP. Вы научитесь подбирать инструмент под задачу, готовить и оптимизировать SVG, понимать, когда честнее перейти на Canvas.

Внутри — 50 примеров с пошаговым разбором: кастомный курсор, морфинг форм и иконок, анимация по таймлайну, эффект закрашивания, анимация графиков и диаграмм, работа с SVG-масками, фильтрами и паттернами. Каждый можно повторить и адаптировать под свой проект. #htmlacademy #levelup

🎁 Смотреть программу
  • 🔥 3
  • ❤‍🔥 1
Post #8577 903
HTML Academy 🍀 На Кексодаче готовятся к майским. Кекс приехал к воротам, проверил петли, починил колесо у входа — оно у нас собрано из обода старого велосипеда и подшипника от «Малютки». Грядки за зиму подзаросли, лягушки уже расселись на лилиях точно через space-between.…
Кексодача открыта.

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

На делениях колеса — корзинки со скидками до 50% на любой курс HTML Academy. Профессии и интенсивы — что выберете, на то и применится.

🟢 Зайдите на htmlacademy.ru, нажмите кнопку с колесом и крутаните его. Промокод придёт сразу, скидка применяется к любой профессии или интенсиву. Открытие сезона до 3 мая.
  • ❤ 7
  • ❤‍🔥 1
  • 🔥 1
Post #8570 951
Относитесь к себе бережно — не ругайте, если что-то не выходит, и хвалите, если получается.
  • ❤‍🔥 13
  • 👍 4
  • ⚡ 3
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 →