CodeBase | Frontend
前往频道在 Telegram
Все самое интересное и полезное у нас 😎 Контакт: @Filgood777 (реклама, сотрудничество)
显示更多
网络:1 964
订阅者
无数据24 小时
-27 天
-2030 天
帖子存档
\n\n🗣️ В этом примере изображение загружается только при необходимости, заменяя placeholder.jpg на image.jpg. Lazy loading улучшает производительность и пользовательский опыт на сайтах с большим количеством медиа-контента.\n\nCodeBase | Frontend | #основы","datePublished":"2024-12-11T19:42:44Z","dateModified":"2024-12-11T19:42:44Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":785},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":13},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":18}]}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/406","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/406","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/406","headline":"20 000 рублей Алексей Т. заработал за первый заказ, и со следующих заказов ещё +34 000 руб. пришло на карту.…","articleBody":"20 000 рублей Алексей Т. заработал за первый заказ, и со следующих заказов ещё +34 000 руб. пришло на карту.\n\nПривет! Я Fullstack-разработчик Роман Чернов с опытом более 10 лет.\n\nЯ помогаю желающим работать в IT с обучением, практикой и выходом на фриланс.\n\nСейчас стартует мой бесплатный курс по фронтенд-разработке, где за 7 дней ты:\n\n1. Сверстаешь веб-сайт на HTML + CSS;\n2. Оживишь страницу с помощью JavaScript;\n3. Используешь фронтенд-фреймворк Angular;\n4. Подключишь Backend и загрузишь сайт на хостинг;\n5. Получишь советы по доработке своего проекта;\n6. Добавишь в портфолио 1 качественный проект;\n7. Получишь в подарок чек-лист «45 мест для поиска работы».\n\nПодходит для всех уровней и не требует опыта в программировании.\n\n👉 Забрать обучение бесплатно","datePublished":"2024-12-11T08:01:03Z","dateModified":"2024-12-27T16:32:45Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":612},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/405","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/405","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/405","headline":"👩💻 Что такое WeakMap в JavaScript и как он работает? WeakMap — это коллекция для хранения пар ключ-значение,…","articleBody":"👩💻 Что такое WeakMap в JavaScript и как он работает?\n\nWeakMap — это коллекция для хранения пар ключ-значение, где ключами могут быть только объекты. В отличие от Map, WeakMap позволяет сборщику мусора удалять записи, если на объект-ключ нет других ссылок.\n\n➡️ Пример:\n\nlet obj = { name: 'Alice' };\nconst weakMap = new WeakMap();\n\nweakMap.set(obj, 'Дополнительные данные');\nconsole.log(weakMap.get(obj)); // 'Дополнительные данные'\n\nobj = null; // Ключ становится недоступен, запись удаляется из WeakMap\n\n🗣️ В этом примере WeakMap хранит дополнительные данные для объекта obj. После обнуления ссылки obj запись автоматически удаляется, освобождая память.\n\nCodeBase | Frontend | #js","datePublished":"2024-12-10T04:01:03Z","dateModified":"2024-12-10T04:01:03Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":649},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":9}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/400","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/400","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/400","headline":"👨💻 Изучай фронтенд по мини-гайдам! Канал WebTaverna ежедневно публикуют полезные обучающие мини-гайды в карт…","articleBody":"👨💻 Изучай фронтенд по мини-гайдам! \n\nКанал WebTaverna ежедневно публикуют полезные обучающие мини-гайды в картинках, а также различные полезные шпаргалки и советы по HTML, CSS и JavaScript\n\n➡️ Подписывайся на WebTaverna 😮\n\nА также залетай в наш новый канал\n🆕 \"Фронтенд Заметки\", где ты найдешь бесплатные видео-уроки и статьи по HTML, CSS, JS, а также по React.js и Vue.js","datePublished":"2024-12-09T14:12:02Z","dateModified":"2024-12-09T14:12:02Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":854},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/399","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/399","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/399","headline":"CodeBase | Frontend","datePublished":"2024-12-08T16:19:55Z","dateModified":"2024-12-08T16:19:55Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":614},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":13},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2024-12-08T13:16:01Z"}}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/398","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/398","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/398","headline":"👩💻 Что такое :has() в CSS и как он работает? :has() — это новый CSS-псевдокласс, который позволяет выбирать…","articleBody":"👩💻 Что такое :has() в CSS и как он работает?\n\n:has() — это новый CSS-псевдокласс, который позволяет выбирать элемент, если он содержит определённые дочерние элементы. Его часто называют \"псевдоклассом родителя\".\n\n➡️ Пример:\n\n Тег создаёт независимый блок — например, блок новостей, блок с контакта…","articleBody":"👩💻 Что такое тег \n\nТег создаёт независимый блок — например, блок новостей, блок с контактами или просто абзац с заголовком.\n\n\n \n\n\n \n\n• Тег всегда закрывается при помощи парного тега .\n• Внутри обязательно должен быть заголовок ...
\n
\nТекст
\n \n\n
\n\n\n\n🗣️ В этом примере :has(button) выбирает .card, если внутри неё есть кнопка. Это позволяет применять стили на основе содержимого элемента, улучшая контроль над структурой.\n\nCodeBase | Frontend | #css","datePublished":"2024-12-08T06:00:40Z","dateModified":"2024-12-08T06:00:40Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":682},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":16},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":18}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/397","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/397","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/397","headline":"Привет! Увлекаешься IT? Приглашаем Вас в наш Telegram-канал Берлога программиста — место, где айтишники отдых…","articleBody":"Привет! Увлекаешься IT?\n\nПриглашаем Вас в наш Telegram-канал Берлога программиста — место, где айтишники отдыхают, как настоящие медведи в своей берлоге.\n\nЗалезть в берлогу\n\n Реклама. Магомедов Р.М. ИНН 057105866786.","datePublished":"2024-12-05T14:02:15Z","dateModified":"2024-12-05T14:02:15Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":640},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/396","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/396","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/396","headline":"Весомые аргументы есть у обеих сторон 😊 © CodeBase | Frontend | #мем","articleBody":"Весомые аргументы есть у обеих сторон 😊\n©\n\nCodeBase | Frontend | #мем","datePublished":"2024-12-05T10:31:53Z","dateModified":"2024-12-05T10:31:53Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":633},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/395","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/395","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/395","headline":"😱 Вот и всё! Теперь вам не нужно сливать деньги на дорогие курсы по фронтенд-разработке — всё необходимое для…","articleBody":"😱 Вот и всё! Теперь вам не нужно сливать деньги на дорогие курсы по фронтенд-разработке — всё необходимое для обучения доступно совершенно бесплатно!\n\nВсё, что нужно для изучения фронтенда: полное руководство по HTML, CSS, а также практические гайды — @made_in_html_css.\n\nДетальный анализ материалов по FRONTEND-разработке. При этом информация представлена в лёгком и доступном формате, который делает процесс обучения увлекательным и ненадоедливым!\n\nНе упустите шанс подписаться на этот уникальный канал — Made in HTML/CSS","datePublished":"2024-12-05T08:02:36Z","dateModified":"2024-12-05T08:02:36Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":556},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/394","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/394","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/394","headline":"👩💻 Что такое Set в JavaScript и как он работает? Set — это встроенный объект JavaScript, который хранит уник…","articleBody":"👩💻 Что такое Set в JavaScript и как он работает?\n\nSet — это встроенный объект JavaScript, который хранит уникальные значения любого типа. Он полезен для удаления дубликатов из массивов или проверки принадлежности элементов. \n\n➡️ Пример:\n\nconst set = new Set([1, 2, 2, 3, 4]);\n\nset.add(5); // Добавление элемента\nconsole.log(set.has(3)); // true (проверка наличия)\nset.delete(2); // Удаление элемента\nconsole.log([...set]); // [1, 3, 4, 5] (преобразование в массив)\n\n🗣️ В этом примере Set хранит только уникальные значения и позволяет легко управлять коллекцией. Это полезно для оптимизации работы с массивами и устранения дублирования данных. \n\nCodeBase | Frontend | #js","datePublished":"2024-12-05T06:00:45Z","dateModified":"2024-12-05T06:00:45Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":544},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":10}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/393","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/393","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/393","headline":"Здесь препод из ИТМО и Вышки делится актуальными материалами по программированию, языкам и технологиям. Основ…","articleBody":"Здесь препод из ИТМО и Вышки делится актуальными материалами по программированию, языкам и технологиям. \n\nОсновы программирования — ключевые статьи, инсайды индустрии и авторские комментарии помогут тебе понять, как устроен мир IT — всё просто и по делу.\n\nПодписывайся, чтобы быть в теме и разбираться в программировании на уровне: @progcore 👩💻","datePublished":"2024-12-04T07:46:02Z","dateModified":"2024-12-04T07:46:02Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":576},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/392","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/392","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/392","headline":"React: современные шаблоны для разработки приложений Автор: Бэнкс Алекс, Порселло Ева Авторы научат вас созда…","articleBody":"React: современные шаблоны для разработки приложений\n\nАвтор: Бэнкс Алекс, Порселло Ева\n\nАвторы научат вас создавать пользовательские интерфейсы, которые будут динамически отображать изменения без необходимости перезагрузки страницы даже на крупномасштабных сайтах, работающих с огромными массивами данных.\n\n#book#react\n\nКнига\n\nCodeBase | Frontend | #react","datePublished":"2024-12-04T05:18:11Z","dateModified":"2024-12-04T05:18:11Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":561},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":18},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/391","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/391","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/391","headline":"👩💻 Что такое тег Только текст
\nЗаголовок первого блока
\nСъешь ещё этих мягких французских булок, да выпей чаю.
\nЗаголовок второго блока
\nСъешь ещё этих мягких французских булок, да выпей же чаю.
\n....\n• Контейнеры можно вкладывать друг в друга, как матрёшку.\n\n💡 Если вы хотите просто объединить и стилизовать второстепенные элементы, которые не так важны для поисковика, лучше использовать .\n\nНекоторые начинающие разработчики неверно понимают семантику этого тега и заменяют им большую часть дивов на странице. Так делать не стоит.\n\nТегом стоит оборачивать большие логические блоки на странице.\n\n🛠 По спецификации допустимо размещать в каждом заголовок первого уровня (). Несмотря на это, не стоит размещать на странице больше одного заголовка первого уровня. Это важно для правильной индексации сайта поисковыми роботами.\n\nCodeBase | Frontend | #html","datePublished":"2024-12-03T18:57:02Z","dateModified":"2024-12-03T18:57:02Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"image":["https://n3.tlmtr.cc/p/5395802143526609658?ty=l"],"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":557},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":14},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":15}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/390","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/390","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/390","headline":"Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давност…","articleBody":"Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давности.\n\nХороший пример — @concertzaal. Там так увлекательно пишут про технологии и медиа, что через неделю даже ваша бабушка начнет шарить за интернет-тренды, штучный интеллект и гаджеты.\n\nПригодится всем, кто много времени проводит в интернете, но кроме рилсов и тиктоков ничего не смотрит.\n\nПосмотрите на досуге, это очень затягивает: @concertzaal","datePublished":"2024-12-03T16:35:59Z","dateModified":"2024-12-03T16:35:59Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":466},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/389","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/389","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/389","headline":"CodeBase | Frontend","datePublished":"2024-12-03T15:52:06Z","dateModified":"2024-12-03T15:52:06Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":6,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":488},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":13},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":6}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/382","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/382","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/382","headline":"Всем привет! 👋 С 2008 года я занимаюсь продвижением сайтов в Яндекс и Google. Наверное, у многих тут есть сво…","articleBody":"Всем привет! 👋\nС 2008 года я занимаюсь продвижением сайтов в Яндекс и Google. \nНаверное, у многих тут есть свои сайты, развитием которых вы занимаетесь?\n\nhttps://t.me/seoalliance - мой канал с актуальными методами и примерами продвижения сайтов. Найдете интересное.\nhttps://seseo.ru/ - сайт\nhttps://t.me/allianceseo?erid=LjN8K93vq - написать мне лично\n\nГотов помочь с развитием и продвижением ваших сайтов на любом этапе. \n\nВ общем, всё, что связано с рекламой и развитием сайтов - ко мне 🤝\nПроконсультирую и направлю - бесплатно! \nВсе мы немного IT'шники 😀\n\nЧто могу предложить:\n⚙ Seo - поисковое продвижение.\n⚙ Проведение аудитов сайтов.\n⚙ Составление стратегии развития.\n⚙ Контекстная реклама.\n⚙ Создание оптимизированных сайтов.\n⚙ Seo прототипирование на этапе создания сайта.\n⚙ Услуги настройки и ведения контекстной рекламы.\n\n#реклама\nО рекламодателе","datePublished":"2024-12-03T07:07:02Z","dateModified":"2024-12-03T07:07:02Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":645},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/381","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/381","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/381","headline":"Вкатываешься такой в веб, а там эти","articleBody":"Вкатываешься такой в веб, а там эти","datePublished":"2024-12-03T04:52:46Z","dateModified":"2024-12-03T04:52:46Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":515},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":18},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}}]}
1 964
🌀 Кто просил английский для IT?
🔷 Подписывайтесь на авторский канал -> English - ITnglish
Читайте закрепы.1 964
👩💻 Что такое свойство filter в CSS и как оно используется?
filter — это CSS-свойство, которое позволяет применять визуальные эффекты, такие как размытие, изменение яркости или насыщенности, к элементам. Это полезно для стилизации изображений, фона и других элементов без использования графических редакторов.
➡️ Пример:
<img src="example.jpg" class="filtered" alt="Изображение с фильтром">
<style>
.filtered {
filter: grayscale(50%) blur(5px); /* Частично чёрно-белое изображение с размытие */
}
</style>
🗣️ В этом примере свойство filter делает изображение частично черно-белым и добавляет размытие. Это упрощает создание визуально сложных эффектов средствами CSS.
CodeBase | Frontend | #css1 964
Получите акции до 20к рублей на свой счёт🎁
Реальная возможность получить акции компаний в подарок и стабильно зарабатывать на них
Перейдите в бот @t_invest_official_bot , чтобы отправить заявку на получение и открыть доступ к платформе с Вашими активами💳
Доступно всего несколько дней, места на получение ограничены, успевайте!1 964
⚙️ Что такое lazy loading и зачем оно используется на Frontend?
Lazy loading — это техника загрузки ресурсов (например, изображений или скриптов) только тогда, когда они становятся необходимыми. Это ускоряет первоначальную загрузку страницы и экономит трафик.
➡️ Пример:
<img src="placeholder.jpg" data-src="image.jpg" class="lazy" alt="Изображение">
<script>
const lazyImages = document.querySelectorAll('img.lazy');
lazyImages.forEach(img => {
img.src = img.dataset.src;
});
</script>
🗣️ В этом примере изображение загружается только при необходимости, заменяя placeholder.jpg на image.jpg. Lazy loading улучшает производительность и пользовательский опыт на сайтах с большим количеством медиа-контента.
CodeBase | Frontend | #основы1 964
20 000 рублей Алексей Т. заработал за первый заказ, и со следующих заказов ещё +34 000 руб. пришло на карту.
Привет! Я Fullstack-разработчик Роман Чернов с опытом более 10 лет.
Я помогаю желающим работать в IT с обучением, практикой и выходом на фриланс.
Сейчас стартует мой бесплатный курс по фронтенд-разработке, где за 7 дней ты:
1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
Подходит для всех уровней и не требует опыта в программировании.
👉 Забрать обучение бесплатно1 964
👩💻 Что такое WeakMap в JavaScript и как он работает?
WeakMap — это коллекция для хранения пар ключ-значение, где ключами могут быть только объекты. В отличие от Map, WeakMap позволяет сборщику мусора удалять записи, если на объект-ключ нет других ссылок.
➡️ Пример:
let obj = { name: 'Alice' };
const weakMap = new WeakMap();
weakMap.set(obj, 'Дополнительные данные');
console.log(weakMap.get(obj)); // 'Дополнительные данные'
obj = null; // Ключ становится недоступен, запись удаляется из WeakMap
🗣️ В этом примере WeakMap хранит дополнительные данные для объекта obj. После обнуления ссылки obj запись автоматически удаляется, освобождая память.
CodeBase | Frontend | #js1 964
+4👨💻 Изучай фронтенд по мини-гайдам!
Канал WebTaverna ежедневно публикуют полезные обучающие мини-гайды в картинках, а также различные полезные шпаргалки и советы по HTML, CSS и JavaScript
➡️ Подписывайся на WebTaverna 😮
А также залетай в наш новый канал
🆕 "Фронтенд Заметки", где ты найдешь бесплатные видео-уроки и статьи по HTML, CSS, JS, а также по React.js и Vue.js1 964
👩💻 Что такое :has() в CSS и как он работает?
:has() — это новый CSS-псевдокласс, который позволяет выбирать элемент, если он содержит определённые дочерние элементы. Его часто называют "псевдоклассом родителя".
➡️ Пример:
<div class="card">
<p>Текст</p>
<button>Нажми меня</button>
</div>
<div class="card">
<p>Только текст</p>
</div>
<style>
.card:has(button) {
border: 2px solid blue; /* Стили для карточек с кнопкой */
}
</style>
🗣️ В этом примере :has(button) выбирает .card, если внутри неё есть кнопка. Это позволяет применять стили на основе содержимого элемента, улучшая контроль над структурой.
CodeBase | Frontend | #css1 964
Привет! Увлекаешься IT?
Приглашаем Вас в наш Telegram-канал Берлога программиста — место, где айтишники отдыхают, как настоящие медведи в своей берлоге.
Залезть в берлогу
Реклама. Магомедов Р.М. ИНН 057105866786.1 964
😱 Вот и всё! Теперь вам не нужно сливать деньги на дорогие курсы по фронтенд-разработке — всё необходимое для обучения доступно совершенно бесплатно!
Всё, что нужно для изучения фронтенда: полное руководство по HTML, CSS, а также практические гайды — @made_in_html_css.
Детальный анализ материалов по FRONTEND-разработке. При этом информация представлена в лёгком и доступном формате, который делает процесс обучения увлекательным и ненадоедливым!
Не упустите шанс подписаться на этот уникальный канал — Made in HTML/CSS1 964
👩💻 Что такое Set в JavaScript и как он работает?
Set — это встроенный объект JavaScript, который хранит уникальные значения любого типа. Он полезен для удаления дубликатов из массивов или проверки принадлежности элементов.
➡️ Пример:
const set = new Set([1, 2, 2, 3, 4]);
set.add(5); // Добавление элемента
console.log(set.has(3)); // true (проверка наличия)
set.delete(2); // Удаление элемента
console.log([...set]); // [1, 3, 4, 5] (преобразование в массив)
🗣️ В этом примере Set хранит только уникальные значения и позволяет легко управлять коллекцией. Это полезно для оптимизации работы с массивами и устранения дублирования данных.
CodeBase | Frontend | #js1 964
Здесь препод из ИТМО и Вышки делится актуальными материалами по программированию, языкам и технологиям.
Основы программирования — ключевые статьи, инсайды индустрии и авторские комментарии помогут тебе понять, как устроен мир IT — всё просто и по делу.
Подписывайся, чтобы быть в теме и разбираться в программировании на уровне: @progcore 👩💻1 964
React: современные шаблоны для разработки приложений
Автор: Бэнкс Алекс, Порселло Ева
Авторы научат вас создавать пользовательские интерфейсы, которые будут динамически отображать изменения без необходимости перезагрузки страницы даже на крупномасштабных сайтах, работающих с огромными массивами данных.
#book#react
Книга
CodeBase | Frontend | #react1 964
👩💻 Что такое тег <section>
Тег <section> создаёт независимый блок — например, блок новостей, блок с контактами или просто абзац с заголовком.
<section>
<h1>Заголовок первого блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей чаю.</p>
</section>
<section>
<h1>Заголовок второго блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей же чаю.</p>
</section>
• Тег <section> всегда закрывается при помощи парного тега </section>.
• Внутри <section> обязательно должен быть заголовок <h1>...<h6>.
• Контейнеры <section> можно вкладывать друг в друга, как матрёшку.
💡 Если вы хотите просто объединить и стилизовать второстепенные элементы, которые не так важны для поисковика, лучше использовать <div>.
Некоторые начинающие разработчики неверно понимают семантику этого тега и заменяют им большую часть дивов на странице. Так делать не стоит.
Тегом <section> стоит оборачивать большие логические блоки на странице.
🛠 По спецификации допустимо размещать в каждом <section> заголовок первого уровня (<h1>). Несмотря на это, не стоит размещать на странице больше одного заголовка первого уровня. Это важно для правильной индексации сайта поисковыми роботами.
CodeBase | Frontend | #html1 964
Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давности.
Хороший пример — @concertzaal. Там так увлекательно пишут про технологии и медиа, что через неделю даже ваша бабушка начнет шарить за интернет-тренды, штучный интеллект и гаджеты.
Пригодится всем, кто много времени проводит в интернете, но кроме рилсов и тиктоков ничего не смотрит.
Посмотрите на досуге, это очень затягивает: @concertzaal1 964
+6Всем привет! 👋
С 2008 года я занимаюсь продвижением сайтов в Яндекс и Google.
Наверное, у многих тут есть свои сайты, развитием которых вы занимаетесь?
https://t.me/seoalliance - мой канал с актуальными методами и примерами продвижения сайтов. Найдете интересное.
https://seseo.ru/ - сайт
https://t.me/allianceseo?erid=LjN8K93vq - написать мне лично
Готов помочь с развитием и продвижением ваших сайтов на любом этапе.
В общем, всё, что связано с рекламой и развитием сайтов - ко мне 🤝
Проконсультирую и направлю - бесплатно!
Все мы немного IT'шники 😀
Что могу предложить:
⚙ Seo - поисковое продвижение.
⚙ Проведение аудитов сайтов.
⚙ Составление стратегии развития.
⚙ Контекстная реклама.
⚙ Создание оптимизированных сайтов.
⚙ Seo прототипирование на этапе создания сайта.
⚙ Услуги настройки и ведения контекстной рекламы.
#реклама
О рекламодателе
.\n\nНекоторые начинающие разработчики неверно понимают семантику этого тега и заменяют им большую часть дивов на странице. Так делать не стоит.\n\nТегом стоит оборачивать большие логические блоки на странице.\n\n🛠 По спецификации допустимо размещать в каждом заголовок первого уровня (). Несмотря на это, не стоит размещать на странице больше одного заголовка первого уровня. Это важно для правильной индексации сайта поисковыми роботами.\n\nCodeBase | Frontend | #html","datePublished":"2024-12-03T18:57:02Z","dateModified":"2024-12-03T18:57:02Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"image":["https://n3.tlmtr.cc/p/5395802143526609658?ty=l"],"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":557},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":14},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":15}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/390","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/390","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/390","headline":"Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давност…","articleBody":"Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давности.\n\nХороший пример — @concertzaal. Там так увлекательно пишут про технологии и медиа, что через неделю даже ваша бабушка начнет шарить за интернет-тренды, штучный интеллект и гаджеты.\n\nПригодится всем, кто много времени проводит в интернете, но кроме рилсов и тиктоков ничего не смотрит.\n\nПосмотрите на досуге, это очень затягивает: @concertzaal","datePublished":"2024-12-03T16:35:59Z","dateModified":"2024-12-03T16:35:59Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":466},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/389","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/389","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/389","headline":"CodeBase | Frontend","datePublished":"2024-12-03T15:52:06Z","dateModified":"2024-12-03T15:52:06Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":6,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":488},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":13},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":6}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/382","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/382","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/382","headline":"Всем привет! 👋 С 2008 года я занимаюсь продвижением сайтов в Яндекс и Google. Наверное, у многих тут есть сво…","articleBody":"Всем привет! 👋\nС 2008 года я занимаюсь продвижением сайтов в Яндекс и Google. \nНаверное, у многих тут есть свои сайты, развитием которых вы занимаетесь?\n\nhttps://t.me/seoalliance - мой канал с актуальными методами и примерами продвижения сайтов. Найдете интересное.\nhttps://seseo.ru/ - сайт\nhttps://t.me/allianceseo?erid=LjN8K93vq - написать мне лично\n\nГотов помочь с развитием и продвижением ваших сайтов на любом этапе. \n\nВ общем, всё, что связано с рекламой и развитием сайтов - ко мне 🤝\nПроконсультирую и направлю - бесплатно! \nВсе мы немного IT'шники 😀\n\nЧто могу предложить:\n⚙ Seo - поисковое продвижение.\n⚙ Проведение аудитов сайтов.\n⚙ Составление стратегии развития.\n⚙ Контекстная реклама.\n⚙ Создание оптимизированных сайтов.\n⚙ Seo прототипирование на этапе создания сайта.\n⚙ Услуги настройки и ведения контекстной рекламы.\n\n#реклама\nО рекламодателе","datePublished":"2024-12-03T07:07:02Z","dateModified":"2024-12-03T07:07:02Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":645},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/381","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/381","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/381","headline":"Вкатываешься такой в веб, а там эти","articleBody":"Вкатываешься такой в веб, а там эти","datePublished":"2024-12-03T04:52:46Z","dateModified":"2024-12-03T04:52:46Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":515},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":18},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}}]}
). Несмотря на это, не стоит размещать на странице больше одного заголовка первого уровня. Это важно для правильной индексации сайта поисковыми роботами.\n\nCodeBase | Frontend | #html","datePublished":"2024-12-03T18:57:02Z","dateModified":"2024-12-03T18:57:02Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"image":["https://n3.tlmtr.cc/p/5395802143526609658?ty=l"],"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":557},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":14},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":15}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/390","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/390","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/390","headline":"Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давност…","articleBody":"Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давности.\n\nХороший пример — @concertzaal. Там так увлекательно пишут про технологии и медиа, что через неделю даже ваша бабушка начнет шарить за интернет-тренды, штучный интеллект и гаджеты.\n\nПригодится всем, кто много времени проводит в интернете, но кроме рилсов и тиктоков ничего не смотрит.\n\nПосмотрите на досуге, это очень затягивает: @concertzaal","datePublished":"2024-12-03T16:35:59Z","dateModified":"2024-12-03T16:35:59Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":466},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/389","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/389","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/389","headline":"CodeBase | Frontend","datePublished":"2024-12-03T15:52:06Z","dateModified":"2024-12-03T15:52:06Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":6,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":488},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":13},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":6}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/382","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/382","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/382","headline":"Всем привет! 👋 С 2008 года я занимаюсь продвижением сайтов в Яндекс и Google. Наверное, у многих тут есть сво…","articleBody":"Всем привет! 👋\nС 2008 года я занимаюсь продвижением сайтов в Яндекс и Google. \nНаверное, у многих тут есть свои сайты, развитием которых вы занимаетесь?\n\nhttps://t.me/seoalliance - мой канал с актуальными методами и примерами продвижения сайтов. Найдете интересное.\nhttps://seseo.ru/ - сайт\nhttps://t.me/allianceseo?erid=LjN8K93vq - написать мне лично\n\nГотов помочь с развитием и продвижением ваших сайтов на любом этапе. \n\nВ общем, всё, что связано с рекламой и развитием сайтов - ко мне 🤝\nПроконсультирую и направлю - бесплатно! \nВсе мы немного IT'шники 😀\n\nЧто могу предложить:\n⚙ Seo - поисковое продвижение.\n⚙ Проведение аудитов сайтов.\n⚙ Составление стратегии развития.\n⚙ Контекстная реклама.\n⚙ Создание оптимизированных сайтов.\n⚙ Seo прототипирование на этапе создания сайта.\n⚙ Услуги настройки и ведения контекстной рекламы.\n\n#реклама\nО рекламодателе","datePublished":"2024-12-03T07:07:02Z","dateModified":"2024-12-03T07:07:02Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":645},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/381","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/381","mainEntityOfPage":"https://telemetr.io/ch/channels/1798973851-codebase_frontend/posts/381","headline":"Вкатываешься такой в веб, а там эти","articleBody":"Вкатываешься такой в веб, а там эти","datePublished":"2024-12-03T04:52:46Z","dateModified":"2024-12-03T04:52:46Z","author":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"publisher":{"@type":"Organization","name":"CodeBase | Frontend","url":"https://telemetr.io/ch/channels/1798973851-codebase_frontend","image":"https://img.tlmtr.io/c/1XKjhh/5226818570820900840?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":515},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":18},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}}]}1 964🌀 Кто просил английский для IT?
🔷 Подписывайтесь на авторский канал -> English - ITnglish
Читайте закрепы.1 964👩💻 Что такое свойство filter в CSS и как оно используется?
filter — это CSS-свойство, которое позволяет применять визуальные эффекты, такие как размытие, изменение яркости или насыщенности, к элементам. Это полезно для стилизации изображений, фона и других элементов без использования графических редакторов.
➡️ Пример:
<img src="example.jpg" class="filtered" alt="Изображение с фильтром">
<style>
.filtered {
filter: grayscale(50%) blur(5px); /* Частично чёрно-белое изображение с размытие */
}
</style>
🗣️ В этом примере свойство filter делает изображение частично черно-белым и добавляет размытие. Это упрощает создание визуально сложных эффектов средствами CSS.
CodeBase | Frontend | #css1 964Получите акции до 20к рублей на свой счёт🎁
Реальная возможность получить акции компаний в подарок и стабильно зарабатывать на них
Перейдите в бот @t_invest_official_bot , чтобы отправить заявку на получение и открыть доступ к платформе с Вашими активами💳
Доступно всего несколько дней, места на получение ограничены, успевайте!1 964⚙️ Что такое lazy loading и зачем оно используется на Frontend?
Lazy loading — это техника загрузки ресурсов (например, изображений или скриптов) только тогда, когда они становятся необходимыми. Это ускоряет первоначальную загрузку страницы и экономит трафик.
➡️ Пример:
<img src="placeholder.jpg" data-src="image.jpg" class="lazy" alt="Изображение">
<script>
const lazyImages = document.querySelectorAll('img.lazy');
lazyImages.forEach(img => {
img.src = img.dataset.src;
});
</script>
🗣️ В этом примере изображение загружается только при необходимости, заменяя placeholder.jpg на image.jpg. Lazy loading улучшает производительность и пользовательский опыт на сайтах с большим количеством медиа-контента.
CodeBase | Frontend | #основы1 96420 000 рублей Алексей Т. заработал за первый заказ, и со следующих заказов ещё +34 000 руб. пришло на карту.
Привет! Я Fullstack-разработчик Роман Чернов с опытом более 10 лет.
Я помогаю желающим работать в IT с обучением, практикой и выходом на фриланс.
Сейчас стартует мой бесплатный курс по фронтенд-разработке, где за 7 дней ты:
1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
Подходит для всех уровней и не требует опыта в программировании.
👉 Забрать обучение бесплатно1 964👩💻 Что такое WeakMap в JavaScript и как он работает?
WeakMap — это коллекция для хранения пар ключ-значение, где ключами могут быть только объекты. В отличие от Map, WeakMap позволяет сборщику мусора удалять записи, если на объект-ключ нет других ссылок.
➡️ Пример:
let obj = { name: 'Alice' };
const weakMap = new WeakMap();
weakMap.set(obj, 'Дополнительные данные');
console.log(weakMap.get(obj)); // 'Дополнительные данные'
obj = null; // Ключ становится недоступен, запись удаляется из WeakMap
🗣️ В этом примере WeakMap хранит дополнительные данные для объекта obj. После обнуления ссылки obj запись автоматически удаляется, освобождая память.
CodeBase | Frontend | #js1 964+4👨💻 Изучай фронтенд по мини-гайдам!
Канал WebTaverna ежедневно публикуют полезные обучающие мини-гайды в картинках, а также различные полезные шпаргалки и советы по HTML, CSS и JavaScript
➡️ Подписывайся на WebTaverna 😮
А также залетай в наш новый канал
🆕 "Фронтенд Заметки", где ты найдешь бесплатные видео-уроки и статьи по HTML, CSS, JS, а также по React.js и Vue.js1 964👩💻 Что такое :has() в CSS и как он работает?
:has() — это новый CSS-псевдокласс, который позволяет выбирать элемент, если он содержит определённые дочерние элементы. Его часто называют "псевдоклассом родителя".
➡️ Пример:
<div class="card">
<p>Текст</p>
<button>Нажми меня</button>
</div>
<div class="card">
<p>Только текст</p>
</div>
<style>
.card:has(button) {
border: 2px solid blue; /* Стили для карточек с кнопкой */
}
</style>
🗣️ В этом примере :has(button) выбирает .card, если внутри неё есть кнопка. Это позволяет применять стили на основе содержимого элемента, улучшая контроль над структурой.
CodeBase | Frontend | #css1 964Привет! Увлекаешься IT?
Приглашаем Вас в наш Telegram-канал Берлога программиста — место, где айтишники отдыхают, как настоящие медведи в своей берлоге.
Залезть в берлогу
Реклама. Магомедов Р.М. ИНН 057105866786.1 964😱 Вот и всё! Теперь вам не нужно сливать деньги на дорогие курсы по фронтенд-разработке — всё необходимое для обучения доступно совершенно бесплатно!
Всё, что нужно для изучения фронтенда: полное руководство по HTML, CSS, а также практические гайды — @made_in_html_css.
Детальный анализ материалов по FRONTEND-разработке. При этом информация представлена в лёгком и доступном формате, который делает процесс обучения увлекательным и ненадоедливым!
Не упустите шанс подписаться на этот уникальный канал — Made in HTML/CSS1 964👩💻 Что такое Set в JavaScript и как он работает?
Set — это встроенный объект JavaScript, который хранит уникальные значения любого типа. Он полезен для удаления дубликатов из массивов или проверки принадлежности элементов.
➡️ Пример:
const set = new Set([1, 2, 2, 3, 4]);
set.add(5); // Добавление элемента
console.log(set.has(3)); // true (проверка наличия)
set.delete(2); // Удаление элемента
console.log([...set]); // [1, 3, 4, 5] (преобразование в массив)
🗣️ В этом примере Set хранит только уникальные значения и позволяет легко управлять коллекцией. Это полезно для оптимизации работы с массивами и устранения дублирования данных.
CodeBase | Frontend | #js1 964Здесь препод из ИТМО и Вышки делится актуальными материалами по программированию, языкам и технологиям.
Основы программирования — ключевые статьи, инсайды индустрии и авторские комментарии помогут тебе понять, как устроен мир IT — всё просто и по делу.
Подписывайся, чтобы быть в теме и разбираться в программировании на уровне: @progcore 👩💻1 964React: современные шаблоны для разработки приложений
Автор: Бэнкс Алекс, Порселло Ева
Авторы научат вас создавать пользовательские интерфейсы, которые будут динамически отображать изменения без необходимости перезагрузки страницы даже на крупномасштабных сайтах, работающих с огромными массивами данных.
#book#react
Книга
CodeBase | Frontend | #react1 964👩💻 Что такое тег <section>
Тег <section> создаёт независимый блок — например, блок новостей, блок с контактами или просто абзац с заголовком.
<section>
<h1>Заголовок первого блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей чаю.</p>
</section>
<section>
<h1>Заголовок второго блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей же чаю.</p>
</section>
• Тег <section> всегда закрывается при помощи парного тега </section>.
• Внутри <section> обязательно должен быть заголовок <h1>...<h6>.
• Контейнеры <section> можно вкладывать друг в друга, как матрёшку.
💡 Если вы хотите просто объединить и стилизовать второстепенные элементы, которые не так важны для поисковика, лучше использовать <div>.
Некоторые начинающие разработчики неверно понимают семантику этого тега и заменяют им большую часть дивов на странице. Так делать не стоит.
Тегом <section> стоит оборачивать большие логические блоки на странице.
🛠 По спецификации допустимо размещать в каждом <section> заголовок первого уровня (<h1>). Несмотря на это, не стоит размещать на странице больше одного заголовка первого уровня. Это важно для правильной индексации сайта поисковыми роботами.
CodeBase | Frontend | #html1 964Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давности.
Хороший пример — @concertzaal. Там так увлекательно пишут про технологии и медиа, что через неделю даже ваша бабушка начнет шарить за интернет-тренды, штучный интеллект и гаджеты.
Пригодится всем, кто много времени проводит в интернете, но кроме рилсов и тиктоков ничего не смотрит.
Посмотрите на досуге, это очень затягивает: @concertzaal1 964+6Всем привет! 👋
С 2008 года я занимаюсь продвижением сайтов в Яндекс и Google.
Наверное, у многих тут есть свои сайты, развитием которых вы занимаетесь?
https://t.me/seoalliance - мой канал с актуальными методами и примерами продвижения сайтов. Найдете интересное.
https://seseo.ru/ - сайт
https://t.me/allianceseo?erid=LjN8K93vq - написать мне лично
Готов помочь с развитием и продвижением ваших сайтов на любом этапе.
В общем, всё, что связано с рекламой и развитием сайтов - ко мне 🤝
Проконсультирую и направлю - бесплатно!
Все мы немного IT'шники 😀
Что могу предложить:
⚙ Seo - поисковое продвижение.
⚙ Проведение аудитов сайтов.
⚙ Составление стратегии развития.
⚙ Контекстная реклама.
⚙ Создание оптимизированных сайтов.
⚙ Seo прототипирование на этапе создания сайта.
⚙ Услуги настройки и ведения контекстной рекламы.
#реклама
О рекламодателе
1 964
🌀 Кто просил
английский для IT?
🔷 Подписывайтесь на авторский канал -> English - ITnglish
Читайте закрепы.1 964
👩💻 Что такое свойство
filter в CSS и как оно используется?
filter — это CSS-свойство, которое позволяет применять визуальные эффекты, такие как размытие, изменение яркости или насыщенности, к элементам. Это полезно для стилизации изображений, фона и других элементов без использования графических редакторов.
➡️ Пример:
<img src="example.jpg" class="filtered" alt="Изображение с фильтром">
<style>
.filtered {
filter: grayscale(50%) blur(5px); /* Частично чёрно-белое изображение с размытие */
}
</style>filter делает изображение частично черно-белым и добавляет размытие. Это упрощает создание визуально сложных эффектов средствами CSS.
CodeBase | Frontend | #css1 964
Получите акции до 20к рублей на свой счёт🎁
Реальная возможность получить акции компаний в подарок и стабильно зарабатывать на них
Перейдите в бот @t_invest_official_bot , чтобы отправить заявку на получение и открыть доступ к платформе с Вашими активами💳
Доступно всего несколько дней, места на получение ограничены, успевайте!
1 964
⚙️ Что такое lazy loading и зачем оно используется на Frontend?
Lazy loading — это техника загрузки ресурсов (например, изображений или скриптов) только тогда, когда они становятся необходимыми. Это ускоряет первоначальную загрузку страницы и экономит трафик.
➡️ Пример:
<img src="placeholder.jpg" data-src="image.jpg" class="lazy" alt="Изображение">
<script>
const lazyImages = document.querySelectorAll('img.lazy');
lazyImages.forEach(img => {
img.src = img.dataset.src;
});
</script>placeholder.jpg на image.jpg. Lazy loading улучшает производительность и пользовательский опыт на сайтах с большим количеством медиа-контента.
CodeBase | Frontend | #основы1 964
20 000 рублей Алексей Т. заработал за первый заказ, и со следующих заказов ещё +34 000 руб. пришло на карту.
Привет! Я Fullstack-разработчик Роман Чернов с опытом более 10 лет.
Я помогаю желающим работать в IT с обучением, практикой и выходом на фриланс.
Сейчас стартует мой бесплатный курс по фронтенд-разработке, где за 7 дней ты:
1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
Подходит для всех уровней и не требует опыта в программировании.
👉 Забрать обучение бесплатно
1 964
👩💻 Что такое WeakMap в JavaScript и как он работает?
WeakMap — это коллекция для хранения пар ключ-значение, где ключами могут быть только объекты. В отличие от Map, WeakMap позволяет сборщику мусора удалять записи, если на объект-ключ нет других ссылок.
➡️ Пример:
let obj = { name: 'Alice' };
const weakMap = new WeakMap();
weakMap.set(obj, 'Дополнительные данные');
console.log(weakMap.get(obj)); // 'Дополнительные данные'
obj = null; // Ключ становится недоступен, запись удаляется из WeakMapWeakMap хранит дополнительные данные для объекта obj. После обнуления ссылки obj запись автоматически удаляется, освобождая память.
CodeBase | Frontend | #js1 964
+4
👨💻 Изучай фронтенд по мини-гайдам!
Канал WebTaverna ежедневно публикуют полезные обучающие мини-гайды в картинках, а также различные полезные шпаргалки и советы по HTML, CSS и JavaScript
➡️ Подписывайся на WebTaverna 😮
А также залетай в наш новый канал
🆕 "Фронтенд Заметки", где ты найдешь бесплатные видео-уроки и статьи по HTML, CSS, JS, а также по React.js и Vue.js
1 964
👩💻 Что такое :has() в CSS и как он работает?
:has() — это новый CSS-псевдокласс, который позволяет выбирать элемент, если он содержит определённые дочерние элементы. Его часто называют "псевдоклассом родителя".
➡️ Пример:
<div class="card">
<p>Текст</p>
<button>Нажми меня</button>
</div>
<div class="card">
<p>Только текст</p>
</div>
<style>
.card:has(button) {
border: 2px solid blue; /* Стили для карточек с кнопкой */
}
</style>:has(button) выбирает .card, если внутри неё есть кнопка. Это позволяет применять стили на основе содержимого элемента, улучшая контроль над структурой.
CodeBase | Frontend | #css1 964
Привет! Увлекаешься IT?
Приглашаем Вас в наш Telegram-канал Берлога программиста — место, где айтишники отдыхают, как настоящие медведи в своей берлоге.
Залезть в берлогу
Реклама. Магомедов Р.М. ИНН 057105866786.
1 964
😱 Вот и всё! Теперь вам не нужно сливать деньги на дорогие курсы по фронтенд-разработке — всё необходимое для обучения доступно совершенно бесплатно!
Всё, что нужно для изучения фронтенда: полное руководство по HTML, CSS, а также практические гайды — @made_in_html_css.
Детальный анализ материалов по FRONTEND-разработке. При этом информация представлена в лёгком и доступном формате, который делает процесс обучения увлекательным и ненадоедливым!
Не упустите шанс подписаться на этот уникальный канал — Made in HTML/CSS
1 964
👩💻 Что такое
Set в JavaScript и как он работает?
Set — это встроенный объект JavaScript, который хранит уникальные значения любого типа. Он полезен для удаления дубликатов из массивов или проверки принадлежности элементов.
➡️ Пример:
const set = new Set([1, 2, 2, 3, 4]);
set.add(5); // Добавление элемента
console.log(set.has(3)); // true (проверка наличия)
set.delete(2); // Удаление элемента
console.log([...set]); // [1, 3, 4, 5] (преобразование в массив)Set хранит только уникальные значения и позволяет легко управлять коллекцией. Это полезно для оптимизации работы с массивами и устранения дублирования данных.
CodeBase | Frontend | #js1 964
Здесь препод из ИТМО и Вышки делится актуальными материалами по программированию, языкам и технологиям.
Основы программирования — ключевые статьи, инсайды индустрии и авторские комментарии помогут тебе понять, как устроен мир IT — всё просто и по делу.
Подписывайся, чтобы быть в теме и разбираться в программировании на уровне: @progcore 👩💻
1 964
React: современные шаблоны для разработки приложений
Автор: Бэнкс Алекс, Порселло Ева
Авторы научат вас создавать пользовательские интерфейсы, которые будут динамически отображать изменения без необходимости перезагрузки страницы даже на крупномасштабных сайтах, работающих с огромными массивами данных.
#book#react
Книга
CodeBase | Frontend | #react
1 964
👩💻 Что такое тег <section>
Тег
<section> создаёт независимый блок — например, блок новостей, блок с контактами или просто абзац с заголовком.
<section>
<h1>Заголовок первого блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей чаю.</p>
</section>
<section>
<h1>Заголовок второго блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей же чаю.</p>
</section>• Тег <section> всегда закрывается при помощи парного тега </section>.
• Внутри <section> обязательно должен быть заголовок <h1>...<h6>.
• Контейнеры <section> можно вкладывать друг в друга, как матрёшку.
💡 Если вы хотите просто объединить и стилизовать второстепенные элементы, которые не так важны для поисковика, лучше использовать <div>.
Некоторые начинающие разработчики неверно понимают семантику этого тега и заменяют им большую часть дивов на странице. Так делать не стоит.
Тегом <section> стоит оборачивать большие логические блоки на странице.
🛠 По спецификации допустимо размещать в каждом <section> заголовок первого уровня (<h1>). Несмотря на это, не стоит размещать на странице больше одного заголовка первого уровня. Это важно для правильной индексации сайта поисковыми роботами.CodeBase | Frontend | #html
1 964
Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давности.
Хороший пример — @concertzaal. Там так увлекательно пишут про технологии и медиа, что через неделю даже ваша бабушка начнет шарить за интернет-тренды, штучный интеллект и гаджеты.
Пригодится всем, кто много времени проводит в интернете, но кроме рилсов и тиктоков ничего не смотрит.
Посмотрите на досуге, это очень затягивает: @concertzaal
1 964
+6
Всем привет! 👋
С 2008 года я занимаюсь продвижением сайтов в Яндекс и Google.
Наверное, у многих тут есть свои сайты, развитием которых вы занимаетесь?
https://t.me/seoalliance - мой канал с актуальными методами и примерами продвижения сайтов. Найдете интересное.
https://seseo.ru/ - сайт
https://t.me/allianceseo?erid=LjN8K93vq - написать мне лично
Готов помочь с развитием и продвижением ваших сайтов на любом этапе.
В общем, всё, что связано с рекламой и развитием сайтов - ко мне 🤝
Проконсультирую и направлю - бесплатно!
Все мы немного IT'шники 😀
Что могу предложить:
⚙ Seo - поисковое продвижение.
⚙ Проведение аудитов сайтов.
⚙ Составление стратегии развития.
⚙ Контекстная реклама.
⚙ Создание оптимизированных сайтов.
⚙ Seo прототипирование на этапе создания сайта.
⚙ Услуги настройки и ведения контекстной рекламы.
#реклама
О рекламодателе
