HTML Academy
MediaMint — веб-студия, с 2014 года разрабатывает и продвигает сайты для бизнеса из разных отраслей. Делает современные, удобные и функциональные проекты, помогает компаниям эффективнее работать онлайн. В четверг 23 апреля в 12:00 (MSK) генеральный директор…
«Я постою над тобой и не дай бог шаг вправо, шаг влево» — CEO про джуна пять лет назад
Максим Заруцкий из MediaMint это помнит и не скрывает: пять лет назад он бы сказал джуну — полгода в офисе, надо посидеть, познакомиться. Сегодня берёт новичка на удалёнку с первого дня. В эфире объяснил, что изменилось: CRM и метрики показывают, кто как работает, без физического присутствия — и один из верстальщиков за полтора месяца дорос до фулстека и забрал проект целиком.
Если вы джун и боитесь, что вас возьмут только «обратно в офис под присмотр» — послушайте разговор. И посмотрите программу, по которой попадают в команду MediaMint.
🎁 Программа
🐭 Смотреть в YT
🐹 Смотреть в VK
Максим Заруцкий из MediaMint это помнит и не скрывает: пять лет назад он бы сказал джуну — полгода в офисе, надо посидеть, познакомиться. Сегодня берёт новичка на удалёнку с первого дня. В эфире объяснил, что изменилось: CRM и метрики показывают, кто как работает, без физического присутствия — и один из верстальщиков за полтора месяца дорос до фулстека и забрал проект целиком.
Если вы джун и боитесь, что вас возьмут только «обратно в офис под присмотр» — послушайте разговор. И посмотрите программу, по которой попадают в команду MediaMint.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤🔥2👍2
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Финишная прямая!
Третий сезон Чемпионата по вёрстке завершён. 29 апреля в 12:00 (MSK) вместе с экспертами из компаний подведём результаты, озвучим оценки и объявим победителя.
🐭 Подключиться в YT
🐹 Подключиться в VK Video
Третий сезон Чемпионата по вёрстке завершён. 29 апреля в 12:00 (MSK) вместе с экспертами из компаний подведём результаты, озвучим оценки и объявим победителя.
Please open Telegram to view this post
VIEW IN TELEGRAM
Утро, открываете тикет, кидаете задачу в нейронку: «Напиши компонент карточки товара». Через минуту в редакторе компонент. Классы выдуманные, поля называются как-то по-своему, а эффект при наведении вообще никто не просил.
Знакомо? Дальше — час правок.
Чаще всего проблема в самом запросе. В нём нет типа данных с сервера и списка классов из дизайн-системы — поэтому нейросеть достраивает всё сама. По общим примерам, без оглядки на ваш проект.
В статье — шаблоны запросов на новый компонент и на тесты к нему. Отдельный приём для правки существующих стилей: эффективнее попросить «измени только эту функцию», чем «перепиши файл». А ещё пять приёмов из практики, главный из которых — показать нейросети соседний компонент из проекта вместо описания на словах. #ai #webdev
🔥 Читать статью
Знакомо? Дальше — час правок.
Чаще всего проблема в самом запросе. В нём нет типа данных с сервера и списка классов из дизайн-системы — поэтому нейросеть достраивает всё сама. По общим примерам, без оглядки на ваш проект.
В статье — шаблоны запросов на новый компонент и на тесты к нему. Отдельный приём для правки существующих стилей: эффективнее попросить «измени только эту функцию», чем «перепиши файл». А ещё пять приёмов из практики, главный из которых — показать нейросети соседний компонент из проекта вместо описания на словах. #ai #webdev
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥4❤3
HTML Academy
Финишная прямая! Третий сезон Чемпионата по вёрстке завершён. 29 апреля в 12:00 (MSK) вместе с экспертами из компаний подведём результаты, озвучим оценки и объявим победителя. 🐭 Подключиться в YT 🐹 Подключиться в VK Video
Через час эфир. Подведём итоги чемпионата по вёрстке 3: разберём проекты участников вместе с экспертами из бигтех-компаний, которые их проверяли, и объявим победителя сезона.
Подключайтесь в YouTube или в VK Video.
Подключайтесь в YouTube или в VK Video.
❤🔥1⚡1👍1
Кекс приехал к воротам, проверил петли, починил колесо у входа — оно у нас собрано из обода старого велосипеда и подшипника от «Малютки». Грядки за зиму подзаросли, лягушки уже расселись на лилиях точно через
space-between.Первого мая ворота открываются. Каждый, кто заходит, по традиции крутит колесо и забирает корзинку с урожаем — внутри скидка до 50% на любой курс Академии.
Please open Telegram to view this post
VIEW IN TELEGRAM
Спросили у нейросети, как работает
Готовый ответ создаёт иллюзию понимания. Знания закрепляются, когда задача упирается и вы долго разбираетесь сами. Психологи называют это «желательными трудностями» — их обходят, когда отдают учёбу нейросети, и платят позже: на ревью, на интервью, в чужой кодовой базе.
В статье — обзор задач, где ИИ лучше отложить. Самая очевидная категория — обучение чему-то новому: готовые ответы убивают сами «желательные трудности». Сложные анимации лучше делать руками, пока не чувствуете тайминг и физику движения. Низкоуровневая оптимизация требует читать профайлер, которого нейросеть не видит. Архитектурные решения зависят от контекста команды и проекта. И отдельная история — код, влияющий на пользователей: тёмные паттерны в интерфейсах, аналитика, которая собирает больше нужного, и алгоритмы ранжирования. Это этический выбор разработчика, и промпт его не закроет.
Простой тест перед делегированием: если ИИ напишет код, а вы его не прочитаете — это станет проблемой? #ai #webdev
Читать статью
useEffect. Помогло. Через месяц на интервью просят объяснить — рассказать своими словами не получается.Готовый ответ создаёт иллюзию понимания. Знания закрепляются, когда задача упирается и вы долго разбираетесь сами. Психологи называют это «желательными трудностями» — их обходят, когда отдают учёбу нейросети, и платят позже: на ревью, на интервью, в чужой кодовой базе.
В статье — обзор задач, где ИИ лучше отложить. Самая очевидная категория — обучение чему-то новому: готовые ответы убивают сами «желательные трудности». Сложные анимации лучше делать руками, пока не чувствуете тайминг и физику движения. Низкоуровневая оптимизация требует читать профайлер, которого нейросеть не видит. Архитектурные решения зависят от контекста команды и проекта. И отдельная история — код, влияющий на пользователей: тёмные паттерны в интерфейсах, аналитика, которая собирает больше нужного, и алгоритмы ранжирования. Это этический выбор разработчика, и промпт его не закроет.
Простой тест перед делегированием: если ИИ напишет код, а вы его не прочитаете — это станет проблемой? #ai #webdev
Читать статью
👍5❤🔥4🔥2❤1
Самый крупный текст на макете — это всегда
Часто — нет.
Заголовок в HTML — это резюме содержимого блока. Крупный текст без такой функции лучше размечать как обычный абзац, а заголовок к блоку добавлять отдельно — скрытым через тот же класс. Так структуру корректно прочитают скринридеры и поисковые системы, а макет визуально не пострадает.
В статье — как разбирать макет на заголовки и когда нужны скрытые
Читать статью
<h1> страницы?Часто — нет.
Возьмём страницу магазина мороженого «Глейси». Крупное «Нежный пломбир с клубничным джемом» — это заголовок одного из слайдов: на следующем слайде стоит другой текст. Заголовок первого уровня для всего документа — «Магазин натурального мороженого Глейси». На макете этого заголовка нет: разработчик добавляет его в HTML отдельно, скрытым через класс visually-hidden.
Заголовок в HTML — это резюме содержимого блока. Крупный текст без такой функции лучше размечать как обычный абзац, а заголовок к блоку добавлять отдельно — скрытым через тот же класс. Так структуру корректно прочитают скринридеры и поисковые системы, а макет визуально не пострадает.
В статье — как разбирать макет на заголовки и когда нужны скрытые
<h2>. И отдельно — про инструмент проверки иерархии заголовков в валидаторе W3C. #html #webdevЧитать статью
Относитесь к себе бережно — не ругайте, если что-то не выходит, и хвалите, если получается.
❤🔥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