Frontender Libs - обзор библиотек JS / CSS
8.24K subscribers
2.04K photos
735 videos
3 files
244 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
🔤У нас часто спрашивают: "Какие каналы мы читаем в телеграме?"

Хотим посоветовать крутой канал CodeRoll | Frontend, где вы найдете:

- задачи для собеседований
- полезные статьи и новости для разработчиков
- необычные инструменты для веб-разработки


Не реклама, личная рекомендация.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Media is too big
VIEW IN TELEGRAM
Untitled

Анимированный трекер курсора на ThreeJS.

👉 @sWebDev
👍8🔥2
Napa.js

Napa.js - это фреймворк для создания полнофункциональных веб-приложений на основе TypeScript. Он основан на принципах реактивного программирования и предоставляет широкий набор инструментов и функций, которые упрощают разработку и развертывание веб-приложений.

👉 @sWebDev
👍6👎4
Angular: как сделать содержимое элемента редактируемым

Какая директива Angular позволяет редактировать содержимое элемента?

👉 @sWebDev
👍6
Какая директива Angular позволяет редактировать содержимое элемента?
Anonymous Quiz
22%
ng-edit
24%
ng-editable
33%
ng-content-editable
21%
ng-content-edit
👍4👎1
Продвинутые техники маршрутизации в Angular

В статье рассказывается о том, как использовать параметры маршрута в Angular для передачи данных в компоненты и для обеспечения гибкости и функциональности маршрутизации.

👉 @sWebDev
👍61
Директива для доступа к информации о компонентах

Директива ng-reflect в Angular добавляет к элементу атрибуты, которые предоставляют доступ к информации о компоненте, директиве или шаблоне, в котором используется элемент. Эта информация может быть полезна для отладки и тестирования. ng-reflect не имеет атрибутов или свойств. Она просто добавляет атрибуты с префиксом ng-reflect- к элементу.

Пример использования:
<div ng-reflect-myProperty="123" ng-reflect-myMethod="myMethod()">
</div>


В этом примере к элементу div будут добавлены атрибуты ng-reflect-myProperty и ng-reflect-myMethod. Атрибут ng-reflect-myProperty будет содержать значение свойства myProperty компонента, а атрибут ng-reflect-myMethod будет содержать функцию myMethod компонента.

👉 @sWebDev
👍5
Media is too big
VIEW IN TELEGRAM
Galaxy

Анимация черной дыры на Three.js.

👉 @sWebDev
👍8
Как React Hooks революционизировали функциональные компоненты

В статье рассказывается о том, как React Hooks упростили и улучшили функциональные компоненты React. Hooks позволяют использовать состояние и побочные эффекты в функциональных компонентах, что ранее было возможно только в классах. Это делает функциональные компоненты более мощными и гибкими, а также упрощает их тестирование.

👉 @sWebDev
👍81👎1
P5.js

P5.js - это библиотека JavaScript для творческого программирования, которая упрощает создание интерактивных визуальных работ. Она основана на библиотеке Processing, которая широко используется в образовании и искусстве.

👉 @sWebDev
👍7
Материалы из этого канала дают на платных курсах

Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое

👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!
👍7
Самый простой способ создать свой первый пакет NPM

В статье автор рассказывает о том, как создать свой первый пакет NPM.

👉 @sWebDev
👍5👎1
Media is too big
VIEW IN TELEGRAM
Click to Add Flowers

Интерактивный холст на Three.js.

👉 @sWebDev
👍6🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Satisfying curly cursor

Интерактивный волнистый курсор на JavaScript.

👉 @sWebDev
👍9
MathJax

MathJax - это кросс-браузерная библиотека JavaScript, которая отображает математические обозначения в веб-браузерах с использованием разметки MathML, LaTeX и AsciiMathML. MathJax используется различными известными сайтами, включая ArXiv, Stack Overflow, Math Stack Exchange и Wikipedia.

👉 @sWebDev
👍5
Группировка элементов без создания нового элемента DOM

Чтобы улучшить производительность, можно использовать директиву Angular, которая позволяет группировать элементы без создания нового элемента DOM. Как называется эта директива?

👉 @sWebDev
👍4
Директива Angular, для группировки элементов без создания нового элемента DOM?
Anonymous Quiz
44%
ng-group
5%
ng-team
5%
ng-double
39%
ng-container
8%
ng-section
👍4
Генератор библиографии из закладок браузера: как это работает

Туториал о том, как создать программу, которая преобразует закладки браузера в список библиографических ссылок.

Программа использует простой алгоритм, который извлекает из закладок браузера следующие данные: заголовок закладки, URL закладки и описание закладки. Затем программа создает библиографическую ссылку для каждой закладки и сохраняет ее в файле.

👉 @sWebDev
👎3👍1