HTML Academy
Техдир Зионека поощряет ИИ-кодинг в команде. И ищет фронтендеров Компания из Москвы с проектами в четырёх странах разрабатывает собственный ИИ-продукт. Как ИИ меняет требования к разработчикам? И зачем компании начинающие специалисты, если технический директор…
Сегодня в 12:00 — эфир с Зионеком
Технический директор расскажет, как компания с 200+ проектами пришла к собственному ИИ-продукту, зачем ей фронтендеры и что ждёт выпускников совместной программы.
Компания одной из первых внедрила Tarantool и ускорила поиск по складам с 7 секунд до 0,2 секунды.
Итоги розыгрыша бесплатного места — в конце эфира.
https://htmlacademy.ru/events/live-zionec
Технический директор расскажет, как компания с 200+ проектами пришла к собственному ИИ-продукту, зачем ей фронтендеры и что ждёт выпускников совместной программы.
Компания одной из первых внедрила Tarantool и ускорила поиск по складам с 7 секунд до 0,2 секунды.
Итоги розыгрыша бесплатного места — в конце эфира.
https://htmlacademy.ru/events/live-zionec
🔥6 4❤🔥3
Forwarded from CSS Боль
Больше знаешь — крепче спишь (девиз ордена Хранителей)
Новая истина для айтишников. Причём именно в такой формулировке.
Бизнес с удовольствием заменил бы всех разработчиков на оркестры агентов, но мешает одно «но» — автобусное число.
Кто-то должен знать, как устроена система, как устроены эти оркестры, и нести за это ответственность. Короче, каждой системе нужен Хранитель, а лучше — несколько. Хранителей не уволят, хранителей будут беречь: они ценны, а выращивать новых очень дорого.
Когда орден Хранителей для каждого продукта будет создан и угроза автобусному числу исчезнет, бизнес начнёт избавляться от рядовых разработчиков, которые занимаются рутиной. Задачи уволенных будут передаваться в оркестры.
Кого же выберут в Хранители? Тех, кто лучше, полнее и глубже знает свой продукт, свою систему, свой оркестр.
Так что больше знаешь — крепче спишь.
Резервный канал в MAX
Новая истина для айтишников. Причём именно в такой формулировке.
Бизнес с удовольствием заменил бы всех разработчиков на оркестры агентов, но мешает одно «но» — автобусное число.
Кто-то должен знать, как устроена система, как устроены эти оркестры, и нести за это ответственность. Короче, каждой системе нужен Хранитель, а лучше — несколько. Хранителей не уволят, хранителей будут беречь: они ценны, а выращивать новых очень дорого.
Когда орден Хранителей для каждого продукта будет создан и угроза автобусному числу исчезнет, бизнес начнёт избавляться от рядовых разработчиков, которые занимаются рутиной. Задачи уволенных будут передаваться в оркестры.
Кого же выберут в Хранители? Тех, кто лучше, полнее и глубже знает свой продукт, свою систему, свой оркестр.
Так что больше знаешь — крепче спишь.
Резервный канал в MAX
❤🔥4🔥3👍2
innerHTML вставляет в DOM всё подряд — включая <script>, обработчики событий и другие векторы XSS. Годами единственной защитой были сторонние библиотеки вроде DOMPurify.Firefox 148 стал первым браузером, реализовавшим Sanitizer API — нативную санитизацию прямо при вставке HTML. Метод
setHTML() автоматически вычищает опасные элементы до того, как они попадут в DOM. А в марте подтянулся и Chrome 146. Разбираем, как перейти с innerHTML на setHTML(), как настроить конфигурацию санитайзера и зачем сочетать его с Trusted Types. #js #htmlPlease open Telegram to view this post
VIEW IN TELEGRAM
❤7🔥3❤🔥1
Forwarded from Как стать мидлом
fetch() отправляет запрос — а что происходит дальше, между вашим кодом и сервером?На курсе «Протоколы и сети: основы» разбираем весь путь: модель OSI, стек TCP/IP, разницу между HTTP/1.1, HTTP/2 и HTTP/3, работу TLS и сертификатов. Отдельный раздел —
WebSockets и когда они действительно нужны.Четыре кейса и две практические задачи: от предварительного открытия TCP-соединений до оптимизации проекта под HTTP/2. #htmlacademy #levelup
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥2❤🔥1
Forwarded from CSS Боль
Когнитивная пропасть и нейросети
Многие уверены: нейросети облегчили вход в айти. Но в жизни всё ровно наоборот. ИИ не облегчил вход в айти, а серьёзно его усложнил. На пути новичка появилась настоящая когнитивная пропасть.
Без упоминания «поверхностных вайбкодеров» рассказ не выйдет. Это ребята, которые не разбираются в разработке, но умело пользуются нейросетями и даже ваяют какие-то IT-продукты. Казалось бы, отличный пример легчайшего входа в айти через владение ИИ. Но малину портят два но:
1. Низкий (почти отсутствующий) порог входа в вайбкодинг
Если ИИ осваивается за пару недель, то сколько вайбкодеров наплодится за полгода? Сотни тысяч, миллионы? Низкий порог входа всегда приводит к гигантской конкуренции и отрицательной рентабельности в каждой сфере.
Короче, на вайбкодинге очень скоро будет не заработать.
2. Пропасть в эффективности между разработчиками и вайбкодерами
Сильный разработчик, который отлично владеет ИИ, заменяет сотни поверхностных вайбкодеров. Он выдаёт результат быстрее, качественнее, дешевле. А ещё он решает задачи, которые вайбкодеру не поддались, потому что разработчик видит решение задачи до того, как начинает писать промт.
А теперь задайте себе вопрос. Кто нужен серьёзному бизнесу, в котором можно построить профессиональную карьеру? Поверхностные вайбкодеры или сильные разработчики, хорошо владеющие ИИ.
Теперь для входа в айти (и для последующего роста) критически важны:
– глубокие технические навыки (шире и глубже, чем требовались раньше);
– навыки проектирования систем, декомпозиции и постановки задач (которые вообще-то у разработчиков развиваются годами по мере набора опыта);
– умение работать с нейросетями.
Требования для входа в айти из-за ИИ не упали, а выросли в разы.
Это и есть когнитивная пропасть.
Для подготовки кадров это означает, что надо давать глубокую базу и после неё обучать владению ИИ. Мы в Академии уже перестроили под это свои программы. Посмотрите, как это устроено, на примере «Нейрофронтендера».
📲 Резервный канал в MAX
Многие уверены: нейросети облегчили вход в айти. Но в жизни всё ровно наоборот. ИИ не облегчил вход в айти, а серьёзно его усложнил. На пути новичка появилась настоящая когнитивная пропасть.
Без упоминания «поверхностных вайбкодеров» рассказ не выйдет. Это ребята, которые не разбираются в разработке, но умело пользуются нейросетями и даже ваяют какие-то IT-продукты. Казалось бы, отличный пример легчайшего входа в айти через владение ИИ. Но малину портят два но:
1. Низкий (почти отсутствующий) порог входа в вайбкодинг
Если ИИ осваивается за пару недель, то сколько вайбкодеров наплодится за полгода? Сотни тысяч, миллионы? Низкий порог входа всегда приводит к гигантской конкуренции и отрицательной рентабельности в каждой сфере.
Короче, на вайбкодинге очень скоро будет не заработать.
2. Пропасть в эффективности между разработчиками и вайбкодерами
Сильный разработчик, который отлично владеет ИИ, заменяет сотни поверхностных вайбкодеров. Он выдаёт результат быстрее, качественнее, дешевле. А ещё он решает задачи, которые вайбкодеру не поддались, потому что разработчик видит решение задачи до того, как начинает писать промт.
А теперь задайте себе вопрос. Кто нужен серьёзному бизнесу, в котором можно построить профессиональную карьеру? Поверхностные вайбкодеры или сильные разработчики, хорошо владеющие ИИ.
Теперь для входа в айти (и для последующего роста) критически важны:
– глубокие технические навыки (шире и глубже, чем требовались раньше);
– навыки проектирования систем, декомпозиции и постановки задач (которые вообще-то у разработчиков развиваются годами по мере набора опыта);
– умение работать с нейросетями.
Требования для входа в айти из-за ИИ не упали, а выросли в разы.
Это и есть когнитивная пропасть.
Для подготовки кадров это означает, что надо давать глубокую базу и после неё обучать владению ИИ. Мы в Академии уже перестроили под это свои программы. Посмотрите, как это устроено, на примере «Нейрофронтендера».
📲 Резервный канал в MAX
❤5🔥2❤🔥1
Media is too big
VIEW IN TELEGRAM
Проблема HeadHunter
HeadHunter внедрил новую систему, которая убирает из поиска поддельные резюме. Рынок всё больше ориентируется на доказательный подход в найме. Однако у большинства разработчиков таких подтверждений квалификации нет, а их получение требует много времени и средств.
Именно поэтому возникают форматы, позволяющие достоверно подтвердить свой уровень. Подробнее о них рассказываем в одном из выпусков «CSS Боли».
HeadHunter внедрил новую систему, которая убирает из поиска поддельные резюме. Рынок всё больше ориентируется на доказательный подход в найме. Однако у большинства разработчиков таких подтверждений квалификации нет, а их получение требует много времени и средств.
Именно поэтому возникают форматы, позволяющие достоверно подтвердить свой уровень. Подробнее о них рассказываем в одном из выпусков «CSS Боли».
❤🔥2❤2🔥1
«Мидлы без ИИ скоро будут грустить» — что ещё прозвучало на эфире с Зионеком
Час разговора с техническим директором — про ИИ в разработке, стек и путь от обучения до штата. Несколько моментов, ради которых стоит включить запись:
❤️ Почему техдир раздал Cursor всей команде, но считает вайб-кодинг ловушкой
❤️ Как компания ускорила поиск по складам в 35 раз с помощью Tarantool
❤️ Зачем перевели фронтенд с React на Vue.js — прагматичная причина, которую редко озвучивают
🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎁 Программа обучения
Час разговора с техническим директором — про ИИ в разработке, стек и путь от обучения до штата. Несколько моментов, ради которых стоит включить запись:
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤2❤🔥2
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Третий сезон чемпионата по вёрстке идёт уже неделю — участники верстают макет от Mish и прорабатывают детали. Продолжаем знакомить с партнёрами-работодателями.
Уралмедиас — аккредитованная IT-компания и digital-агентство с фокусом на промышленный B2B. Входит в ТОП-100 агентств России по версии Рейтинга Рунета.
«Красная Рамка» — digital-студия, которая делает сайты, сервисы и мобильные приложения. Специализируется на нестандартных проектах: высоконагруженные платформы, стартапы, геймифицированные интерфейсы.
SOK — разрабатывает интернет-магазины, B2B-платформы и корпоративные порталы.
Все партнёры смотрят на результаты участников чемпионата.
👍 Профессиональный трек
Резервный канал в MAX
Уралмедиас — аккредитованная IT-компания и digital-агентство с фокусом на промышленный B2B. Входит в ТОП-100 агентств России по версии Рейтинга Рунета.
«Красная Рамка» — digital-студия, которая делает сайты, сервисы и мобильные приложения. Специализируется на нестандартных проектах: высоконагруженные платформы, стартапы, геймифицированные интерфейсы.
SOK — разрабатывает интернет-магазины, B2B-платформы и корпоративные порталы.
Все партнёры смотрят на результаты участников чемпионата.
Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Поповеры и диалоги выглядят одинаково — всплывающее окно поверх страницы. Путаница начинается, когда нужно выбрать между
Ключевое отличие — в управлении фокусом.
Разбираем, как они устроены и что учесть при выборе.
🎁 Читать статью
Резервный канал в MAX
Popover API и Dialog API.Ключевое отличие — в управлении фокусом.
Popover API возвращает фокус триггеру, закрывается по клику мимо и по Escape. Dialog API с методом showModal() ловит фокус внутри окна и не отпускает, пока пользователь не примет решение. Для тултипов, меню и уведомлений — Popover API. Для модальных окон — <dialog>. #html #a11yРазбираем, как они устроены и что учесть при выборе.
Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🔥5❤🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Круговой прогресс-бар на CSS, уровень два: закруглить концы. Одно требование — и в коде появляются
Показываем, как из двух градиентов и тригонометрии собрать такой прогресс-бар.
Демонстрация | Смотреть на YouTube | Смотреть в VK
sin() и cos().Показываем, как из двух градиентов и тригонометрии собрать такой прогресс-бар.
Демонстрация | Смотреть на YouTube | Смотреть в VK
❤3❤🔥1🔥1
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Продолжаем знакомить с партнёрами-работодателями чемпионата по вёрстке. Сегодня — компании, которые уже давно сотрудничают с HTML Academy.
Only — агентство с фокусом на аналитику, дизайн и разработку цифровых продуктов. Среди клиентов — «Сибур», VK, «Сбер».
Bquadro — агентство полного цикла. Разработка сайтов и сервисов для недвижимости, промышленности и e-commerce.
WebRise — заказная разработка: фронтенд, бэкенд, мобильные приложения, дизайн и DevOps.
Все эти компании смотрят на результаты участников чемпионата.
👍 Профессиональный трек
Only — агентство с фокусом на аналитику, дизайн и разработку цифровых продуктов. Среди клиентов — «Сибур», VK, «Сбер».
Bquadro — агентство полного цикла. Разработка сайтов и сервисов для недвижимости, промышленности и e-commerce.
WebRise — заказная разработка: фронтенд, бэкенд, мобильные приложения, дизайн и DevOps.
Все эти компании смотрят на результаты участников чемпионата.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥2👍2❤1🔥1
Forwarded from CSS Боль
Прощай, квадратный веб
Chrome радует скоростью релиза новых фич. Совсем недавно, в начале февраля, мы обсуждали новости про экспериментальную фичу — свойство
Напомню, чем так мил
Но главное, что эту форму понимают все остальные декоративные свойства — рамки, тени, аутлайны. Эту форму видит и внутренний контент. Так что выход
И ещё один приятный момент. Сама функция
В общем, всех поздравляю с обновкой! А я пошёл думать над интерактивным курсом по
Chrome радует скоростью релиза новых фич. Совсем недавно, в начале февраля, мы обсуждали новости про экспериментальную фичу — свойство
border-shape. А спустя два месяца, 7 апреля 2026, фича уже в релизе в Chrome 147.Напомню, чем так мил
border-shape. Свойство позволяет задавать произвольную форму блока с помощью функции shape(), которая уже используется в clip-path, и с которой многие уже знакомы.Но главное, что эту форму понимают все остальные декоративные свойства — рамки, тени, аутлайны. Эту форму видит и внутренний контент. Так что выход
border-shape можно смело называть революцией.И ещё один приятный момент. Сама функция
shape() находится в интеропе 2026. А значит, что и border-shape во всех браузерах может появиться быстро.В общем, всех поздравляю с обновкой! А я пошёл думать над интерактивным курсом по
border-shape.🔥10❤6 2❤🔥1
Рекрутёры всё реже верят резюме на слово. Слишком легко приукрасить опыт — и слишком сложно это проверить по тексту.
Поэтому при отборе растёт вес цифрового профессионального следа: публичные проекты, статьи, выступления, победы в чемпионатах. Всё, что подтверждает навыки и что нельзя подправить задним числом.
Разбираем, из чего складывается такой след и как он влияет на решение о найме.
🎁 Читать статью
Поэтому при отборе растёт вес цифрового профессионального следа: публичные проекты, статьи, выступления, победы в чемпионатах. Всё, что подтверждает навыки и что нельзя подправить задним числом.
Разбираем, из чего складывается такой след и как он влияет на решение о найме.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥2 2🔥1
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Завершаем знакомство с партнёрами-работодателями третьего сезона чемпионата по вёрстке.
«5 углов» — интегратор Битрикс24, входит в топ-20 интеграторов России.
ОФЭП — агентство интернет-маркетинга. Разрабатывает сайты, занимается SEO, продвижением на маркетплейсах и PR.
Coding Team — разработка сайтов, мобильных приложений и AI-решений. Больше 200 реализованных проектов.
Всего за результатами третьего сезона следят больше 30 компаний. До конца активной части чемпионата осталось несколько дней.
👍 Профессиональный трек
«5 углов» — интегратор Битрикс24, входит в топ-20 интеграторов России.
ОФЭП — агентство интернет-маркетинга. Разрабатывает сайты, занимается SEO, продвижением на маркетплейсах и PR.
Coding Team — разработка сайтов, мобильных приложений и AI-решений. Больше 200 реализованных проектов.
Всего за результатами третьего сезона следят больше 30 компаний. До конца активной части чемпионата осталось несколько дней.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥2🔥1 1