Frontender Libs - обзор библиотек JS / CSS
Открыть в Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
Больше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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2177","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2177","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2176","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2176","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2175","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2175","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2174","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2174","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2173","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2173","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2172","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2172","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2171","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2171","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2170","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2170","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2169","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2169","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2168","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2168","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2167","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2167","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2166","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2166","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2165","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2165","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2164","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2164","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2163","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2163","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2162","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2162","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2161","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2161","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2160","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2160","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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/ru/channels/1215276433-swebdev/posts/2159","url":"https://telemetr.io/ru/channels/1215276433-swebdev/posts/2159","mainEntityOfPage":"https://telemetr.io/ru/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/ru/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/ru/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}]}}]}
Anonymous voting







Anonymous voting

Метод вызываемый перед уничтожением экземпляра 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. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.
👉 Проскочить на интенсив бесплатно
Начинаем 13 июня.
Three.js isometric cubes animation
Анимированная сцена из кубов, выполненная на Three.js.
👉 @sWebDev
Хук для возврата изменяемого ref-объекта, в котором свойство .current инициализируется переданным аргументом?
Как вернуть изменяемый ref-объект React?
Представьте, что вам нужно вернуть ref-объект, свойство
.current которого будет инициализироваться переданным аргументом. Каким хуком для этого воспользоваться?
👉 @sWebDevСоздание лучших форм с помощью Vue.js 3 Composition API: практическое руководство
Руководство по созданию форм с использованием Composition API в Vue.js 3. Автор предлагает использовать Composition API для улучшения управления состоянием форм, обработки валидации и управления событиями. В статье рассматриваются различные концепции, такие как реактивные переменные, встроенные хуки и композиционные функции.
👉 @sWebDev
Photo Tear
Анимированная сцена, выполненная на Three.js и GSAP.js.
👉 @sWebDev
CharmUI
Библиотека CharmUI - это набор инструментов для создания пользовательских интерфейсов веб-приложений с использованием HTML, CSS и JavaScript. Библиотека предлагает разнообразные компоненты, включая кнопки, формы, модальные окна и многое другое. CharmUI является гибкой и обладает хорошей документацией.
👉 @sWebDev
Как я структурирую свои приложения Angular
В материале представлен систематический поход к организации приложений Angular. Автор предлагает использовать модульную архитектуру, разделять компоненты на контейнеры и презентационные компоненты, а также использовать сервисы для обработки бизнес-логики.
👉 @sWebDev
Как легко прокачать навыки верстки и найти работу?
Присоединяйся к каналам опытного верстальщика:
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.
👉 @sWebDev
Вы фронтендер и ещё не слышали об 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.
Create React App (CRA) — это набор средств, предоставляемых Facebook, который упрощает начало работы с разработкой React-приложений. Он настраивает основную структуру проекта и предоставляет необходимые инструменты для разработки, тестирования и сборки приложения.
Когда вы выполняете команду npx create-react-app myReactApp, инструмент Create React App загружается с использованием npx (который является частью Node.js) и создает новое React-приложение в папке myReactApp. Он создаст все необходимые файлы и настроит проект, чтобы вы могли начать разрабатывать приложение сразу после завершения команды.
👉 @sWebDevРаскрытие волшебства: изучение реактивности в различных средах
Никогда не задумывались о том, как работает реактивность в вашем любимом фреймворке? В статье мы подробно изучаем особенности работы и сравниваем популярные библиотеки.
👉 @sWebDev
Хук для улучшения производительности React?
Как повысить производительность приложения React?
Если в вашем приложении нагруженный функционал, требующий трудоемких вычислений, то это может негативно отразиться на его производительности. К счастью, в React есть хук, который позволяет улучшить производительность, снизив количество вызовов трудоемких задач. Что это за хук?
👉 @sWebDev
10 распространенных ошибок при разработке Angular
Ещё один обзор распространенных ошибок при создании Angular приложений.
👉 @sWebDev
Papa Parse
Библиотека позволяет парсить CSV-файлы в JavaScript. Простой API и поддержка разных форматов данных: строки, файлы и URL-адреса. Еще одной особенностью является гибкая настройка парсинга: разделители столбцов и строки, настройки кодировки и т.д.
👉 @sWebDev
