Code Ready | Frontend
Відкрити в Telegram
Авторский канал по Frontend разработке. Ресурсы, гайды, задачи, шпаргалки. Информация ежедневно пополняется! Автор: @energy_c РКН: https://clck.ru/3NJCKs Реклама на бирже: https://telega.in/c/code_ready
Показати більше📈 Аналітичний огляд Telegram-каналу Code Ready | Frontend
Канал Code Ready | Frontend (@code_ready) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 21 641 підписників, посідаючи 6 009 місце в категорії Технології та додатки та 30 507 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 21 641 підписників.
За останніми даними від 01 вересня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на 228, а за останні 24 години на -16, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 7.44%. Протягом перших 24 годин після публікації контент зазвичай збирає 4.32% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 1 611 переглядів. Протягом першої доби публікація в середньому набирає 936 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 21.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як css, браузер, интерфейс, загрузка, api.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“Авторский канал по Frontend разработке.
Ресурсы, гайды, задачи, шпаргалки.
Информация ежедневно пополняется!
Автор: @energy_c
РКН: https://clck.ru/3NJCKs
Реклама на бирже: https://telega.in/c/code_ready”
Завдяки високій частоті оновлень (останні дані отримано 02 вересня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
21 641
Підписники
-1624 години
-537 днів
+22830 днів
Архів дописів
\nAOS.init({\n duration: 1000,\n easing: 'ease-out-cubic',\n once: true,\n startEvent: 'load',\n});\n\nЭлементы указываются следующим образом:\n
\n![\"img\"/](\"img.png\")
\nimg {\n width: 330px;\n height: 200px;\n transition: 2s;\n}\n input:checked + br + img {\n width: 500px;\n height: 400px;\n object-fit: cover;\n object-position: left-top;\n transition: width 2s, height 3s;\n}\n\n👉 @code_ready | #обучение #css","datePublished":"2024-06-15T14:31:12Z","dateModified":"2024-06-15T14:31:12Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4747},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":30},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":48},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/799","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/799","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/799","headline":"Привет! Хочешь научиться хорошо и быстро верстать? Тогда канал «Будни разработчика» для тебя! Подпишись, и уз…","articleBody":"Привет! Хочешь научиться хорошо и быстро верстать?\n\nТогда канал «Будни разработчика» для тебя!\n\nПодпишись, и узнаешь:\n➕ как влиться во фронтенд\n➕ как организовать работу\n➕ как не делать фигню\n\nЖдём! ⬇️","datePublished":"2024-06-15T12:03:11Z","dateModified":"2024-06-19T10:12:36Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3217},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/798","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/798","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/798","headline":"✅ Эффект размытия фона при наведении Если вы хотите добавить интересный эффект при наведении на картинку на в…","articleBody":"✅ Эффект размытия фона при наведении\n\nЕсли вы хотите добавить интересный эффект при наведении на картинку на вашем веб-сайте, то эффект размытия фона - лучшее решение.\n\nЭто позволяет сфокусировать внимание пользователя на картинке и сделать ее более выделенной.\n\n😸 Готовый код для реализации этой анимации, я оставлю в моем репозитории на GitHub\n\n👉 @code_ready | #github","datePublished":"2024-06-14T15:05:45Z","dateModified":"2024-06-14T15:05:45Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4588},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":33},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":55}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/797","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/797","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/797","headline":"⚡️Легкий способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой с…","articleBody":"⚡️Легкий способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:\n\nХакинг: t.me/linuxkalii\nJavascript: t.me/javascriptv\nМашинное обучение: t.me/ai_machinelearning_big_data\nАНАЛИЗ Данных: t.me/data_analysis_ml\nLinux: t.me/linuxacademiya\nJava: t.me/javatg\nБазы данных: t.me/sqlhub\nC++ t.me/cpluspluc\nGolang: t.me/Golang_google\nReact: t.me/react_tg\nC#: t.me/csharp_ci\nМобильная разработка: t.me/mobdevelop\nDocker: t.me/+0WdB4uvOwCY0Mjdi\nPython: t.me/pythonl\nRust: t.me/rust_code\nPHP: t.me/phpshka\nAndroid: t.me/android_its\nBig Data: t.me/bigdatai\nDevops: t.me/devOPSitsec\nСобеседования МЛ: t.me/machinelearning_interview\nPython подготовка с собесу: t.me/python_job_interview\nМАТЕМАТИКА: t.me/data_math\nFrontend: t.me/front\n\n💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi\nПапка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi\nПапка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy\nПапка ML: https://t.me/addlist/2Ls-snqEeytkMDgy\nПапка FRONTEND: https://t.me/addlist/mzMMG3RPZhY2M2Iy\n\n😆ИТ-Мемы: t.me/memes_prog\n🇬🇧Английский: t.me/english_forprogrammers\n🧠ИИ: t.me/vistehno\n\n📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy","datePublished":"2024-06-14T12:33:40Z","dateModified":"2024-06-17T16:17:17Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3382},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":30},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":60}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/796","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/796","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/796","headline":"✅ Строим диаграммы прямо в VS Code Плагин Draw.io Integration позволяет строить множество различных диаграмм,…","articleBody":"✅ Строим диаграммы прямо в VS Code\n\nПлагин Draw.io Integration позволяет строить множество различных диаграмм, связанных с вашим кодом рядом с проектом.\n\nДля его работы необходимо установить плагин, после создать в нужной папке файл с расширением .drawio\n\n👉 @code_ready | #плагин","datePublished":"2024-06-14T07:31:11Z","dateModified":"2024-06-14T07:31:11Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4686},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":57},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":100}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/795","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/795","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/795","headline":"✅ Как работает JSON.parse() в JS? Функция JSON.parse: Преобразует JSON-строку (текст, форматированный в соотв…","articleBody":"✅ Как работает JSON.parse() в JS?\n\nФункция JSON.parse: Преобразует JSON-строку (текст, форматированный в соответствии с текущим стандартом) в объект или значение JavaScript\n\nОна также может принимать второй аргумент — функцию, которая будет вызываться для каждого свойства объекта, возвращаемого функцией. Этот аргумент является необязательным.\n\n👉 @code_ready | #функция #js","datePublished":"2024-06-13T07:03:08Z","dateModified":"2024-06-13T07:03:08Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5090},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":55},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":43},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/794","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/794","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/794","headline":"✅ Полезные горячие клавиши VSCode • Shift + Del — удаляет строку целиком. Не нужно будет выделять мышкой всю…","articleBody":"✅ Полезные горячие клавиши VSCode\n\n• Shift + Del — удаляет строку целиком. Не нужно будет выделять мышкой всю строку и потом нажимать Backspace.\n\n• Ctrl + L — выделяет всю строку целиком. Теперь копипастить еще проще.\n\n👉 @code_ready | #клавиши","datePublished":"2024-06-12T06:15:07Z","dateModified":"2024-06-12T06:15:07Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5868},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":83},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":87},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/793","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/793","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/793","headline":"✅ Создание кнопки для вырезания текста Задача простая — вырезать текст из какого-то блока нажатием кнопки. До…","articleBody":"✅ Создание кнопки для вырезания текста\n\nЗадача простая — вырезать текст из какого-то блока нажатием кнопки. Довольно таки удобно, вместо выделения и копирования просто нажать одну кнопку и нужный текст уже в буфере обмена.\n\n \n \n// Находим кнопку с классом \"cut\" и добавляем обработчик события \"click\"\ndocument.querySelector(\".cut\").addEventListener(\"click\", () => {\n // Получаем текст из элемента с классом \"content\"\n const txt = document.querySelector(\".content\").value;\n // Записываем текст в буфер обмена с помощью Clipboard API\n navigator.clipboard.writeText(txt).then(() => {\n // После успешной записи текста в буфер обмена очищаем поле ввода\n document.querySelector(\".content\").value = \"\";});\n});\n\n👉 @code_ready | #обучение #js","datePublished":"2024-06-11T08:43:04Z","dateModified":"2024-06-11T08:43:04Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5937},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":42},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":60},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/792","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/792","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/792","headline":"✅ Шпаргалка по работе с DOM Данная шпаргалка предоставляет основные команды для выбора, изменения и управлени…","articleBody":"✅ Шпаргалка по работе с DOM\n\nДанная шпаргалка предоставляет основные команды для выбора, изменения и управления элементами веб-страницы в JavaScript. Включает в себя операции с текстовым и HTML-содержимым. \n\n👉 @code_ready | #js #шпаргалка","datePublished":"2024-06-10T17:06:21Z","dateModified":"2024-06-10T17:06:21Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":5,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5756},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":50},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":159},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":5}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/791","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/791","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/791","headline":"– Ты результат своей работы видишь? – Нет. – А он есть. И чтобы исправить ситуацию — пробуйте свои силы во фр…","articleBody":"– Ты результат своей работы видишь?\n– Нет.\n– А он есть.\n\nИ чтобы исправить ситуацию — пробуйте свои силы во фронтенд-разработке на двухнедельном подготовительном курсе «Frontend-разработчик» от Хекслета.\n\nЗдесь даже результат обучения виден сразу, ведь практика на курсе начнется уже в первый день. Еще вас ждут:\n\n– 72 онлайн-урока;\n– 4 живых вебинара;\n– 24 часа поддержки в закрытом Telegram-чате.\n\nА также отличная скидка – всего 990 рублей вместо 3 990!\n\n⏰ Старт уже 13 июня!\n\nРеклама. ООО \"ХЕКСЛЕТ РУС\". ИНН 7325174845. erid:LjN8KQ89h","datePublished":"2024-06-10T14:21:01Z","dateModified":"2024-06-12T14:11:05Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3456},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":12},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/790","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/790","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/790","headline":"✅ Фильтры для картинок Свойство filter в CSS позволяет применять различные изменения на картинки. • Атрибут c…","articleBody":"✅ Фильтры для картинок\n\nСвойство filter в CSS позволяет применять различные изменения на картинки.\n\n• Атрибут contrast изменяет контрастность картинки . Он принимает значения в: %, em, rem, vm, vh, px.\n• Атрибут grayscale изменяет степень серого в картинке. Он принимает значения в процентах.\n\nЭто свойство имеет еще несколько атрибутов, они будут описаны в следующих постах.\n\n👉 @code_ready | #свойство #css","datePublished":"2024-06-09T19:05:26Z","dateModified":"2024-06-09T19:05:26Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5261},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":41},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":62},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/789","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/789","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/789","headline":"👱🏻♀️Как легко знакомиться с реально классными девушками? Знакомиться на улицах сейчас — это как звонить друг…","articleBody":"👱🏻♀️Как легко знакомиться с реально классными девушками?\n\nЗнакомиться на улицах сейчас — это как звонить другу на домашний телефон. В теории работает, но на практике уже неадекватно. \n\nКакова вероятность, что достойная девушка для отношений попадется тебе в метро?\n\nВроде, достойные девушки и существуют, но как будто где-то в параллельной реальности с тобой, лишь изредка пересекаясь.\n\nЛови простой лайфхак: \n\nТы боишься знакомства не потому, что не можешь сказать «привет». А потому, что понятия не имеешь что делать в следующие 5-10 минут и будешь просто щелкать еб@лом. А у тебя тут всего две простых задачи:\n\n— Продемонстрировать свою ценность\n— Выстроить нужный контекст общения\n\nЗаметь в ней что-то уникальное и свяжи это с историей из своей жизни. Например:\n\n— Привет, я случайно увидел тебя и обратил внимание на твои очки. Тебе идут, я тоже раньше носил такие, чтобы казаться старше, когда только начинал преподавать…\n\nЗвучит сложно. Однако на канале Творчество Чувств опытный психолог раскладывает это по полочкам. Один из его недавних кейсов — программист из Гугла, который вышел из 5-летней депрессии и нашел ту самую.\n\n💘 Прекрати застой на личном фронте: t.me/+12GIkA8up3M4Njli","datePublished":"2024-06-09T17:42:35Z","dateModified":"2024-06-11T14:38:58Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2832},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":50},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}}]}
1
\n\n👉 @code_ready | #обучение #js","datePublished":"2024-06-17T12:03:11Z","dateModified":"2024-06-17T12:03:11Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4479},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":34},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":62}]}},{"@type":"ListItem","position":4,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/809","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/809","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/809","headline":"Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги… Пот…","articleBody":"Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги…\n\nПотому что Роман Чернов, веб-разработчик с 10-летним стажем, организовал бесплатный 7-дневный интенсив с практикой и обратной связью.\n\nЗа 7 дней ты:\n- Сверстаешь веб-сайт на HTML + CSS;\n- Реализуешь функционал на JavaScript;\n- Используешь фронтенд-фреймворк Angular;\n- Подключишь Backend и загрузишь сайт на хостинг.\n- Получишь сертификат\n\n👉 Забрать бесплатно 7 дней обучения frontend-разработке\n\nРеклама. ИП Чернова О. А., ИНН:771399721044","datePublished":"2024-06-17T09:31:08Z","dateModified":"2024-06-20T11:40:48Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2989},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":8},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":10}]}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/808","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/808","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/808","headline":"Code Ready | Frontend","datePublished":"2024-06-17T06:30:39Z","dateModified":"2024-06-17T06:30:39Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":12,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4526},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":32},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":12}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/807","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/807","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/807","headline":"Code Ready | Frontend","datePublished":"2024-06-17T06:30:29Z","dateModified":"2024-06-17T06:30:29Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4627},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":11},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/806","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/806","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/806","headline":"✅ Вопрос с собеседования Что такое чистая функция в JavaScript? Ответ: Чистая функция в JavaScript - это функ…","articleBody":"✅ Вопрос с собеседования\n\nЧто такое чистая функция в JavaScript?\n\nОтвет:\n\nЧистая функция в JavaScript - это функция, которая не изменяет внешние переменные или состояние, а также не имеет побочных эффектов. \nОна всегда возвращает один и тот же результат при одинаковых входных данных.\n\nУсловия существования чистой функции:\n\n• Не изменять внешние переменные или состояние.\n• Не зависеть от внешних переменных или состояния (за исключением переданных аргументов).\n• Не вызывать функции с побочными эффектами (например, функции ввода/вывода).\n• Всегда возвращать один и тот же результат при одинаковых входных данных.\n\nВ данном примере представленная простейшая чистая функция и нечистая функция, принимающая значение сторонней переменной и зависящая от него\n\n👉 @code_ready | #собеседование","datePublished":"2024-06-16T15:41:06Z","dateModified":"2024-06-16T15:41:06Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4902},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":40},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":28},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/801","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/801","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/801","headline":"Фронтенд задачки в картинках — просто, наглядно и понятно. Проверяй свои знания в интерактивном формате кажды…","articleBody":"Фронтенд задачки в картинках — просто, наглядно и понятно. Проверяй свои знания в интерактивном формате каждый день. \n\nПрисоединяйтесь: @Frontend_Task","datePublished":"2024-06-16T13:14:58Z","dateModified":"2024-06-20T06:32:10Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3428},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":11},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":12}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/800","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/800","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/800","headline":"✅ Создание анимации кадрирования фото У нас есть два отличных свойства: object-fit и object-position. С их по…","articleBody":"✅ Создание анимации кадрирования фото\n\nУ нас есть два отличных свойства: object-fit и object-position. С их помощью можно изменять размеры изображения, не влияя на соотношение его сторон.\n\n \n
\nimg {\n width: 330px;\n height: 200px;\n transition: 2s;\n}\n input:checked + br + img {\n width: 500px;\n height: 400px;\n object-fit: cover;\n object-position: left-top;\n transition: width 2s, height 3s;\n}\n\n👉 @code_ready | #обучение #css","datePublished":"2024-06-15T14:31:12Z","dateModified":"2024-06-15T14:31:12Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4747},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":30},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":48},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/799","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/799","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/799","headline":"Привет! Хочешь научиться хорошо и быстро верстать? Тогда канал «Будни разработчика» для тебя! Подпишись, и уз…","articleBody":"Привет! Хочешь научиться хорошо и быстро верстать?\n\nТогда канал «Будни разработчика» для тебя!\n\nПодпишись, и узнаешь:\n➕ как влиться во фронтенд\n➕ как организовать работу\n➕ как не делать фигню\n\nЖдём! ⬇️","datePublished":"2024-06-15T12:03:11Z","dateModified":"2024-06-19T10:12:36Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3217},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/798","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/798","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/798","headline":"✅ Эффект размытия фона при наведении Если вы хотите добавить интересный эффект при наведении на картинку на в…","articleBody":"✅ Эффект размытия фона при наведении\n\nЕсли вы хотите добавить интересный эффект при наведении на картинку на вашем веб-сайте, то эффект размытия фона - лучшее решение.\n\nЭто позволяет сфокусировать внимание пользователя на картинке и сделать ее более выделенной.\n\n😸 Готовый код для реализации этой анимации, я оставлю в моем репозитории на GitHub\n\n👉 @code_ready | #github","datePublished":"2024-06-14T15:05:45Z","dateModified":"2024-06-14T15:05:45Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4588},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":33},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":55}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/797","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/797","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/797","headline":"⚡️Легкий способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой с…","articleBody":"⚡️Легкий способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:\n\nХакинг: t.me/linuxkalii\nJavascript: t.me/javascriptv\nМашинное обучение: t.me/ai_machinelearning_big_data\nАНАЛИЗ Данных: t.me/data_analysis_ml\nLinux: t.me/linuxacademiya\nJava: t.me/javatg\nБазы данных: t.me/sqlhub\nC++ t.me/cpluspluc\nGolang: t.me/Golang_google\nReact: t.me/react_tg\nC#: t.me/csharp_ci\nМобильная разработка: t.me/mobdevelop\nDocker: t.me/+0WdB4uvOwCY0Mjdi\nPython: t.me/pythonl\nRust: t.me/rust_code\nPHP: t.me/phpshka\nAndroid: t.me/android_its\nBig Data: t.me/bigdatai\nDevops: t.me/devOPSitsec\nСобеседования МЛ: t.me/machinelearning_interview\nPython подготовка с собесу: t.me/python_job_interview\nМАТЕМАТИКА: t.me/data_math\nFrontend: t.me/front\n\n💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi\nПапка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi\nПапка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy\nПапка ML: https://t.me/addlist/2Ls-snqEeytkMDgy\nПапка FRONTEND: https://t.me/addlist/mzMMG3RPZhY2M2Iy\n\n😆ИТ-Мемы: t.me/memes_prog\n🇬🇧Английский: t.me/english_forprogrammers\n🧠ИИ: t.me/vistehno\n\n📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy","datePublished":"2024-06-14T12:33:40Z","dateModified":"2024-06-17T16:17:17Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3382},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":30},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":60}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/796","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/796","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/796","headline":"✅ Строим диаграммы прямо в VS Code Плагин Draw.io Integration позволяет строить множество различных диаграмм,…","articleBody":"✅ Строим диаграммы прямо в VS Code\n\nПлагин Draw.io Integration позволяет строить множество различных диаграмм, связанных с вашим кодом рядом с проектом.\n\nДля его работы необходимо установить плагин, после создать в нужной папке файл с расширением .drawio\n\n👉 @code_ready | #плагин","datePublished":"2024-06-14T07:31:11Z","dateModified":"2024-06-14T07:31:11Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4686},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":57},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":100}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/795","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/795","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/795","headline":"✅ Как работает JSON.parse() в JS? Функция JSON.parse: Преобразует JSON-строку (текст, форматированный в соотв…","articleBody":"✅ Как работает JSON.parse() в JS?\n\nФункция JSON.parse: Преобразует JSON-строку (текст, форматированный в соответствии с текущим стандартом) в объект или значение JavaScript\n\nОна также может принимать второй аргумент — функцию, которая будет вызываться для каждого свойства объекта, возвращаемого функцией. Этот аргумент является необязательным.\n\n👉 @code_ready | #функция #js","datePublished":"2024-06-13T07:03:08Z","dateModified":"2024-06-13T07:03:08Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5090},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":55},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":43},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/794","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/794","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/794","headline":"✅ Полезные горячие клавиши VSCode • Shift + Del — удаляет строку целиком. Не нужно будет выделять мышкой всю…","articleBody":"✅ Полезные горячие клавиши VSCode\n\n• Shift + Del — удаляет строку целиком. Не нужно будет выделять мышкой всю строку и потом нажимать Backspace.\n\n• Ctrl + L — выделяет всю строку целиком. Теперь копипастить еще проще.\n\n👉 @code_ready | #клавиши","datePublished":"2024-06-12T06:15:07Z","dateModified":"2024-06-12T06:15:07Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5868},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":83},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":87},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/793","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/793","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/793","headline":"✅ Создание кнопки для вырезания текста Задача простая — вырезать текст из какого-то блока нажатием кнопки. До…","articleBody":"✅ Создание кнопки для вырезания текста\n\nЗадача простая — вырезать текст из какого-то блока нажатием кнопки. Довольно таки удобно, вместо выделения и копирования просто нажать одну кнопку и нужный текст уже в буфере обмена.\n\n \n \n// Находим кнопку с классом \"cut\" и добавляем обработчик события \"click\"\ndocument.querySelector(\".cut\").addEventListener(\"click\", () => {\n // Получаем текст из элемента с классом \"content\"\n const txt = document.querySelector(\".content\").value;\n // Записываем текст в буфер обмена с помощью Clipboard API\n navigator.clipboard.writeText(txt).then(() => {\n // После успешной записи текста в буфер обмена очищаем поле ввода\n document.querySelector(\".content\").value = \"\";});\n});\n\n👉 @code_ready | #обучение #js","datePublished":"2024-06-11T08:43:04Z","dateModified":"2024-06-11T08:43:04Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5937},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":42},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":60},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/792","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/792","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/792","headline":"✅ Шпаргалка по работе с DOM Данная шпаргалка предоставляет основные команды для выбора, изменения и управлени…","articleBody":"✅ Шпаргалка по работе с DOM\n\nДанная шпаргалка предоставляет основные команды для выбора, изменения и управления элементами веб-страницы в JavaScript. Включает в себя операции с текстовым и HTML-содержимым. \n\n👉 @code_ready | #js #шпаргалка","datePublished":"2024-06-10T17:06:21Z","dateModified":"2024-06-10T17:06:21Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":5,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5756},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":50},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":159},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":5}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/791","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/791","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/791","headline":"– Ты результат своей работы видишь? – Нет. – А он есть. И чтобы исправить ситуацию — пробуйте свои силы во фр…","articleBody":"– Ты результат своей работы видишь?\n– Нет.\n– А он есть.\n\nИ чтобы исправить ситуацию — пробуйте свои силы во фронтенд-разработке на двухнедельном подготовительном курсе «Frontend-разработчик» от Хекслета.\n\nЗдесь даже результат обучения виден сразу, ведь практика на курсе начнется уже в первый день. Еще вас ждут:\n\n– 72 онлайн-урока;\n– 4 живых вебинара;\n– 24 часа поддержки в закрытом Telegram-чате.\n\nА также отличная скидка – всего 990 рублей вместо 3 990!\n\n⏰ Старт уже 13 июня!\n\nРеклама. ООО \"ХЕКСЛЕТ РУС\". ИНН 7325174845. erid:LjN8KQ89h","datePublished":"2024-06-10T14:21:01Z","dateModified":"2024-06-12T14:11:05Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3456},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":12},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/790","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/790","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/790","headline":"✅ Фильтры для картинок Свойство filter в CSS позволяет применять различные изменения на картинки. • Атрибут c…","articleBody":"✅ Фильтры для картинок\n\nСвойство filter в CSS позволяет применять различные изменения на картинки.\n\n• Атрибут contrast изменяет контрастность картинки . Он принимает значения в: %, em, rem, vm, vh, px.\n• Атрибут grayscale изменяет степень серого в картинке. Он принимает значения в процентах.\n\nЭто свойство имеет еще несколько атрибутов, они будут описаны в следующих постах.\n\n👉 @code_ready | #свойство #css","datePublished":"2024-06-09T19:05:26Z","dateModified":"2024-06-09T19:05:26Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5261},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":41},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":62},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/789","url":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/789","mainEntityOfPage":"https://telemetr.io/uk/channels/1743337580-code_ready/posts/789","headline":"👱🏻♀️Как легко знакомиться с реально классными девушками? Знакомиться на улицах сейчас — это как звонить друг…","articleBody":"👱🏻♀️Как легко знакомиться с реально классными девушками?\n\nЗнакомиться на улицах сейчас — это как звонить другу на домашний телефон. В теории работает, но на практике уже неадекватно. \n\nКакова вероятность, что достойная девушка для отношений попадется тебе в метро?\n\nВроде, достойные девушки и существуют, но как будто где-то в параллельной реальности с тобой, лишь изредка пересекаясь.\n\nЛови простой лайфхак: \n\nТы боишься знакомства не потому, что не можешь сказать «привет». А потому, что понятия не имеешь что делать в следующие 5-10 минут и будешь просто щелкать еб@лом. А у тебя тут всего две простых задачи:\n\n— Продемонстрировать свою ценность\n— Выстроить нужный контекст общения\n\nЗаметь в ней что-то уникальное и свяжи это с историей из своей жизни. Например:\n\n— Привет, я случайно увидел тебя и обратил внимание на твои очки. Тебе идут, я тоже раньше носил такие, чтобы казаться старше, когда только начинал преподавать…\n\nЗвучит сложно. Однако на канале Творчество Чувств опытный психолог раскладывает это по полочкам. Один из его недавних кейсов — программист из Гугла, который вышел из 5-летней депрессии и нашел ту самую.\n\n💘 Прекрати застой на личном фронте: t.me/+12GIkA8up3M4Njli","datePublished":"2024-06-09T17:42:35Z","dateModified":"2024-06-11T14:38:58Z","author":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"publisher":{"@type":"Organization","name":"Code Ready | Frontend","url":"https://telemetr.io/uk/channels/1743337580-code_ready","image":"https://img.tlmtr.io/c/1TYRK4/5470090139851149735?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2832},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":50},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}}]}21 640
⌛ Хватит терять время на уже готовый код!
Frontend Trends — библиотека фронтендера, где собраны готовые CodePen решения для ежедневных задач. Эффекты при наведении, 3D-анимации, готовые карточки и др.
🪩 Зашли – сохранили – применили в своём проекте. Пользуйтесь: @trends_frontend
21 640
✅ Как работает IIFE?
IIFE (Immediately Invoked Function Expression) в JavaScript - это функция, которая вызывается сразу же после своего определения. Она позволяет создавать локальную область видимости, чтобы избежать конфликта имен в глобальной области видимости.
IIFE определяется как анонимная функция, которая вызывается с помощью оператора () или new.
Когда JavaScript-интерпретатор встречает IIFE, он сначала вычисляет выражение в круглых скобках, которое представляет собой анонимную функцию. Затем он вызывает эту функцию с помощью оператора (), передавая ей аргументы.
👉 @code_ready | #функция #js
21 640
✅ Как сделать красивый скролл страницы?
Библиотека aos предоставляет широкий функционал для проработки анимации прокрутки страницы на JavaScript.
Элементы указываются следующим образом:<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>AOS.init({ duration: 1000, easing: 'ease-out-cubic', once: true, startEvent: 'load', });
👉 @code_ready | #обучение #js<div class="card" data-aos="fade-up" data-aos-duration="1000">1</div>
21 640
Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги…
Потому что Роман Чернов, веб-разработчик с 10-летним стажем, организовал бесплатный 7-дневный интенсив с практикой и обратной связью.
За 7 дней ты:
- Сверстаешь веб-сайт на HTML + CSS;
- Реализуешь функционал на JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключишь Backend и загрузишь сайт на хостинг.
- Получишь сертификат
👉 Забрать бесплатно 7 дней обучения frontend-разработке
Реклама. ИП Чернова О. А., ИНН:771399721044
21 640
✅ Вопрос с собеседования
Что такое чистая функция в JavaScript?
Ответ:
Чистая функция в JavaScript - это функция, которая не изменяет внешние переменные или состояние, а также не имеет побочных эффектов.
Она всегда возвращает один и тот же результат при одинаковых входных данных.
Условия существования чистой функции:
• Не изменять внешние переменные или состояние.
• Не зависеть от внешних переменных или состояния (за исключением переданных аргументов).
• Не вызывать функции с побочными эффектами (например, функции ввода/вывода).
• Всегда возвращать один и тот же результат при одинаковых входных данных.
В данном примере представленная простейшая чистая функция и нечистая функция, принимающая значение сторонней переменной и зависящая от него👉 @code_ready | #собеседование
21 640
+4
Фронтенд задачки в картинках — просто, наглядно и понятно. Проверяй свои знания в интерактивном формате каждый день.
Присоединяйтесь: @Frontend_Task
21 640
✅ Создание анимации кадрирования фото
У нас есть два отличных свойства: object-fit и object-position. С их помощью можно изменять размеры изображения, не влияя на соотношение его сторон.
👉 @code_ready | #обучение #css<input type="checkbox"/> <br> <img src="img.png" alt="img"/>img { width: 330px; height: 200px; transition: 2s; } input:checked + br + img { width: 500px; height: 400px; object-fit: cover; object-position: left-top; transition: width 2s, height 3s; }
21 640
Привет! Хочешь научиться хорошо и быстро верстать?
Тогда канал «Будни разработчика» для тебя!
Подпишись, и узнаешь:
➕ как влиться во фронтенд
➕ как организовать работу
➕ как не делать фигню
Ждём! ⬇️
21 640
✅ Эффект размытия фона при наведении
Если вы хотите добавить интересный эффект при наведении на картинку на вашем веб-сайте, то эффект размытия фона - лучшее решение.
Это позволяет сфокусировать внимание пользователя на картинке и сделать ее более выделенной.
😸 Готовый код для реализации этой анимации, я оставлю в моем репозитории на GitHub
👉 @code_ready | #github
21 640
⚡️Легкий способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:
Хакинг: t.me/linuxkalii
Javascript: t.me/javascriptv
Машинное обучение: t.me/ai_machinelearning_big_data
АНАЛИЗ Данных: t.me/data_analysis_ml
Linux: t.me/linuxacademiya
Java: t.me/javatg
Базы данных: t.me/sqlhub
C++ t.me/cpluspluc
Golang: t.me/Golang_google
React: t.me/react_tg
C#: t.me/csharp_ci
Мобильная разработка: t.me/mobdevelop
Docker: t.me/+0WdB4uvOwCY0Mjdi
Python: t.me/pythonl
Rust: t.me/rust_code
PHP: t.me/phpshka
Android: t.me/android_its
Big Data: t.me/bigdatai
Devops: t.me/devOPSitsec
Собеседования МЛ: t.me/machinelearning_interview
Python подготовка с собесу: t.me/python_job_interview
МАТЕМАТИКА: t.me/data_math
Frontend: t.me/front
💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.me/addlist/mzMMG3RPZhY2M2Iy
😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno
📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy
21 640
✅ Строим диаграммы прямо в VS Code
Плагин Draw.io Integration позволяет строить множество различных диаграмм, связанных с вашим кодом рядом с проектом.
Для его работы необходимо установить плагин, после создать в нужной папке файл с расширением .drawio
👉 @code_ready | #плагин
21 640
✅ Как работает JSON.parse() в JS?
Функция JSON.parse: Преобразует JSON-строку (текст, форматированный в соответствии с текущим стандартом) в объект или значение JavaScript
Она также может принимать второй аргумент — функцию, которая будет вызываться для каждого свойства объекта, возвращаемого функцией. Этот аргумент является необязательным.
👉 @code_ready | #функция #js
21 640
✅ Полезные горячие клавиши VSCode
• Shift + Del — удаляет строку целиком. Не нужно будет выделять мышкой всю строку и потом нажимать Backspace.
• Ctrl + L — выделяет всю строку целиком. Теперь копипастить еще проще.
👉 @code_ready | #клавиши
21 640
✅ Создание кнопки для вырезания текста
Задача простая — вырезать текст из какого-то блока нажатием кнопки. Довольно таки удобно, вместо выделения и копирования просто нажать одну кнопку и нужный текст уже в буфере обмена.
<textarea type="text" class="content"></textarea>
<button type="button" class="cut">Вырезать</button>// Находим кнопку с классом "cut" и добавляем обработчик события "click"
document.querySelector(".cut").addEventListener("click", () => {
// Получаем текст из элемента с классом "content"
const txt = document.querySelector(".content").value;
// Записываем текст в буфер обмена с помощью Clipboard API
navigator.clipboard.writeText(txt).then(() => {
// После успешной записи текста в буфер обмена очищаем поле ввода
document.querySelector(".content").value = "";});
});21 640
✅ Шпаргалка по работе с DOM
Данная шпаргалка предоставляет основные команды для выбора, изменения и управления элементами веб-страницы в JavaScript. Включает в себя операции с текстовым и HTML-содержимым.
👉 @code_ready | #js #шпаргалка
21 640
– Ты результат своей работы видишь?
– Нет.
– А он есть.
И чтобы исправить ситуацию — пробуйте свои силы во фронтенд-разработке на двухнедельном подготовительном курсе «Frontend-разработчик» от Хекслета.
Здесь даже результат обучения виден сразу, ведь практика на курсе начнется уже в первый день. Еще вас ждут:
– 72 онлайн-урока;
– 4 живых вебинара;
– 24 часа поддержки в закрытом Telegram-чате.
А также отличная скидка – всего 990 рублей вместо 3 990!
⏰ Старт уже 13 июня!
Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid:LjN8KQ89h
21 640
✅ Фильтры для картинок
Свойство filter в CSS позволяет применять различные изменения на картинки.
• Атрибут contrast изменяет контрастность картинки . Он принимает значения в: %, em, rem, vm, vh, px.
• Атрибут grayscale изменяет степень серого в картинке. Он принимает значения в процентах.
Это свойство имеет еще несколько атрибутов, они будут описаны в следующих постах.
👉 @code_ready | #свойство #css
21 640
👱🏻♀️Как легко знакомиться с реально классными девушками?
Знакомиться на улицах сейчас — это как звонить другу на домашний телефон. В теории работает, но на практике уже неадекватно.
Какова вероятность, что достойная девушка для отношений попадется тебе в метро?
Вроде, достойные девушки и существуют, но как будто где-то в параллельной реальности с тобой, лишь изредка пересекаясь.
Лови простой лайфхак:
Ты боишься знакомства не потому, что не можешь сказать «привет». А потому, что понятия не имеешь что делать в следующие 5-10 минут и будешь просто щелкать еб@лом. А у тебя тут всего две простых задачи:
— Продемонстрировать свою ценность
— Выстроить нужный контекст общения
Заметь в ней что-то уникальное и свяжи это с историей из своей жизни. Например:
— Привет, я случайно увидел тебя и обратил внимание на твои очки. Тебе идут, я тоже раньше носил такие, чтобы казаться старше, когда только начинал преподавать…
Звучит сложно. Однако на канале Творчество Чувств опытный психолог раскладывает это по полочкам. Один из его недавних кейсов — программист из Гугла, который вышел из 5-летней депрессии и нашел ту самую.
💘 Прекрати застой на личном фронте: t.me/+12GIkA8up3M4Njli
