ar
Feedback

لا تقع ضحية للمخادعين! تيليمتريو يكتشف ويُميّز هذه القنوات 👉 إذا كنت تريد رؤية العلامة، اشترك

Frontender Libs - обзор библиотек JS / CSS

Frontender Libs - обзор библиотек JS / CSS

الذهاب إلى القناة على Telegram
7 361
المشتركون
-224 ساعات
-217 أيام
-9230 أيام
أرشيف المشاركات
\n\n👉 @sWebDev","datePublished":"2023-06-11T13:30:02Z","dateModified":"2023-06-11T13:30:02Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1228},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11}]}},{"@type":"ListItem","position":2,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2177","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2177","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2177","headline":"Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HT…","articleBody":"Верстаешь?\n\nОцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:\n\n1. Сверстаешь веб-сайт на HTML + CSS;\n2. Оживишь страницу с помощью JavaScript;\n3. Используешь фронтенд-фреймворк Angular;\n4. Подключишь Backend и загрузишь сайт на хостинг;\n5. Получишь советы по доработке своего проекта;\n6. Добавишь в портфолио 1 качественный проект;\n7. Получишь в подарок чек-лист «45 мест для поиска работы».\n\nА главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.\n\n👉 Проскочить на интенсив бесплатно\n\nНачинаем 13 июня.","datePublished":"2023-06-11T09:30:05Z","dateModified":"2023-06-11T09:30:05Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1093},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":3,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2176","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2176","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2176","headline":"Three.js isometric cubes animation Анимированная сцена из кубов, выполненная на Three.js. 👉 @sWebDev","articleBody":"Three.js isometric cubes animation\n\nАнимированная сцена из кубов, выполненная на Three.js.\n\n👉 @sWebDev","datePublished":"2023-06-11T09:15:02Z","dateModified":"2023-06-11T09:15:02Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1059},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6}]}},{"@type":"ListItem","position":4,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2175","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2175","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2175","headline":"Frontender Libs - обзор библиотек JS / CSS","datePublished":"2023-06-10T14:15:02Z","dateModified":"2023-06-10T14:15:02Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1179},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2174","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2174","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2174","headline":"Как вернуть изменяемый ref-объект React? Представьте, что вам нужно вернуть ref-объект, свойство .current кот…","articleBody":"Как вернуть изменяемый ref-объект React?\n\nПредставьте, что вам нужно вернуть ref-объект, свойство .current которого будет инициализироваться переданным аргументом. Каким хуком для этого воспользоваться?\n\n👉 @sWebDev","datePublished":"2023-06-10T14:15:01Z","dateModified":"2023-06-10T14:15:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1149},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2173","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2173","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2173","headline":"Создание лучших форм с помощью Vue.js 3 Composition API: практическое руководство Руководство по созданию фор…","articleBody":"Создание лучших форм с помощью Vue.js 3 Composition API: практическое руководство\n\nРуководство по созданию форм с использованием Composition API в Vue.js 3. Автор предлагает использовать Composition API для улучшения управления состоянием форм, обработки валидации и управления событиями. В статье рассматриваются различные концепции, такие как реактивные переменные, встроенные хуки и композиционные функции.\n\n👉 @sWebDev","datePublished":"2023-06-10T08:06:01Z","dateModified":"2023-06-10T08:06:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1217},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":33}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2172","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2172","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2172","headline":"Photo Tear Анимированная сцена, выполненная на Three.js и GSAP.js. 👉 @sWebDev","articleBody":"Photo Tear\n\nАнимированная сцена, выполненная на Three.js и GSAP.js.\n\n👉 @sWebDev","datePublished":"2023-06-09T08:33:05Z","dateModified":"2023-06-09T08:33:05Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1254},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2171","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2171","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2171","headline":"CharmUI Библиотека CharmUI - это набор инструментов для создания пользовательских интерфейсов веб-приложений…","articleBody":"CharmUI\n\nБиблиотека CharmUI - это набор инструментов для создания пользовательских интерфейсов веб-приложений с использованием HTML, CSS и JavaScript. Библиотека предлагает разнообразные компоненты, включая кнопки, формы, модальные окна и многое другое. CharmUI является гибкой и обладает хорошей документацией.\n\n👉 @sWebDev","datePublished":"2023-06-08T06:25:01Z","dateModified":"2023-06-08T06:25:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1297},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2170","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2170","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2170","headline":"Как я структурирую свои приложения Angular В материале представлен систематический поход к организации прилож…","articleBody":"Как я структурирую свои приложения Angular\n\nВ материале представлен систематический поход к организации приложений Angular. Автор предлагает использовать модульную архитектуру, разделять компоненты на контейнеры и презентационные компоненты, а также использовать сервисы для обработки бизнес-логики.\n\n👉 @sWebDev","datePublished":"2023-06-07T14:00:05Z","dateModified":"2023-06-07T14:00:05Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1254},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":14}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2169","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2169","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2169","headline":"Как легко прокачать навыки верстки и найти работу? Присоединяйся к каналам опытного верстальщика: 1. Вёрстка…","articleBody":"Как легко прокачать навыки верстки и найти работу? \n\nПрисоединяйся к каналам опытного верстальщика: \n1. Вёрстка сайтов | HTML, CSS, JS — здесь собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS, а также советы по заработку на фрилансе.\n\n2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду\n\nНаучись и зарабатывай на верстке!","datePublished":"2023-06-07T12:00:05Z","dateModified":"2023-06-09T12:30:11Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":904}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2168","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2168","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2168","headline":"Слайдер на GSAP.js Проект анимированного слайдера, выполненный с применением библиотеки GSAP.js. 👉 @sWebDev","articleBody":"Слайдер на GSAP.js\n\nПроект анимированного слайдера, выполненный с применением библиотеки GSAP.js.\n\n👉 @sWebDev","datePublished":"2023-06-07T08:31:05Z","dateModified":"2023-06-07T08:31:05Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1244},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":21}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2167","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2167","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2167","headline":"Hamsters.js Hamsters.js - JavaScript-библиотека, предназначенная для многопоточных вычислений в браузере. Она…","articleBody":"Hamsters.js\n\nHamsters.js - JavaScript-библиотека, предназначенная для многопоточных вычислений в браузере. Она позволяет выполнять операции параллельно, распределяя вычислительную нагрузку на доступные ядра процессора. Библиотека обеспечивает простой и понятный API для использования многопоточности в JavaScript, что может значительно повысить производительность вычислений. Если вам нужно выполнить интенсивные вычисления на клиентской стороне, Hamsters.js может быть полезным инструментом для оптимизации вашего кода и улучшения отзывчивости приложения.\n\n👉 @sWebDev","datePublished":"2023-06-06T15:21:01Z","dateModified":"2023-06-06T15:21:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1342},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":26}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2166","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2166","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2166","headline":"Эффект карандашного наброска с помощью постобработки Three.js Руководство по созданию эффекта карандашного на…","articleBody":"Эффект карандашного наброска с помощью постобработки Three.js\n\nРуководство по созданию эффекта карандашного наброска с помощью библиотеки Three.js.\n\n👉 @sWebDev","datePublished":"2023-06-06T13:00:04Z","dateModified":"2023-06-06T13:00:04Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1246},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2165","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2165","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2165","headline":"Вы фронтендер и ещё не слышали об Astro? Это фреймворк, который стремительно набирает популярность и конкурир…","articleBody":"Вы фронтендер и ещё не слышали об Astro? \n \nЭто фреймворк, который стремительно набирает популярность и конкурирует с популярным NextJS. Он ориентирован на производительность сайта, а ещё с ним можно использовать любую библиотеку: React, Vue, Angular и другие.\n \nДмитрий Безуглый (8+ лет опыта в Яндекс, VK и Frogly) решил разобраться, чем же так хорош Astro, поэтому ничего не планируйте на 8 июня — будем строить приложение в прямом эфире! \n \nПоговорим об основных концепциях фреймворка, его архитектурных паттернах и подходах, которые позволяют достичь такой оптимизации. \n \nВстречаемся 8 июня в 19:00 (GMT+3)\n\nНе забудьте зарегистрироваться!","datePublished":"2023-06-06T07:00:06Z","dateModified":"2023-06-12T06:28:55Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1220},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2164","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2164","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2164","headline":"Создание React-приложения с использованием инструмента Create React App npx create-react-app myReactApp — это…","articleBody":"Создание React-приложения с использованием инструмента Create React App\n\nnpx create-react-app myReactApp — это команда, которую вы можете выполнить в командной строке, чтобы создать новое React-приложение с использованием инструмента Create React App.\n\nCreate React App (CRA) — это набор средств, предоставляемых Facebook, который упрощает начало работы с разработкой React-приложений. Он настраивает основную структуру проекта и предоставляет необходимые инструменты для разработки, тестирования и сборки приложения.\n\nКогда вы выполняете команду npx create-react-app myReactApp, инструмент Create React App загружается с использованием npx (который является частью Node.js) и создает новое React-приложение в папке myReactApp. Он создаст все необходимые файлы и настроит проект, чтобы вы могли начать разрабатывать приложение сразу после завершения команды.\n\n👉 @sWebDev","datePublished":"2023-06-05T07:45:05Z","dateModified":"2023-06-05T07:45:05Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1266},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":12},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2163","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2163","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2163","headline":"Раскрытие волшебства: изучение реактивности в различных средах Никогда не задумывались о том, как работает ре…","articleBody":"Раскрытие волшебства: изучение реактивности в различных средах\n\nНикогда не задумывались о том, как работает реактивность в вашем любимом фреймворке? В статье мы подробно изучаем особенности работы и сравниваем популярные библиотеки.\n\n👉 @sWebDev","datePublished":"2023-06-04T09:15:04Z","dateModified":"2023-06-04T09:15:04Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1216},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":23}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2162","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2162","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2162","headline":"Frontender Libs - обзор библиотек JS / CSS","datePublished":"2023-06-03T14:15:03Z","dateModified":"2023-06-03T14:15:03Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1346},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2161","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2161","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2161","headline":"Как повысить производительность приложения React? Если в вашем приложении нагруженный функционал, требующий т…","articleBody":"Как повысить производительность приложения React?\n\nЕсли в вашем приложении нагруженный функционал, требующий трудоемких вычислений, то это может негативно отразиться на его производительности. К счастью, в React есть хук, который позволяет улучшить производительность, снизив количество вызовов трудоемких задач. Что это за хук?\n\n👉 @sWebDev","datePublished":"2023-06-03T14:15:03Z","dateModified":"2023-06-03T14:15:03Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1248},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":10}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2160","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2160","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2160","headline":"10 распространенных ошибок при разработке Angular Ещё один обзор распространенных ошибок при создании Angular…","articleBody":"10 распространенных ошибок при разработке Angular\n\nЕщё один обзор распространенных ошибок при создании Angular приложений.\n\n👉 @sWebDev","datePublished":"2023-06-03T08:06:01Z","dateModified":"2023-06-03T08:06:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1280},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2159","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2159","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/2159","headline":"Papa Parse Библиотека позволяет парсить CSV-файлы в JavaScript. Простой API и поддержка разных форматов данны…","articleBody":"Papa Parse\n\nБиблиотека позволяет парсить CSV-файлы в JavaScript. Простой API и поддержка разных форматов данных: строки, файлы и URL-адреса. Еще одной особенностью является гибкая настройка парсинга: разделители столбцов и строки, настройки кодировки и т.д.\n\n👉 @sWebDev","datePublished":"2023-06-02T08:33:03Z","dateModified":"2023-06-02T08:33:03Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1326},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":13}]}}]}
Метод вызываемый перед уничтожением экземпляра Vue.js Хуки уничтожения помогают прибраться или отправить данные для аналитики
Метод вызываемый перед уничтожением экземпляра Vue.js Хуки уничтожения помогают прибраться или отправить данные для аналитики. Данный тип хуков срабатывает при демонтаже элемента и его удалении из DOM. beforeDestroy выполняется перед уничтожением экземпляра.
        ExampleComponent.vue
        <script>
        export default {
        data() {
            return {
            someLeakyProperty: 'I leak memory if not cleaned up!'
            }
        },

        beforeDestroy() {
            // Perform the teardown procedure for someLeakyProperty.
            // (In this case, effectively nothing)
            this.someLeakyProperty = null
            delete this.someLeakyProperty
        }
        }
        </script>
