Frontender Libs - обзор библиотек JS / CSS
Open in Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
Show more
Network:7 529
Subscribers
+424 hours
-137 days
-9130 days
Posts Archive
\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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2177","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2177","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2176","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2176","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2175","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2175","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2174","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2174","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2173","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2173","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2172","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2172","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2171","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2171","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2170","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2170","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2169","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2169","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":904}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2168","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2168","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2167","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2167","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2166","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2166","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2165","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2165","mainEntityOfPage":"https://telemetr.io/en/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/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.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}]}}]}
Anonymous voting
3D Space Mouse Move and Device Motion
Анимация, доступная в двух цветах. Выполнено с применением Three.js.
👉 @sWebDev
Три способа раскрыть API внутренних компонентов Vue
Рассматриваем три способа раскрытия API компонентов Vue. Автор подробно объясняет использование "renderless components" (компонентов без отображения), прокси-компонентов и функциональных компонентов для предоставления гибкого и управляемого доступа к их функциональности.
👉 @sWebDev
Vivus.js
Библиотека для создания анимированных рисунков и логотипов SVG. Она предлагает простой способ добавить плавные и привлекательные анимации к векторным графикам. С помощью Vivus.js вы можете контролировать различные параметры анимации, такие как скорость, направление и запуск анимации при прокрутке. Библиотека легко интегрируется в проекты и предоставляет гибкие возможности для создания уникальных визуальных эффектов.
👉 @sWebDev
On / Off Switch
Анимированный тоггл, выполненный на GSAP.
👉 @sWebDev
Создание одностраничного приложения с помощью Vue и Kendo UI
Рассмотрим создание одностраничного приложения с использованием фреймворка Vue.js и библиотеки компонентов Kendo UI. Материал предоставляет пошаговое руководство по настройке окружения, созданию компонентов Vue, интеграции с Kendo UI, работе с данными и маршрутизацией.
👉 @sWebDev
Без лишних слов: 20 ТБ курсов
Не платите за курсы, если они в свободном доступе!
Архиватор – тут есть всё
Метод вызываемый перед уничтожением экземпляра 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)
Не забудьте зарегистрироваться!
