Angular Vue js React

2022-09-01 11:38:56 Что такое PortalVue и как мы можем использовать его в качестве слота
____________

PortalVue может быть действительно полезной функцией и может сделать ваш проект более динамичным.

https://shly.link/LsTRp Открыть/Комментировать

2022-08-31 16:21:01 Как создать ввод OTP в Vue 3
________________

Ввод OTP — один из самых забавных компонентов, которые вы можете использовать в своем приложении. Они делают сухой процесс заполнения еще одной формы немного более увлекательным.

https://shly.link/V6AnU Открыть/Комментировать

2022-08-31 12:06:53 Что нужно освоить Fullstack-разработчику JavaScript? Начните изучать необходимые технологии на открытых уроках практического онлайн-курса «JavaScript Developer. Professional» от OTUS.

1 сентября в 20:00 — «Обзор технологий для построения API».
Рассмотрим несколько протоколов клиент-серверных приложений и на примере посмотрим на их сильные и слабые стороны.
Регистрация - https://otus.pw/zL3v/

15 сентября в 20:00 — «Кодогенерация Typescript».
Научимся писать программы, которые пишут код на Typescript за нас, а также попробуем в действии несколько библиотек и приобретем навык чтения абстрактного синтаксического дерева.
Регистрация - https://otus.pw/H5JG/

Не упустите возможность попробовать обучение на курсе познакомиться с преподавателем. Ведет занятие Арсений Высоцкий, тимлид в международной компании с опытом более 10 лет в веб-разработке.

Для участия нужно пройти вступительный тест и зарегистрироваться: https://otus.pw/FG2U/ Открыть/Комментировать

2022-08-31 11:02:53 Использование React в приложениях Angular
___________

Два сценария требуют использования React в приложении Angular. Во-первых, в экосистеме React есть компонент, на разработку которого у нас уйдут недели, например, компонент Timeline . Во-вторых, возможно, мы приобрели компанию, которая использует React, и нам нужно интегрировать ее в наше существующее приложение.

В этой статье я покажу, как интегрировать React в обоих случаях. Начнем с самого простого случая, когда мы должны использовать компонент React.

https://shly.link/zDWYj Открыть/Комментировать

2022-08-30 09:57:04 Как строить диаграммы в Angular с помощью Chart.js
______________

Чтобы использовать charts.js в Angular, в большинстве руководств предлагается использовать библиотеку вместе с библиотекой ng2-charts, которая поставляется со стандартной директивой базовых диаграмм, помогающей создавать различные диаграммы. Проблема такого подхода в том, что оба пакета иногда строятся по-разному и не обновляются одновременно. Поэтому каждая версия chart.js имеет определенную версию ng2-chart, с которой она может работать.

Реализовать функции в Angular легко с помощью пакетов, но иногда работа с пакетами, которые зависят друг от друга в Angular, может быть очень сложной из-за различий в версиях пакетов. У меня возникли трудности, когда я попытался построить диаграммы в приложении Angular с помощью пакета chart.js и ng2-charts. В конце концов мне пришлось реализовать диаграммы без использования пакета ng2. В результате эта статья покажет вам простой способ построения диаграмм в Angular с помощью chart.js без установки пакета ng2-chart.

https://shly.link/o6WsU Открыть/Комментировать

2022-08-29 09:54:01 Полное руководство по Vue 3 Composition API
_________________

API-интерфейс Composition — это дополнение к платформе Vue, созданное для устранения ограничений API-интерфейса Options, используемого в Vue 2. API-интерфейс Composition предоставляет способ управления реактивностью в приложении без ущерба для организации и удобочитаемости кода. В качестве альтернативы Options API предлагает больше преимуществ. С Composition API вы можете реструктурировать данные, методы, вычисляемые и наблюдаемые данные в более четкую структуру.

В этой статье вы познакомитесь с Composition API и сравните его с API опций. В конце этой записи в блоге вы получите базовые знания об API композиции и его преимуществах по сравнению с API опций.

https://shly.link/vr7t6 Открыть/Комментировать

2022-08-26 17:42:40 Типы директив в Angular
_________________

В этой статье мы узнаем о типах директив в angular.

https://shly.link/gD1J0 Открыть/Комментировать

2022-08-25 16:05:30 Многоразовая каскадная анимация с Angular Animation

__________

Вы когда-нибудь думали о том, как сделать пользовательский опыт лучше, когда у нас есть список карточек!?

Сегодня я покажу, как мы можем сделать это с помощью «каскадной» анимации карты и получить красивую страницу карты, используя возможности Angular Animations !

Итак, сначала давайте немного поговорим об Angular Animations!

https://shly.link/devbGdt Открыть/Комментировать

2022-08-25 12:01:03 "Javascript developer. Professional" - это хардкорный онлайн-курс для web-разработчиков по продвинутым возможностям JS и его фреймворков.

Справитесь ли вы с уровнем курса? Покажет вступительный тест.

Пройдите тестирование, чтобы:
● оценить свои навыки
● получить доступ к демо-занятиям курса
● занять место по специальной цене
● получить доступ в закрытое сообщество JS-разработчиков

Пройти полное тестирование: https://otus.pw/kPF2/ Открыть/Комментировать

2022-08-25 09:22:17 Использование Angular NgOptimizedImage для реализации лучших практик загрузки изображений
______________________________

Директива NgOptimizedImageв Angular отвечает за реализацию лучших практик производительности при загрузке изображений. Она доступна в Angular v14.2.0. Директива помечена как автономная и может быть импортирована в автономные компоненты и модули.

https://shly.link/CLoWH Открыть/Комментировать