👉 @sWebDev

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Ожи
Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 13 июня.

Three.js isometric cubes animation Анимированная сцена из кубов, выполненная на Three.js. 👉 @sWebDev

Хук для возврата изменяемого ref-объекта, в котором свойство .current инициализируется переданным аргументом?
Anonymous voting

Как вернуть изменяемый ref-объект React? Представьте, что вам нужно вернуть ref-объект, свойство .current которого будет иниц
Как вернуть изменяемый ref-объект React? Представьте, что вам нужно вернуть ref-объект, свойство .current которого будет инициализироваться переданным аргументом. Каким хуком для этого воспользоваться? 👉 @sWebDev

Создание лучших форм с помощью Vue.js 3 Composition API: практическое руководство Руководство по созданию форм с использовани
Создание лучших форм с помощью Vue.js 3 Composition API: практическое руководство Руководство по созданию форм с использованием Composition API в Vue.js 3. Автор предлагает использовать Composition API для улучшения управления состоянием форм, обработки валидации и управления событиями. В статье рассматриваются различные концепции, такие как реактивные переменные, встроенные хуки и композиционные функции. 👉 @sWebDev

Photo Tear Анимированная сцена, выполненная на Three.js и GSAP.js. 👉 @sWebDev

CharmUI Библиотека CharmUI - это набор инструментов для создания пользовательских интерфейсов веб-приложений с использованием
CharmUI Библиотека CharmUI - это набор инструментов для создания пользовательских интерфейсов веб-приложений с использованием HTML, CSS и JavaScript. Библиотека предлагает разнообразные компоненты, включая кнопки, формы, модальные окна и многое другое. CharmUI является гибкой и обладает хорошей документацией. 👉 @sWebDev

