Frontender Libs - обзор библиотек JS / CSS
Open in Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
Show more
Network:7 525
Subscribers
-524 hours
-137 days
-9430 days
Posts Archive
\n\n C версии Vue 2.4.0 доступна возможность навесить несколько событий на элемент.\n\n👉 @sWebDev","datePublished":"2023-05-01T08:11:05Z","dateModified":"2023-05-01T08:11: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":1342},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2098","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2098","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2098","headline":"Vue-controlled Wall-E Проект с героем мультфильма WALL-E, следящим за движением курсора. Выполнено на Vue.js.…","articleBody":"Vue-controlled Wall-E\n\nПроект с героем мультфильма WALL-E, следящим за движением курсора. Выполнено на Vue.js.\n\n👉 @sWebDev","datePublished":"2023-04-30T09:15:04Z","dateModified":"2023-04-30T09:15: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":1274},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":10}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2097","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2097","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2097","headline":"Frontender Libs - обзор библиотек JS / CSS","datePublished":"2023-04-29T14:15:04Z","dateModified":"2023-04-29T14:15: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":1342},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2096","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2096","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2096","headline":"Новый функционал React для оптимизации производительности? В React 18 появился функционал автоматической груп…","articleBody":"Новый функционал React для оптимизации производительности?\n\nВ React 18 появился функционал автоматической группировки нескольких вызовов обновления в один этап рендера. Что это за функционал?\n\n👉 @sWebDev","datePublished":"2023-04-29T14:15:04Z","dateModified":"2023-04-29T14:15: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":1266},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2095","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2095","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2095","headline":"The Movie Database База данных с кино, реализованная на React. 👉 @sWebDev","articleBody":"The Movie Database\n\nБаза данных с кино, реализованная на React.\n\n👉 @sWebDev","datePublished":"2023-04-29T08:06:01Z","dateModified":"2023-04-29T08: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":1336},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":25}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2094","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2094","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2094","headline":"Использование React в приложениях Angular Рассмотрим интеграцию React в приложение Angular. Такой подход може…","articleBody":"Использование React в приложениях Angular\n\nРассмотрим интеграцию React в приложение Angular. Такой подход может быть полезным, например, при разработке сложных компонентов или при работе с приложением, которое уже использует React.\n\n👉 @sWebDev","datePublished":"2023-04-28T08:33:03Z","dateModified":"2023-04-28T08:33:03Z","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":1404},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":12}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2093","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2093","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2093","headline":"PrimeNG Angular библиотека, которая предоставляет более 100 готовых компонентов для создания веб-приложений:…","articleBody":"PrimeNG\n\n Angular библиотека, которая предоставляет более 100 готовых компонентов для создания веб-приложений: таблицы, формы, кнопки, графики. У PrimeNG хорошая документация, наглядные примеры и развитое сообщество. Библиотека является кроссбраузерной и адаптивной.\n\n👉 @sWebDev","datePublished":"2023-04-27T16:00:45Z","dateModified":"2023-04-27T16:00:45Z","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":1408},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":15}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2092","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2092","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2092","headline":"27–28 мая Яндекс проводит Weekend Offer Frontend За два дня вы сможете пройти все технические собеседования,…","articleBody":"27–28 мая Яндекс проводит Weekend Offer Frontend\n\nЗа два дня вы сможете пройти все технические собеседования, выбрать команду по душе и получить офер. Ищем фронтендеров на JavaScript и TypeScript с опытом работы от 4 лет. \n\nПредлагаем работу в офисах России и Беларуси. Некоторые команды приглашают разработчиков в международные хабы в Армении, Казахстане и Сербии. \n\nПодробнее здесь","datePublished":"2023-04-27T12:01:15Z","dateModified":"2023-04-29T12:06:38Z","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":1111},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2091","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2091","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2091","headline":"Используем pre-render в React приложении с react-snap Практическое руководство по использованию инструмента R…","articleBody":"Используем pre-render в React приложении с react-snap\n\nПрактическое руководство по использованию инструмента React Snap для предварительной отрисовки (pre-rendering) приложения на React. Автор описывает, как использовать React Snap для создания статических HTML-файлов, которые можно использовать для улучшения производительности и оптимизации поисковой оптимизации (SEO) приложения.\n\n👉 @sWebDev","datePublished":"2023-04-27T06:50:02Z","dateModified":"2023-04-27T06:50: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":1502},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":16}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2090","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2090","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2090","headline":"Anime.js clock Часы, выполненные с использованием библиотеки Anime.js. 👉 @sWebDev","articleBody":"Anime.js clock\n\nЧасы, выполненные с использованием библиотеки Anime.js.\n\n👉 @sWebDev","datePublished":"2023-04-26T13:00:42Z","dateModified":"2023-04-26T13:00:42Z","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":1413},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":12}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2089","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2089","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2089","headline":"🟡Тест по React JS от OTUS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сда…","articleBody":"🟡Тест по React JS от OTUS\n\n— Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой!\n\n👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS \n\nКурс доступен в рассрочку.\n\n🎁 Пройдете успешно тест, получите доступ к открытым урокам курса.\n\nЕсли вы планируете пополнить свой стек самым популярным JS-фреймворком — React, приходите на открытый урок “TDD + React”. Урок пройдет 27 апреля в 20:00 в рамках онлайн-курса “React.js Developer” https://otus.pw/shHO/\n\nНативная интеграция. Информация о продукте www.otus.ru","datePublished":"2023-04-26T07:02:49Z","dateModified":"2023-04-29T08:29:34Z","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":1203},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2088","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2088","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2088","headline":"Хорошие способы организации большого проекта Vue.js Рассмотрим руководство по организации крупных проектов на…","articleBody":"Хорошие способы организации большого проекта Vue.js\n\nРассмотрим руководство по организации крупных проектов на Vue.js. В статье несколько методов для организации проекта, включая использование архитектурных шаблонов, настройку сборки и общие советы по организации файлов и структуре проекта.\n\n👉 @sWebDev","datePublished":"2023-04-25T15:21:00Z","dateModified":"2023-04-25T15:21:00Z","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":1319},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":46}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2087","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2087","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2087","headline":"Onsen UI for Angular Библиотека пользовательского интерфейса (UI), которая предоставляет набор готовых компон…","articleBody":"Onsen UI for Angular\n\nБиблиотека пользовательского интерфейса (UI), которая предоставляет набор готовых компонентов для создания мобильных приложений. Она включает в себя такие элементы, как кнопки, формы, навигационные панели, модальные окна, списки и другие. Библиотека является кроссбраузерной, адаптивной и простой в использовании.\n\n👉 @sWebDev","datePublished":"2023-04-25T08:10:08Z","dateModified":"2023-04-25T08:10:08Z","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":1368},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2086","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2086","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2086","headline":"Получаем доступ к реактивным данным и активным событиям Vue.js В хуке created можно получить доступ к реактив…","articleBody":"Получаем доступ к реактивным данным и активным событиям Vue.js\n\nВ хуке created можно получить доступ к реактивным данным и активным событиям. Шаблоны и виртуальный DOM ещё не встроены (mounted) и не отрисованы.\nНапример:\n ExampleComponent.vue\n \n\n👉 @sWebDev","datePublished":"2023-04-24T07:45:02Z","dateModified":"2023-04-24T07:45: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":1342},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2085","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2085","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2085","headline":"Airport Distance Map Веб-приложение, показывающее расстояние от одного аэропорта до другого. Выполнено на GSA…","articleBody":"Airport Distance Map\n\nВеб-приложение, показывающее расстояние от одного аэропорта до другого. Выполнено на GSAP.js.\n\n👉 @sWebDev","datePublished":"2023-04-23T09:17:00Z","dateModified":"2023-04-23T09:17:00Z","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":1353},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":21}]}}]}
Anonymous voting
Scattering hexagons
Анимированная сцена с рассеиванием, выполненная на JQuery.
👉 @sWebDev
Blotter.js
Blotter.js - это библиотека для создания текстовых анимаций на WebGL. Она позволяет создавать сложные и красивые текстовые анимации, используя шейдеры и эффекты, которые обрабатываются на GPU. Библиотека имеет простой API, который позволяет легко создавать и настраивать текстовые анимации, поддерживает различные типы текстовых элементов, включая 2D и 3D тексты.
👉 @sWebDev
Освоение React: методы, которые выведут ваш пользовательский интерфейс на новый уровень
В статье представлены рекомендации по улучшению пользовательского интерфейса в React приложениях. От стиля к функциональности: советы и примеры кода для создания панели навигации мирового уровня.
👉 @sWebDev
🎯 Тест по Node JS от OTUS
🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS
Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript
🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА
Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js
Время прохождения теста ограниченно 30 минут
👉 ПРОЙТИ ТЕСТ
Курс доступен в рассрочку.
🎁 Пройдете успешно тест, получите доступ к открытым урокам курса.
Нативная интеграция. Информация о продукте www.otus.ru
GSAP FLIP image grid modal
Галерея с анимацией, созданная на GSAP.js и SCSS.
👉 @sWebDev
Добавление события на элемент Vue
Добавление события на элемент реализуется директивой
v-on. Аргументом директивы после двоеточия передается название события. Названия событий аналогичны событиям JavaScript. В примере мы навесили обработчик click, на кнопку, которая увеличивает переменную counter на единицу.
<template>
<div class="counter">{{counter}}</div>
<button v-on:click="increaseCounter">+1</button>
</template>
<script>
export default {
name: 'App',
data() {
return {
counter: 0
}
},
methods: {
increaseCounter: function () {
return this.counter++;
}
}
}
</script>
C версии Vue 2.4.0 доступна возможность навесить несколько событий на элемент.
👉 @sWebDevVue-controlled Wall-E
Проект с героем мультфильма WALL-E, следящим за движением курсора. Выполнено на Vue.js.
👉 @sWebDev
Функционал автоматической группировки нескольких вызовов обновления в один этап рендера из React 18?
Новый функционал React для оптимизации производительности?
В React 18 появился функционал автоматической группировки нескольких вызовов обновления в один этап рендера. Что это за функционал?
👉 @sWebDev
The Movie Database
База данных с кино, реализованная на React.
👉 @sWebDev
Использование React в приложениях Angular
Рассмотрим интеграцию React в приложение Angular. Такой подход может быть полезным, например, при разработке сложных компонентов или при работе с приложением, которое уже использует React.
👉 @sWebDev
PrimeNG
Angular библиотека, которая предоставляет более 100 готовых компонентов для создания веб-приложений: таблицы, формы, кнопки, графики. У PrimeNG хорошая документация, наглядные примеры и развитое сообщество. Библиотека является кроссбраузерной и адаптивной.
👉 @sWebDev
27–28 мая Яндекс проводит Weekend Offer Frontend
За два дня вы сможете пройти все технические собеседования, выбрать команду по душе и получить офер. Ищем фронтендеров на JavaScript и TypeScript с опытом работы от 4 лет.
Предлагаем работу в офисах России и Беларуси. Некоторые команды приглашают разработчиков в международные хабы в Армении, Казахстане и Сербии.
Подробнее здесь
Используем pre-render в React приложении с react-snap
Практическое руководство по использованию инструмента React Snap для предварительной отрисовки (pre-rendering) приложения на React. Автор описывает, как использовать React Snap для создания статических HTML-файлов, которые можно использовать для улучшения производительности и оптимизации поисковой оптимизации (SEO) приложения.
👉 @sWebDev
Anime.js clock
Часы, выполненные с использованием библиотеки Anime.js.
👉 @sWebDev
🟡Тест по React JS от OTUS
— Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой!
👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS
Курс доступен в рассрочку.
🎁 Пройдете успешно тест, получите доступ к открытым урокам курса.
Если вы планируете пополнить свой стек самым популярным JS-фреймворком — React, приходите на открытый урок “TDD + React”. Урок пройдет 27 апреля в 20:00 в рамках онлайн-курса “React.js Developer” https://otus.pw/shHO/
Нативная интеграция. Информация о продукте www.otus.ru
Хорошие способы организации большого проекта Vue.js
Рассмотрим руководство по организации крупных проектов на Vue.js. В статье несколько методов для организации проекта, включая использование архитектурных шаблонов, настройку сборки и общие советы по организации файлов и структуре проекта.
👉 @sWebDev
Onsen UI for Angular
Библиотека пользовательского интерфейса (UI), которая предоставляет набор готовых компонентов для создания мобильных приложений. Она включает в себя такие элементы, как кнопки, формы, навигационные панели, модальные окна, списки и другие. Библиотека является кроссбраузерной, адаптивной и простой в использовании.
👉 @sWebDev
Получаем доступ к реактивным данным и активным событиям Vue.js
В хуке
created можно получить доступ к реактивным данным и активным событиям. Шаблоны и виртуальный DOM ещё не встроены (mounted) и не отрисованы.
Например:
ExampleComponent.vue
<script>
export default {
data() {
return {
property: 'Blank'
}
},
computed: {
propertyComputed() {
console.log('I change when this.property changes.')
return this.property
}
},
created() {
this.property = 'Example property update.'
console.log('propertyComputed will update, as this.property is now reactive.')
}
}
</script>
👉 @sWebDevAirport Distance Map
Веб-приложение, показывающее расстояние от одного аэропорта до другого. Выполнено на GSAP.js.
👉 @sWebDev
