Фронтенд Гайд

\n\n📌 В этом примере скрипт будет загружен параллельно с HTML, но выполнится только после завершения обработки документа.\n\ndefer удобно использовать для подключения скриптов, которые зависят от готового DOM, особенно если они расположены в теге . Это улучшает скорость рендеринга и пользовательский опыт.","datePublished":"2025-05-18T09:00:00Z","dateModified":"2025-05-18T09:00:00Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":807},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3294","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3294","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3294","headline":"Фронтенд Гайд","datePublished":"2025-05-17T09:00:00Z","dateModified":"2025-05-17T09:00:00Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":781},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3293","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3293","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3293","headline":"Онлайн-магистратура с IT специальностями от Яндекса Совместно с ИТМО, МИФИ, МФТИ. Онлайн-магистратура с актуа…","articleBody":"Онлайн-магистратура с IT специальностями от Яндекса\n\nСовместно с ИТМО, МИФИ, МФТИ.\n\nОнлайн-магистратура с актуальными программами и гибким графиком обучения. \n\nПолучите высокооплачиваемую IT профессию, официальный диплом и практические знания.\n\nГосподдержка оплаты. Совмещение с работой! \n\nУзнать больше\n\n#реклама 16+\nО рекламодателе","datePublished":"2025-05-17T06:32:05Z","dateModified":"2025-05-19T04:32:15Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":3,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":404},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3292","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3292","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3292","headline":"Step Indicator Анимированный индикатор переключения страниц","articleBody":"Step Indicator\n\nАнимированный индикатор переключения страниц","datePublished":"2025-05-16T15:00:00Z","dateModified":"2025-05-16T15:00:00Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":808},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":15}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3291","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3291","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3291","headline":"Фронтенд Гайд","datePublished":"2025-05-16T07:00:00Z","dateModified":"2025-05-16T07:00:00Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":3,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":760},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3290","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3290","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3290","headline":"Веб-разработка на ванильном HTML, CSS и JavaScript В статье объясняют, как делать веб-приложения без фреймвор…","articleBody":"Веб-разработка на ванильном HTML, CSS и JavaScript\n\nВ статье объясняют, как делать веб-приложения без фреймворков: чистые HTML, CSS и JavaScript вместо сложных инструментов — минимализм как способ избежать лишней поддержки","datePublished":"2025-05-15T15:00:02Z","dateModified":"2025-05-15T15:00:02Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":737},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3289","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3289","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3289","headline":"Фронтенд Гайд","datePublished":"2025-05-15T07:00:04Z","dateModified":"2025-05-15T07:00:04Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":764},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3288","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3288","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3288","headline":"Фронтенд Гайд","datePublished":"2025-05-14T15:00:02Z","dateModified":"2025-05-14T15:00:02Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":746},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3287","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3287","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3287","headline":"Rollback Toggle Переключатель с имитацией физики","articleBody":"Rollback Toggle\n\nПереключатель с имитацией физики","datePublished":"2025-05-14T07:00:08Z","dateModified":"2025-05-14T07:00:08Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":754},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3286","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3286","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3286","headline":"On-Scroll Fire Transition Красивая анимация горения страницы при скролле","articleBody":"On-Scroll Fire Transition\n\nКрасивая анимация горения страницы при скролле","datePublished":"2025-05-13T15:00:08Z","dateModified":"2025-05-13T15:00:08Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":772},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":9}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3285","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3285","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3285","headline":"Фронтенд Гайд","datePublished":"2025-05-13T07:00:04Z","dateModified":"2025-05-13T07:00:04Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":780},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3284","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3284","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3284","headline":"n8n – от шаблонов и nodes до автоматизации AI agent и Telegram бота В статье рассказывают, как n8n упрощает а…","articleBody":"n8n – от шаблонов и nodes до автоматизации AI agent и Telegram бота\n\nВ статье рассказывают, как n8n упрощает автоматизацию без лишнего кода: от простых уведомлений до сложных интеграций с ИИ и API. Гибкость, расширяемость и живые примеры.","datePublished":"2025-05-12T15:00:02Z","dateModified":"2025-05-12T15:00:02Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":806},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":13}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3283","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3283","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3283","headline":"Фронтенд Гайд","datePublished":"2025-05-12T07:00:03Z","dateModified":"2025-05-12T07:00:03Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":819}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3282","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3282","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3282","headline":"❓ Зачем нужен атрибут crossorigin в HTML и когда его использовать? Атрибут crossorigin используется для управ…","articleBody":"❓ Зачем нужен атрибут crossorigin в HTML и когда его использовать?\n\nАтрибут crossorigin используется для управления политикой совместного использования ресурсов между разными источниками (CORS).\n\nЭто необходимо, когда нужно загружать ресурсы (например, изображения или скрипты) с другого домена.\n\n✅ Пример:\n\n\n\n📌 В этом примере браузер попытается загрузить изображение с другого домена, но без передачи учётных данных пользователя.\n\ncrossorigin удобно использовать при работе с внешними ресурсами, чтобы избежать проблем с безопасностью и соблюсти политику CORS.","datePublished":"2025-05-11T09:00:02Z","dateModified":"2025-05-11T09:00:02Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":816},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":14},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3281","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3281","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3281","headline":"Фронтенд Гайд","datePublished":"2025-05-10T09:00:03Z","dateModified":"2025-05-10T09:00:03Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":799},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3280","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3280","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3280","headline":"Developer or Designer? Анимированный переключатель","articleBody":"Developer or Designer?\n\nАнимированный переключатель","datePublished":"2025-05-09T15:00:04Z","dateModified":"2025-05-09T15:00:04Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":854},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}}]}