Frontender Libs - обзор библиотек JS / CSS
Kanalga Telegram’da o‘tish
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
Ko'proq ko'rsatish
Tarmoq:7 523
Obunachilar
-524 soatlar
-267 kun
-9830 kun
Postlar arxiv
\n\n \n \n 
Anonymous votingAnonymous voting
{{ count }}
\n \n\nЭтот код создает компонент с кнопкой и счетчиком. Код инициализации компонента написан в шаблоне компонента. Кнопка увеличивает счетчик при нажатии.\n\n👉 @sWebDev","datePublished":"2023-11-20T06:30:01Z","dateModified":"2023-11-20T06:30:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/uz/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/uz/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1321},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":12}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2478","url":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2478","mainEntityOfPage":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2478","headline":"Homer's face Animated Гомер Симпсон, созданный с использованием Gsap.js. 👉 @sWebDev","articleBody":"Homer's face Animated\n\nГомер Симпсон, созданный с использованием Gsap.js.\n\n👉 @sWebDev","datePublished":"2023-11-19T09:15:01Z","dateModified":"2023-11-19T09:15:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/uz/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/uz/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1204},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2477","url":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2477","mainEntityOfPage":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2477","headline":"Frontender Libs - обзор библиотек JS / CSS","datePublished":"2023-11-18T14:15:00Z","dateModified":"2023-11-18T14:15:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/uz/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/uz/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1338},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2476","url":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2476","mainEntityOfPage":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2476","headline":"Метод React для проверки единственности потомка Какой метод React используется для проверки того, что компоне…","articleBody":"Метод React для проверки единственности потомка\n\nКакой метод React используется для проверки того, что компонент имеет только одного потомка?\n\n👉 @sWebDev","datePublished":"2023-11-18T14:15:00Z","dateModified":"2023-11-18T14:15:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/uz/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/uz/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1302},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2475","url":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2475","mainEntityOfPage":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2475","headline":"Baby Yoda w/ GSAP3 Персонаж Грогу из сериала \"Мандалорец\", выполненный на Gsap.js. 👉 @sWebDev","articleBody":"Baby Yoda w/ GSAP3\n\nПерсонаж Грогу из сериала \"Мандалорец\", выполненный на Gsap.js.\n\n👉 @sWebDev","datePublished":"2023-11-18T08:06:00Z","dateModified":"2023-11-18T08:06:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/uz/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/uz/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1324},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2474","url":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2474","mainEntityOfPage":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2474","headline":"Vue.Draggable Vue.Draggable - библиотека Vue для создания перетаскиваемых элементов. Библиотека имеет простой…","articleBody":"Vue.Draggable\n\nVue.Draggable - библиотека Vue для создания перетаскиваемых элементов. Библиотека имеет простой и понятный API, а также поддерживает различные типы перетаскивания, включая перетаскивание между элементами, перетаскивание в пределах элемента и перетаскивание с одного экрана на другой.\n\n👉 @sWebDev","datePublished":"2023-11-17T08:13:01Z","dateModified":"2023-11-17T08:13:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/uz/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/uz/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/LikeAction","userInteractionCount":8},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":17}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2473","url":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2473","mainEntityOfPage":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2473","headline":"Разработка веб-приложений в 2023 году: Angular против React: битва за господство В статье сравниваются два по…","articleBody":"Разработка веб-приложений в 2023 году: Angular против React: битва за господство\n\nВ статье сравниваются два популярных фреймворка: Angular и React. Автор статьи рассматривает следующие аспекты:\nпопулярность;\nпроизводительность;\nобучение;\nподдержка.\n\n👉 @sWebDev","datePublished":"2023-11-16T15:10:01Z","dateModified":"2023-11-16T15:10:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/uz/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/uz/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1283},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":15}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2472","url":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2472","mainEntityOfPage":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2472","headline":"Game of Thrones: Daenerys, Mother of Dragons Анимированная Дейенерис Таргариен из \"Игры престолов\", выполненн…","articleBody":"Game of Thrones: Daenerys, Mother of Dragons\n\nАнимированная Дейенерис Таргариен из \"Игры престолов\", выполненная на Gsap.js.\n\n👉 @sWebDev","datePublished":"2023-11-16T07:35:00Z","dateModified":"2023-11-16T07:35:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/uz/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/uz/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1290},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2471","url":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2471","mainEntityOfPage":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2471","headline":"ng-admin ng-admin - это библиотека Angular для создания админ-панелей. Библиотека имеет простой и понятный AP…","articleBody":"ng-admin\n\nng-admin - это библиотека Angular для создания админ-панелей. Библиотека имеет простой и понятный API, а также поддерживает различные компоненты, включая таблицы, формы, фильтры и виджеты. Кроме того, поддерживает международную поддержку и интеграцию с различными API.\n\n👉 @sWebDev","datePublished":"2023-11-15T08:31:01Z","dateModified":"2023-11-15T08:31:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/uz/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/uz/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1309},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":14}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2470","url":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2470","mainEntityOfPage":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2470","headline":"Библиотека компонентов Angular. Часть 1 Рассмотрим как создать библиотеку компонентов для Angular. Статья нач…","articleBody":"Библиотека компонентов Angular. Часть 1\n\nРассмотрим как создать библиотеку компонентов для Angular. Статья начинается с планирования библиотеки, в котором необходимо определить цели, целевую аудиторию и набор компонентов. Затем автор описывает процесс создания библиотеки, включая настройку проекта, создание компонентов и их тестирование.\n\n👉 @sWebDev","datePublished":"2023-11-14T15:21:00Z","dateModified":"2023-11-14T15:21:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/uz/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/uz/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1213},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2469","url":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2469","mainEntityOfPage":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2469","headline":"Виджет погоды на Vue.js Пошаговый туториал по созданию виджета погоды на Vue JS, Open Weather Map API и restf…","articleBody":"Виджет погоды на Vue.js\n\nПошаговый туториал по созданию виджета погоды на Vue JS, Open Weather Map API и restful api для получения данных о погоде.\n\n👉 @sWebDev","datePublished":"2023-11-14T08:12:01Z","dateModified":"2023-11-14T08:12:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/uz/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/uz/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1259},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":18}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2468","url":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2468","mainEntityOfPage":"https://telemetr.io/uz/channels/1215276433-swebdev/posts/2468","headline":"Angular Elements Angular Elements позволяют использовать Angular-компоненты в качестве обычных HTML-элементов…","articleBody":"Angular Elements\n\nAngular Elements позволяют использовать Angular-компоненты в качестве обычных HTML-элементов. Это означает, что Angular-компоненты можно включать в любые HTML-документы, даже если они не созданы с использованием Angular.\n\nДля создания Angular Elements можно использовать директиву @Component() с атрибутом selector со значением element. Например, следующий код создает Angular-компонент, который можно использовать в качестве HTML-элемента:\n\n @Component({\n selector: 'my-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.css']\n })\n export class ButtonComponent {\n constructor() {}\n\n click() {\n alert('Button clicked!');\n }\n }\n\nЭтот компонент можно использовать в любом HTML-документе следующим образом:\n
Zeppelin GSAP animation
Анимированная сцена с дирижаблем, выполненная на Gsap.js.
👉 @sWebDev
LibreJS
LibreJS - это малоизвестная библиотека JavaScript, которая предоставляет простой и удобный способ работы с локализацией. Библиотека позволяет переводить текст, даты, числа и другие элементы интерфейса на любой язык.
👉 @sWebDev
React: forwardRef(): Как передавать refs дочерним компонентам
В статье рассказывается о функции
forwardRef() в React. Функция позволяет родительскому компоненту передавать ref-свойство дочернему компоненту без необходимости импортировать дочерний компонент.
Функция forwardRef() принимает два аргумента:
ref: Ref-объект, который будет передан дочернему компоненту.
component: компонент, который будет возвращен.
Пример использования:
const MyComponent = forwardRef((ref, props) => {
// ...
return <div ref={ref} />;
});
В примере мы создаем компонент MyComponent, который принимает ref-объект в качестве свойства. Мы используем функцию forwardRef(), чтобы передать ref-объект дочернему компоненту.
👉 @sWebDev💪 Создайте свой первый проект для портфолио разработчика на JavaScript
👉 На бесплатном открытом уроке «Создание чата на JavaScript с 0 за час» от OTUS.
План практического вебинара:
1. Вступление, теория
2. Подготовка проекта, создание структуры
3. Разработка интерфейса, оформление стилей
4. Добавление функциональности на JavaScript
5. Реализация хранения сообщений
6. Подведение итогов и ответы на вопросы
👉 Подробнее о программе о программе урок и регистрация для участия: https://otus.pw/TMtw/
📅 Занятие пройдёт 23 ноября в 20:00 мск и будет приурочено к старту курса «Специализация Fullstack developer». Программа курса обновлена и полностью соответствует современным требованиям рынка.
🎁 Черная пятница в OTUS! Успей получить скидку на курс!
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid: 2SDnjdBTWSL
CSSkateboard [w/ GSAP Observer]
Анимированный скейтборд, выполненный на CSS и Gsap.js.
👉 @sWebDev
Компоненты <script setup> во Vue
В Vue 3.2 были добавлены компоненты
<script setup>. Они позволяют писать код инициализации компонента в его шаблоне. Это упрощает работу с компонентами и делает их более удобными в использовании.
<script setup lang="ts">
import { ref } from "vue";
const count = ref(0);
const increment = () => {
count.value++;
};
</script>
<template>
<button @click="increment">Увеличить</button>
<p>{{ count }}</p>
</template>
Этот код создает компонент с кнопкой и счетчиком. Код инициализации компонента написан в шаблоне компонента. Кнопка увеличивает счетчик при нажатии.
👉 @sWebDevHomer's face Animated
Гомер Симпсон, созданный с использованием Gsap.js.
👉 @sWebDev
Какой метод React используется для проверки того, что компонент имеет только одного потомка?
Метод React для проверки единственности потомка
Какой метод React используется для проверки того, что компонент имеет только одного потомка?
👉 @sWebDev
Baby Yoda w/ GSAP3
Персонаж Грогу из сериала "Мандалорец", выполненный на Gsap.js.
👉 @sWebDev
Vue.Draggable
Vue.Draggable - библиотека Vue для создания перетаскиваемых элементов. Библиотека имеет простой и понятный API, а также поддерживает различные типы перетаскивания, включая перетаскивание между элементами, перетаскивание в пределах элемента и перетаскивание с одного экрана на другой.
👉 @sWebDev
Разработка веб-приложений в 2023 году: Angular против React: битва за господство
В статье сравниваются два популярных фреймворка: Angular и React. Автор статьи рассматривает следующие аспекты:
популярность;
производительность;
обучение;
поддержка.
👉 @sWebDev
Game of Thrones: Daenerys, Mother of Dragons
Анимированная Дейенерис Таргариен из "Игры престолов", выполненная на Gsap.js.
👉 @sWebDev
ng-admin
ng-admin - это библиотека Angular для создания админ-панелей. Библиотека имеет простой и понятный API, а также поддерживает различные компоненты, включая таблицы, формы, фильтры и виджеты. Кроме того, поддерживает международную поддержку и интеграцию с различными API.
👉 @sWebDev
Библиотека компонентов Angular. Часть 1
Рассмотрим как создать библиотеку компонентов для Angular. Статья начинается с планирования библиотеки, в котором необходимо определить цели, целевую аудиторию и набор компонентов. Затем автор описывает процесс создания библиотеки, включая настройку проекта, создание компонентов и их тестирование.
👉 @sWebDev
Виджет погоды на Vue.js
Пошаговый туториал по созданию виджета погоды на Vue JS, Open Weather Map API и restful api для получения данных о погоде.
👉 @sWebDev
Angular Elements
Angular Elements позволяют использовать Angular-компоненты в качестве обычных HTML-элементов. Это означает, что Angular-компоненты можно включать в любые HTML-документы, даже если они не созданы с использованием Angular.
Для создания Angular Elements можно использовать директиву
@Component() с атрибутом selector со значением element. Например, следующий код создает Angular-компонент, который можно использовать в качестве HTML-элемента:
@Component({
selector: 'my-button',
templateUrl: './button.component.html',
styleUrls: ['./button.component.css']
})
export class ButtonComponent {
constructor() {}
click() {
alert('Button clicked!');
}
}
Этот компонент можно использовать в любом HTML-документе следующим образом:
<my-button (click)="doSomething()"></my-button>
👉 @sWebDevЗнаешь что такое черная пятница в IT?
Хостинг aeza.net устраивает распродажи виртуальных и выделенных серверов на базе процессоров AMD Ryzen 7950X и 7950X3D по очень выгодным ценам.
Вас ожидают скидки до 20%, кэшбек, а так же скидки на панель ispmanager.
Залетай к нам c 11.11 по 18.11 и забирай, пока не разобрали, число серверов ограничено
Наш новостной канал
Реклама. ООО "АЕЗА ГРУПП" ИНН 7813654490 erid: LatgBXPFR
Кулинарный гид по Vue.js: всё о props
В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.
👉 @sWebDev
Что используется в директиве NgOptimizedImage для ленивой загрузки изображений?