Как я структурирую свои приложения Angular В материале представлен систематический поход к организации приложений Angular. Ав
Как я структурирую свои приложения Angular В материале представлен систематический поход к организации приложений Angular. Автор предлагает использовать модульную архитектуру, разделять компоненты на контейнеры и презентационные компоненты, а также использовать сервисы для обработки бизнес-логики. 👉 @sWebDev

Как легко прокачать навыки верстки и найти работу? Присоединяйся к каналам опытного верстальщика: 1. Вёрстка сайтов | HTML, C
Как легко прокачать навыки верстки и найти работу? Присоединяйся к каналам опытного верстальщика: 1. Вёрстка сайтов | HTML, CSS, JS — здесь собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS, а также советы по заработку на фрилансе. 2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду Научись и зарабатывай на верстке!

Слайдер на GSAP.js Проект анимированного слайдера, выполненный с применением библиотеки GSAP.js. 👉 @sWebDev

Hamsters.js Hamsters.js - JavaScript-библиотека, предназначенная для многопоточных вычислений в браузере. Она позволяет выполнять операции параллельно, распределяя вычислительную нагрузку на доступные ядра процессора. Библиотека обеспечивает простой и понятный API для использования многопоточности в JavaScript, что может значительно повысить производительность вычислений. Если вам нужно выполнить интенсивные вычисления на клиентской стороне, Hamsters.js может быть полезным инструментом для оптимизации вашего кода и улучшения отзывчивости приложения. 👉 @sWebDev

