Фронтенд Гайд
الذهاب إلى القناة على Telegram
Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. 6ad1a2aabe82d4fbb0d6
إظهار المزيد7 743
المشتركون
-624 ساعات
-107 أيام
+330 أيام
أرشيف المشاركات
\n\n📌В этом примере focus() автоматически активирует поле ввода при загрузке страницы\n\nfocus() удобно использовать для навигации по формам, активации поиска, подсветки ошибок или управления клавиатурным вводом. Это помогает сделать интерфейс более интуитивным и доступным","datePublished":"2026-01-02T06:02:43Z","dateModified":"2026-01-02T06:02:43Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":613},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3618","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3618","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3618","headline":"Фронтенд Гайд","datePublished":"2026-01-01T13:05:38Z","dateModified":"2026-01-01T13:05:38Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":617},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":4}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3617","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3617","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3617","headline":"⚙️ Топ 5 причин, когда JavaScript блокирует загрузку вашего сайта На основе наблюдений я выделил 5 самых проб…","articleBody":"⚙️ Топ 5 причин, когда JavaScript блокирует загрузку вашего сайта\n\nНа основе наблюдений я выделил 5 самых проблемных случая, когда JavaScript блокирует загрузку сайта. В статье вы узнаете, как с ними бороться.\n\n🔗 Читать статью","datePublished":"2026-01-01T11:02:14Z","dateModified":"2026-01-01T11:02:14Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":695},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":10}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3616","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3616","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3616","headline":"👩💻 Profile Card UI — Стильная карточка-портфолио с анимированными кнопками. Сделан на SVG, SCSS и JS 🔗 Откры…","articleBody":"👩💻 Profile Card UI — Стильная карточка-портфолио с анимированными кнопками.\n\nСделан на SVG, SCSS и JS\n\n🔗 Открыть код","datePublished":"2025-12-26T10:39:01Z","dateModified":"2025-12-26T10:39:01Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":875},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":19}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3615","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3615","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3615","headline":"🔄 Ребята из Яндекса уволились и открыли свой новый канал! 🔥 Всё в одном архиве для твоего роста и результата:…","articleBody":"🔄 Ребята из Яндекса уволились и открыли свой новый канал! \n\n🔥 Всё в одном архиве для твоего роста и результата:\n\n👩💻 Python\n👩💻 Java \n👩💻 JavaScript\n👩💻 C# & Unity\n👩💻 Node.js\n👩💻 C & C++\n👩💻 SQL & Базы данных\n👩💻 Git & GitHub\n🤟 DevOps\n\nБЕСПЛАТНЫЕ КУРСЫ по всем ключевым направлениям\nтолько для наших сабов! ❤️\n\n➡️ Наша миссия — твой рост","datePublished":"2025-12-26T08:39:01Z","dateModified":"2025-12-26T08:39:01Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":775},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3614","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3614","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3614","headline":"⚡️ Бесплатное обучение фронтенд-разработке с нуля до React — с поддержкой от наставника Опыт в программирован…","articleBody":"⚡️ Бесплатное обучение фронтенд-разработке с нуля до React — с поддержкой от наставника\n\nОпыт в программировании не нужен.\n\nНа канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить\n\nС 24 по 28 декабря проводит бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript, а также попробовать самый популярный фреймворк — React\n\n💡Всё объясняет на примере проекта — доски объявлений\n\nОбучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля\n\n🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее\n\nПомимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду. \nПоделится способами поиcка клиентов с поомщью ИИ.\nРасскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией\n\nПодписывайтесь, чтобы участвовать, осталось 33 места\n\nУчиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду\n\n➡️Участвовать бесплатно\n\n+ среди участников разыграет годовую подписку на полезный ИИ","datePublished":"2025-12-25T13:39:01Z","dateModified":"2025-12-25T13:39:01Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":625},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3613","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3613","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3613","headline":"⚡️ Бесплатное обучение фронтенд-разработке с нуля до React — с поддержкой от наставника Опыт в программирован…","articleBody":"⚡️ Бесплатное обучение фронтенд-разработке с нуля до React — с поддержкой от наставника\n\nОпыт в программировании не нужен.\n\nНа канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить\n\nС 24 по 28 декабря проводит бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript, а также попробовать самый популярный фреймворк — React\n\n💡Всё объясняет на примере проекта — доски объявлений\n\nОбучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля\n\n🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее\n\nПомимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду. \nПоделится способами поиcка клиентов с поомщью ИИ.\nРасскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией\n\nПодписывайтесь, чтобы участвовать, осталось 33 места\n\nУчиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду\n\n➡️Участвовать бесплатно\n\n+ среди участников разыграет годовую подписку на полезный ИИ","datePublished":"2025-12-25T13:38:49Z","dateModified":"2025-12-25T13:39:05Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1}],"sharedContent":{"@type":"SocialMediaPosting","headline":"Vladimir Yankovsky","datePublished":"2025-12-25T13:34:37Z"}}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3612","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3612","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3612","headline":"⚙️ Shadcn для Vue: норм или стрём? Опыт использования shadcn-vue в продакшн проекте: что работает хорошо, а с…","articleBody":"⚙️ Shadcn для Vue: норм или стрём?\n\nОпыт использования shadcn-vue в продакшн проекте: что работает хорошо, а с чем придется помучиться. Честный обзор популярной UI библиотеки от практикующего разработчика.\n\n🔗 Читать статью","datePublished":"2025-12-25T13:38:40Z","dateModified":"2025-12-25T13:38:40Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":497},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3611","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3611","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3611","headline":"🔥 Самые нужные каналы для Frontend разработчика, чтобы расти в доходе 💸 • Frontend | Вопросы собесов • Fronte…","articleBody":"🔥 Самые нужные каналы для Frontend разработчика, чтобы расти в доходе 💸\n\n• Frontend | Вопросы собесов\n• Frontend | Вакансии с удаленкой\n• Frontend | LeetCode\n• Frontend | Тесты\n\nПодпишись, чтобы не потерять ☝️","datePublished":"2025-12-25T11:36:10Z","dateModified":"2025-12-25T11:36:10Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":570},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3610","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3610","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3610","headline":"👩💻 Ubisoft Quartz Background Animation — Размытая анимация отлично подойдёт для фона на вашем сайте Сделано…","articleBody":"👩💻 Ubisoft Quartz Background Animation — Размытая анимация отлично подойдёт для фона на вашем сайте\n\nСделано на CSS\n\n🔗 Открыть код","datePublished":"2025-12-24T14:29:27Z","dateModified":"2025-12-24T14:29:27Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":620},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":9}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3609","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3609","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3609","headline":"💸 Разработчики из Яндекса создали IT каналы и слили кучу материала Здесь информация, которая реально помогает…","articleBody":"💸 Разработчики из Яндекса создали IT каналы и слили кучу материала\n\nЗдесь информация, которая реально помогает изучать программирование с полного нуля!\n\nВыбирайте своё направление и подписывайся:\n\n👩💻 Python Flow — @python_flow\n👩💻 C & C++ Flow — @cpp_flow\n💻 IT News Flow — @itnews_flow\n👩💻 Java Flow — @java_flow\n👩💻 SQL & Базы данных Flow — @sql_flow\n👩💻 C# & Unity Flow — @csharp_flow\n👩💻 Node.js Flow — @nodejs_flow\n👩💻 Linux & DevOps Flow — @linux_flow\n👩💻 InfoSec & Хакинг — @hacking_flow\n👩💻 Git & GitHub Flow — @git_flow\n\nПрием заявок действует до завтра ⚠️","datePublished":"2025-12-23T16:40:52Z","dateModified":"2025-12-23T16:40:52Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":654},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3608","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3608","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3608","headline":"⚙️ Коллекция полезных HTML и CSS фич, которые редко используются Покажу забытые, но полезные фичи HTML/CSS: к…","articleBody":"⚙️ Коллекция полезных HTML и CSS фич, которые редко используются\n\nПокажу забытые, но полезные фичи HTML/CSS: когда они лучше JS и как применить без боли. Мини-примеры и быстрые советы — внедряем сегодня.\n\n🔗 Читать статью","datePublished":"2025-12-23T14:32:42Z","dateModified":"2025-12-23T14:32:42Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":609},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":10}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3607","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3607","mainEntityOfPage":"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts/3607","headline":"Привет. Вот тебе самые топовые каналы по IT! ⚙️ Free Znanija (IT) — Самая огромная коллекция платных курсов,…","articleBody":"Привет. Вот тебе самые топовые каналы по IT!\n\n⚙️ Free Znanija (IT) — Самая огромная коллекция платных курсов, которые можно скачать бесплатно;\n\n👩💻 IT Books — Самая огромная библиотека книг;\n\n💻 Hacking & InfoSec Base — Крутой блог белого хакера;\n\n🛡 CyberGuard — Всё про ИБ;\n\n🤔 ИБ Вакансии — Всё, чтобы найти работу в ИБ;\n\n👩💻 linux administration — Всё про Линукс;\n\n👩💻 Программистика — Python, python и ещё раз python;\n\n👩💻 GameDev Base — Всё про GameDev;\n\n😆 //code — Самые топовые мемы по IT:\n\nПодпишись, чтобы не потерять!","datePublished":"2025-12-23T12:34:22Z","dateModified":"2025-12-23T12:34:22Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ar/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":626},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}}]}
+1
7 743
📂 Напоминалка для работы с DOM!
DOM — это то, через что JavaScript управляет HTML: ищет элементы, создаёт новые узлы, вешает события и реагирует на действия пользователя.
На картинке — базовые методы document и node, а также самые часто используемые события мыши, клавиатуры и форм.
Сохрани, чтобы не забыть!
7 743
Жесть: вот, что видит ваш iPhone, когда вы используете разблокировку по Face ID ночью.
Бедный телефончик. 😅
7 743
🐈⬛ Робособаками в США управляют индийцы.
В Атланте полицейская подошла к робопсу на патруле, а тот внезапно заговорил с отчетливым индийским акцентом. Оказалось, сам робот — просто корпус.
Реальное управление ведут операторы из Индии, которых нанимают частные охранные компании для дистанционного патрулирования районов.
7 743
⚡️ Искусственный интеллект превратил GTA в реалистичные фильмы с актёрами.
Нейросети создали живые сцены из GTA: Vice City и San Andreas – так правдоподобно, что многие могут принять ролики за настоящие съёмки. Особенно впечатляет Уилл Смит в роли Си Джея.
7 743
+2
🎧 Самый хардкорный геймерский сетап.
Китаец показал своё рабочее место с 15 мониторами, 8 клавиатурами и 4 мышками. Среди них – ноутбуки, планшеты и даже Steam Deck. Комната как центр управления АЭС.
7 743
😂 «Дело Долиной» будет включено в учебники для юристов.
Ведущие вузы страны решили добавить эффект «Долиной» в программу для студентов юрфаков. Обсуждение уже идет на семинарах по гражданскому праву. Теперь это не просто мем.
7 743
❓ Зачем используется метод
classList в JavaScript и когда его применять?
Свойство element.classList предоставляет удобный интерфейс для управления CSS-классами элемента. Это проще и безопаснее, чем ручное управление через className.
✅Пример:
const button = document.querySelector("button");
button.addEventListener("click", () => {
button.classList.toggle("active");
});classList удобно использовать при работе с анимациями, состоянием компонентов, переключателями тем и видимостью элементов. Методы .add(), .remove(), .toggle() и .contains() делают код лаконичным и легко читаемым при управлении стилями
7 743
❓ Зачем используется метод
focus() в JavaScript и когда его применять?
Метод focus() устанавливает курсор ввода в элемент формы, делая его активным для пользователя. Это удобно для улучшения UX — например, при автоматическом фокусе на первом поле формы или после действий пользователя.
✅Пример:
<input type="text" id="username" placeholder="Введите имя">
<script>
const input = document.getElementById("username");
window.addEventListener("load", () => input.focus());
</script>focus() удобно использовать для навигации по формам, активации поиска, подсветки ошибок или управления клавиатурным вводом. Это помогает сделать интерфейс более интуитивным и доступным
7 743
⚙️ Топ 5 причин, когда JavaScript блокирует загрузку вашего сайта
На основе наблюдений я выделил 5 самых проблемных случая, когда JavaScript блокирует загрузку сайта. В статье вы узнаете, как с ними бороться.🔗 Читать статью
7 743
👩💻 Profile Card UI — Стильная карточка-портфолио с анимированными кнопками.
Сделан на SVG, SCSS и JS🔗 Открыть код
7 743
🔄 Ребята из Яндекса уволились и открыли свой новый канал!
🔥 Всё в одном архиве для твоего роста и результата:
👩💻 Python
👩💻 Java
👩💻 JavaScript
👩💻 C# & Unity
👩💻 Node.js
👩💻 C & C++
👩💻 SQL & Базы данных
👩💻 Git & GitHub
🤟 DevOps
БЕСПЛАТНЫЕ КУРСЫ по всем ключевым направлениям
только для наших сабов! ❤️
➡️ Наша миссия — твой рост
7 743
⚡️ Бесплатное обучение фронтенд-разработке с нуля до React — с поддержкой от наставника
Опыт в программировании не нужен.
На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить
С 24 по 28 декабря проводит бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript, а также попробовать самый популярный фреймворк — React
💡Всё объясняет на примере проекта — доски объявлений
Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля
🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее
Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду.
Поделится способами поиcка клиентов с поомщью ИИ.
Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией
Подписывайтесь, чтобы участвовать, осталось 33 места
Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду
➡️Участвовать бесплатно
+ среди участников разыграет годовую подписку на полезный ИИ
7 743
⚡️ Бесплатное обучение фронтенд-разработке с нуля до React — с поддержкой от наставника
Опыт в программировании не нужен.
На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить
С 24 по 28 декабря проводит бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript, а также попробовать самый популярный фреймворк — React
💡Всё объясняет на примере проекта — доски объявлений
Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля
🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее
Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду.
Поделится способами поиcка клиентов с поомщью ИИ.
Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией
Подписывайтесь, чтобы участвовать, осталось 33 места
Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду
➡️Участвовать бесплатно
+ среди участников разыграет годовую подписку на полезный ИИ
7 743
⚙️ Shadcn для Vue: норм или стрём?
Опыт использования shadcn-vue в продакшн проекте: что работает хорошо, а с чем придется помучиться. Честный обзор популярной UI библиотеки от практикующего разработчика.🔗 Читать статью
7 743
🔥 Самые нужные каналы для Frontend разработчика, чтобы расти в доходе 💸
• Frontend | Вопросы собесов
• Frontend | Вакансии с удаленкой
• Frontend | LeetCode
• Frontend | Тесты
Подпишись, чтобы не потерять ☝️
7 743
👩💻 Ubisoft Quartz Background Animation — Размытая анимация отлично подойдёт для фона на вашем сайте
Сделано на CSS🔗 Открыть код
7 743
💸 Разработчики из Яндекса создали IT каналы и слили кучу материала
Здесь информация, которая реально помогает изучать программирование с полного нуля!
Выбирайте своё направление и подписывайся:
👩💻 Python Flow — @python_flow
👩💻 C & C++ Flow — @cpp_flow
💻 IT News Flow — @itnews_flow
👩💻 Java Flow — @java_flow
👩💻 SQL & Базы данных Flow — @sql_flow
👩💻 C# & Unity Flow — @csharp_flow
👩💻 Node.js Flow — @nodejs_flow
👩💻 Linux & DevOps Flow — @linux_flow
👩💻 InfoSec & Хакинг — @hacking_flow
👩💻 Git & GitHub Flow — @git_flow
Прием заявок действует до завтра ⚠️
7 743
⚙️ Коллекция полезных HTML и CSS фич, которые редко используются
Покажу забытые, но полезные фичи HTML/CSS: когда они лучше JS и как применить без боли. Мини-примеры и быстрые советы — внедряем сегодня.🔗 Читать статью
7 743
Привет. Вот тебе самые топовые каналы по IT!
⚙️ Free Znanija (IT) — Самая огромная коллекция платных курсов, которые можно скачать бесплатно;
👩💻 IT Books — Самая огромная библиотека книг;
💻 Hacking & InfoSec Base — Крутой блог белого хакера;
🛡 CyberGuard — Всё про ИБ;
🤔 ИБ Вакансии — Всё, чтобы найти работу в ИБ;
👩💻 linux administration — Всё про Линукс;
👩💻 Программистика — Python, python и ещё раз python;
👩💻 GameDev Base — Всё про GameDev;
😆 //code — Самые топовые мемы по IT:
Подпишись, чтобы не потерять!
