Относитесь к себе бережно — не ругайте, если что-то не выходит, и хвалите, если получается.
❤🔥13
HTML Academy
Кексодача открыта.
Ворота настежь, «Запорожец» завёлся со второй попытки, колесо у входа готово. Кекс особенно ждёт ландшафтных дизайнеров — после зимы грядки требуют свежей раскладки.
На делениях колеса — корзинки со скидками до 50% на любой курс HTML Academy. Профессии и интенсивы — что выберете, на то и применится.
🟢 Зайдите на htmlacademy.ru, нажмите кнопку с колесом и крутаните его. Промокод придёт сразу, скидка применяется к любой профессии или интенсиву. Открытие сезона до 3 мая.
Ворота настежь, «Запорожец» завёлся со второй попытки, колесо у входа готово. Кекс особенно ждёт ландшафтных дизайнеров — после зимы грядки требуют свежей раскладки.
На делениях колеса — корзинки со скидками до 50% на любой курс HTML Academy. Профессии и интенсивы — что выберете, на то и применится.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7❤🔥1🔥1
Forwarded from Как стать мидлом
Мастер анимаций: SVG-анимации
На курсе мы собрали три подхода в одном месте. Разберём анимацию SVG через CSS, SMIL и JavaScript, освоим библиотеки KUTE.js, Anime.js, Snap.svg и GSAP. Вы научитесь подбирать инструмент под задачу, готовить и оптимизировать SVG, понимать, когда честнее перейти на Canvas.
Внутри — 50 примеров с пошаговым разбором: кастомный курсор, морфинг форм и иконок, анимация по таймлайну, эффект закрашивания, анимация графиков и диаграмм, работа с SVG-масками, фильтрами и паттернами. Каждый можно повторить и адаптировать под свой проект. #htmlacademy #levelup
🎁 Смотреть программу
На курсе мы собрали три подхода в одном месте. Разберём анимацию SVG через CSS, SMIL и JavaScript, освоим библиотеки KUTE.js, Anime.js, Snap.svg и GSAP. Вы научитесь подбирать инструмент под задачу, готовить и оптимизировать SVG, понимать, когда честнее перейти на Canvas.
Внутри — 50 примеров с пошаговым разбором: кастомный курсор, морфинг форм и иконок, анимация по таймлайну, эффект закрашивания, анимация графиков и диаграмм, работа с SVG-масками, фильтрами и паттернами. Каждый можно повторить и адаптировать под свой проект. #htmlacademy #levelup
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
Media is too big
VIEW IN TELEGRAM
Год с AI-кодингом в команде: что CEO MediaMint понял про границы «помощника»
Максим Заруцкий — про практику без хайпа. Что произошло с командой за год работы с Cursor, в чём разница между «помощником» и «исполнителем» и почему «бездумно» с AI — самая частая ошибка, которую он видит у разработчиков.
Три минуты, чтобы услышать опыт компании, у которой AI работает в команде, а не в презентации.
Запись эфира: смотреть на YouTube | смотреть в VK
🧠 Программа обучения
Максим Заруцкий — про практику без хайпа. Что произошло с командой за год работы с Cursor, в чём разница между «помощником» и «исполнителем» и почему «бездумно» с AI — самая частая ошибка, которую он видит у разработчиков.
Три минуты, чтобы услышать опыт компании, у которой AI работает в команде, а не в презентации.
Запись эфира: смотреть на YouTube | смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥2👍2🔥2❤1
HTML Academy
Кексодача открыта. Ворота настежь, «Запорожец» завёлся со второй попытки, колесо у входа готово. Кекс особенно ждёт ландшафтных дизайнеров — после зимы грядки требуют свежей раскладки. На делениях колеса — корзинки со скидками до 50% на любой курс HTML Academy.…
Сегодня Кекс закрывает первую часть сезона.
Колесо у ворот крутится последний день. К вечеру — навес, обещают дождь. До восьмого мая Кекс уезжает в город по делам Академии.
Если за эти три дня не успели — закрытие сезона будет 8–10 мая, тогда колесо вернётся к воротам. Но за корзинкой проще сейчас, пока Кекс на месте: скидка до 50% на любой курс.
🌸 Зайдите на htmlacademy.ru, крутаните колесо до вечера и заберите свою скидку. Закрытие сезона будет 8–10 мая.
Колесо у ворот крутится последний день. К вечеру — навес, обещают дождь. До восьмого мая Кекс уезжает в город по делам Академии.
Если за эти три дня не успели — закрытие сезона будет 8–10 мая, тогда колесо вернётся к воротам. Но за корзинкой проще сейчас, пока Кекс на месте: скидка до 50% на любой курс.
Please open Telegram to view this post
VIEW IN TELEGRAM
«Доброго времени суток. Прошу рассмотреть мою кандидатуру. Коммуникабельный, стрессоустойчивый, целеустремлённый» — три фразы, на которых рекрутёр закрывает письмо.
В статье разобрали, как письму выглядеть иначе: с какой структуры начать, как обратиться к рекрутёру по имени, как описать опыт фактами, как закрыть слабые места честно. В конце — готовый пример сопроводительного на вакансию фронтенд-разработчика. #resume #advice
📎 Читать статью
В статье разобрали, как письму выглядеть иначе: с какой структуры начать, как обратиться к рекрутёру по имени, как описать опыт фактами, как закрыть слабые места честно. В конце — готовый пример сопроводительного на вакансию фронтенд-разработчика. #resume #advice
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4👍3🔥2
Воодушевлённый старт быстро сменяется усталостью, перегрузом и сомнением «справлюсь ли». Через это проходят почти все, и преодолимо это вполне обычными методами.
Собрали практические советы из отзывов выпускников прошлых потоков: как подобрать темп под свою нагрузку, зачем заранее пройти бесплатные тренажёры, чем помогает студенческий чат и в какой момент стоит остановиться, чтобы мозг успел усвоить материал. Полезно прочитать до старта курса. #study #webdev
✨ Читать статью
Собрали практические советы из отзывов выпускников прошлых потоков: как подобрать темп под свою нагрузку, зачем заранее пройти бесплатные тренажёры, чем помогает студенческий чат и в какой момент стоит остановиться, чтобы мозг успел усвоить материал. Полезно прочитать до старта курса. #study #webdev
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥3
HTML Academy
Сегодня Кекс закрывает первую часть сезона. Колесо у ворот крутится последний день. К вечеру — навес, обещают дождь. До восьмого мая Кекс уезжает в город по делам Академии. Если за эти три дня не успели — закрытие сезона будет 8–10 мая, тогда колесо вернётся…
Кекс возвращается на Кексодачу завтра.
В город он уезжал по делам Академии — за неделю там накопились ревью, релизы и встречи с наставниками. Колесо у ворот висело под навесом, ждало хозяина.
Завтра Кекс снова заведёт «Запорожец», снимет колесо с гвоздя и откроет ворота на закрытие сезона. Три дня — последний шанс взять корзинку со скидкой до 50%.
Колесо появится у ворот завтра. Зайдите на htmlacademy.ru с 8 по 10 мая, крутаните и заберите свою скидку — после до следующего мая.
В город он уезжал по делам Академии — за неделю там накопились ревью, релизы и встречи с наставниками. Колесо у ворот висело под навесом, ждало хозяина.
Завтра Кекс снова заведёт «Запорожец», снимет колесо с гвоздя и откроет ворота на закрытие сезона. Три дня — последний шанс взять корзинку со скидкой до 50%.
Колесо появится у ворот завтра. Зайдите на htmlacademy.ru с 8 по 10 мая, крутаните и заберите свою скидку — после до следующего мая.
Слайдер пригодится для блока с отзывами, страницы с командой или галереи товаров. Внутри — работа с DOM, хранение текущего индекса и обработчики событий: знакомый набор задач, которые в JavaScript решают разными способами.
В статье — один из вариантов на чистом JavaScript: как найти элементы разметки, инициализировать
➡️ Читать статью
В статье — один из вариантов на чистом JavaScript: как найти элементы разметки, инициализировать
slideIndex, повесить обработчики на кнопки и обновить отображение активного слайда. В конце — список готовых библиотек на случай, если писать с нуля не нужно. #js #webdevPlease open Telegram to view this post
VIEW IN TELEGRAM
❤🔥3⚡2
HTML Academy
Кекс возвращается на Кексодачу завтра. В город он уезжал по делам Академии — за неделю там накопились ревью, релизы и встречи с наставниками. Колесо у ворот висело под навесом, ждало хозяина. Завтра Кекс снова заведёт «Запорожец», снимет колесо с гвоздя…
Закрытие сезона на Кексодаче.
Кекс вернулся, «Запорожец» опять завёлся со второй попытки, колесо снято с навеса и стоит у ворот. Урожай этого сезона остался — морковь, кабачки, прошлогоднее варенье. Делиться есть чем.
Три дня и потом ворота закрываются до следующего года. Кто не успел в открытие или забыл забрать свою корзинку — приходите сейчас. Скидка до 50% на любой курс HTML Academy.
🌸 Зайдите на htmlacademy.ru, нажмите кнопку с колесом и крутаните его. Скидка применяется к любой профессии или интенсиву. До 10 мая.
Кекс вернулся, «Запорожец» опять завёлся со второй попытки, колесо снято с навеса и стоит у ворот. Урожай этого сезона остался — морковь, кабачки, прошлогоднее варенье. Делиться есть чем.
Три дня и потом ворота закрываются до следующего года. Кто не успел в открытие или забыл забрать свою корзинку — приходите сейчас. Скидка до 50% на любой курс HTML Academy.
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Как стать мидлом
После курса вы соберёте микроанимации для состояний
Разберётесь в пайплайне отрисовки браузера и поймёте, почему
В WebGL увидите, что происходит между вершинным и фрагментным шейдером, как передавать данные через attributes, uniforms и varying. В Three.js научитесь изолировать движения через
А ещё GSAP, Snap.svg и PixiJS — чтобы наверняка. #htmlacademy #levelup
🎁 Подробнее
: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
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥3👍3❤1😱1
HTML Academy
«Я постою над тобой и не дай бог шаг вправо, шаг влево» — CEO про джуна пять лет назад Максим Заруцкий из MediaMint это помнит и не скрывает: пять лет назад он бы сказал джуну — полгода в офисе, надо посидеть, познакомиться. Сегодня берёт новичка на удалёнку…
Media is too big
VIEW IN TELEGRAM
«Есть технари, есть гуманитарии — хочется посмотреть, как мыслит человек»
Максим Заруцкий, CEO MediaMint, про интервью с выпускником совместной программы обучения. В клипе — помимо кода, на что ещё смотрят и как устроен испытательный срок после интервью.
Запись эфира: смотреть на YouTube | смотреть в VK
🧠 Программа обучения
Максим Заруцкий, CEO MediaMint, про интервью с выпускником совместной программы обучения. В клипе — помимо кода, на что ещё смотрят и как устроен испытательный срок после интервью.
Запись эфира: смотреть на YouTube | смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3❤🔥2👍1
HTML Academy
Закрытие сезона на Кексодаче. Кекс вернулся, «Запорожец» опять завёлся со второй попытки, колесо снято с навеса и стоит у ворот. Урожай этого сезона остался — морковь, кабачки, прошлогоднее варенье. Делиться есть чем. Три дня и потом ворота закрываются до…
Сегодня Кекс закрывает Кексодачу.
К вечеру — досками теплицу, потушить мангал, проводить лягушек, снять колесо с петель. С завтрашнего дня ворота закрыты, колесо в сарае до следующего мая.
Если откладывали — последние часы. Скидка до 50% на любой курс Академии работает до ночи.
🌸 Зайдите на htmlacademy.ru до полуночи, крутаните колесо и заберите свою скидку. Завтра ворота закрыты до следующего мая.
К вечеру — досками теплицу, потушить мангал, проводить лягушек, снять колесо с петель. С завтрашнего дня ворота закрыты, колесо в сарае до следующего мая.
Если откладывали — последние часы. Скидка до 50% на любой курс Академии работает до ночи.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
article a, aside a, footer a — список из трёх селекторов. С :is() его можно записать как один: :is(article, aside, footer) a.У
:is() и :where() есть один нюанс, из-за которого они работают по-разному: специфичность. Один из них её повышает, второй — нет, и от этого зависит, где их безопасно применять. Разбираемся в статье. #css #webdev📂 Читать статью
Самый частый способ получить последний элемент массива в JavaScript —
Метод
⚡ Читать статью
arr[arr.length - 1]. Громоздко, и нужно знать длину.Метод
.at() вошёл в стандарт ECMAScript в 2022 году и делает это короче: arr.at(-1) — последний, arr.at(-2) — предпоследний. Работает не только на массивах. Подробности и нюансы — в статье. #js #webdevPlease open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤🔥2👍1