Эффект карандашного наброска с помощью постобработки Three.js Руководство по созданию эффекта карандашного наброска с помощью
Эффект карандашного наброска с помощью постобработки Three.js Руководство по созданию эффекта карандашного наброска с помощью библиотеки Three.js. 👉 @sWebDev

Вы фронтендер и ещё не слышали об Astro? Это фреймворк, который стремительно набирает популярность и конкурирует с популярным
Вы фронтендер и ещё не слышали об Astro?    Это фреймворк, который стремительно набирает популярность и конкурирует с популярным NextJS. Он ориентирован на производительность сайта, а ещё с ним можно использовать любую библиотеку: React, Vue, Angular и другие.   Дмитрий Безуглый (8+ лет опыта в Яндекс, VK и Frogly) решил разобраться, чем же так хорош Astro, поэтому ничего не планируйте на 8 июня — будем строить приложение в прямом эфире!    Поговорим об основных концепциях фреймворка, его архитектурных паттернах и подходах, которые позволяют достичь такой оптимизации.    Встречаемся 8 июня в 19:00 (GMT+3) Не забудьте зарегистрироваться!

Создание React-приложения с использованием инструмента Create React App npx create-react-app myReactApp — это команда, котору
Создание React-приложения с использованием инструмента Create React App npx create-react-app myReactApp — это команда, которую вы можете выполнить в командной строке, чтобы создать новое React-приложение с использованием инструмента Create React App. Create React App (CRA) — это набор средств, предоставляемых Facebook, который упрощает начало работы с разработкой React-приложений. Он настраивает основную структуру проекта и предоставляет необходимые инструменты для разработки, тестирования и сборки приложения. Когда вы выполняете команду npx create-react-app myReactApp, инструмент Create React App загружается с использованием npx (который является частью Node.js) и создает новое React-приложение в папке myReactApp. Он создаст все необходимые файлы и настроит проект, чтобы вы могли начать разрабатывать приложение сразу после завершения команды. 👉 @sWebDev

Раскрытие волшебства: изучение реактивности в различных средах Никогда не задумывались о том, как работает реактивность в ваш
Раскрытие волшебства: изучение реактивности в различных средах Никогда не задумывались о том, как работает реактивность в вашем любимом фреймворке? В статье мы подробно изучаем особенности работы и сравниваем популярные библиотеки. 👉 @sWebDev

Хук для улучшения производительности React?
Anonymous voting

Как повысить производительность приложения React? Если в вашем приложении нагруженный функционал, требующий трудоемких вычисл
Как повысить производительность приложения React? Если в вашем приложении нагруженный функционал, требующий трудоемких вычислений, то это может негативно отразиться на его производительности. К счастью, в React есть хук, который позволяет улучшить производительность, снизив количество вызовов трудоемких задач. Что это за хук? 👉 @sWebDev

10 распространенных ошибок при разработке Angular Ещё один обзор распространенных ошибок при создании Angular приложений. 👉
10 распространенных ошибок при разработке Angular Ещё один обзор распространенных ошибок при создании Angular приложений. 👉 @sWebDev

Papa Parse Библиотека позволяет парсить CSV-файлы в JavaScript. Простой API и поддержка разных форматов данных: строки, файлы и URL-адреса. Еще одной особенностью является гибкая настройка парсинга: разделители столбцов и строки, настройки кодировки и т.д. 👉 @sWebDev