Состояние Angular - основные моменты с конференции Google I/O
_______________________________

Google завершил свой двухчасовой основной доклад I/O , который был переполнен информацией. Были упомянуты искусственный интеллект, Android и, конечно же, множество аппаратных средств Pixel.
Здесь мы сосредоточимся на Angular и будущем этого фреймворка.

https://shly.link/devowLe

Всем привет!

Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама.

Настрой бота за 1 минуту и получай до 50 предложений в неделю, отобранных по твоим предпочтениям.

@MasterHuBot

В приложениях Angular раскрывающийся список — это типичный HTML-элемент, используемый в формах и компонентах, позволяющий пользователям выбирать значения. Сегодня мы узнаем три способа получить значение выбранного пользователем элемента в раскрывающемся списке с помощью Angular.
https://shly.link/1HT0V

Как использовать классы радиуса границы Vuetify
_______________________

Vuetify поставляется со вспомогательными классами для простой настройки радиуса границы элемента без создания собственного CSS. Мы собираемся изучить эти классы в этой статье.

https://shly.link/nFeoU

Ускоренный курс Vuex
________________________________

VUEX — это библиотека управления состоянием для Vue js. Его цель — обеспечить централизованный доступ к данным между несколькими компонентами. Вы часто будете слышать «единый источник правды» при обсуждении управления состоянием, и это просто означает, что у нас будет одно место, откуда все компоненты могут получать данные.

https://shly.link/dyZsV

🔥Хардкорный тест по React.js

— Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете фреймворк. Сможете сдать — пройдёте на продвинутый курс по React.js со скидкой.

👉🏻ПРОЙТИ ТЕСТ ПО REACT

📌Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатные демо-занятия:

— «Тестирование в React.js»: регистрация

— «Обзор нововведений в React 18»: регистрация

Топ-10 обязательных расширений VSCode для разработчиков Angular в 2022 году
__________________________________

Вот мои 10 лучших расширений кода VS для разработчиков Angular в 2022 году, которые могут сэкономить время и значительно облегчить вашу работу по разработке. Все упомянутые расширения доступны на рынке VS Code, и самое приятное то, что все расширения можно использовать бесплатно.

https://shly.link/devVSMr

🔥 Залипательный тест по JS 🔥

— Ответьте на 20 вопросов и проверьте, насколько хорошо вы знаете JavaScript. Сможете сдать — пройдёте на продвинутый курс JavaScript Developer. Professional с хорошей скидкой 🎁

👉🏻 ПРОЙТИ ТЕСТ: https://otus.pw/XTSI/😕

Руководство по событиям в Vue
_______________

Самое замечательное в событиях Vue то, что они имитируют ванильный Javascript, поэтому все события, которые вы привыкли использовать в Javascript, также можно использовать во Vue.
https://shly.link/V9tVB

Pinia, новая (и лучшая) система управления состоянием для Vue
_______________
Если вы еще не слышали о Pinia или думаете о переходе с Vuex на Pinia, эта статья может вам помочь.
https://shly.link/mdmZ1b1

Selectel Career Day 2022

25 мая мы в @Selectel проведем антистресс-встречу для специалистов разных направлений: разработчиков, системных администраторов, маркетологов, менеджеров, а также выпускников вузов и курсов.

Поговорим о карьере в период нестабильности:

— Как планировать карьеру;
— Поменялся ли процесс собеседований;
— Выросла ли конкуренция в IT;
— Какие сейчас тренды на рынке труда

Все подробности и регистрация на лендинге: https://slc.tl/07eeq

Для ребят из других городов будем вести онлайн-трансляцию. Регистрация тут: https://slc.tl/sbg53

Typed Reactive Forms в Angular
________________________________

Скоро появится одна из самых востребованных функций Angular 14 — Typed Reactive Forms . Вы можете начать экспериментировать с ним сейчас, создав новый проект Angular 14:

https://shly.link/Hr2Jc

Атомарный дизайн с Vue
__________________________________

Атомарный дизайн может быть реализован во многих интерфейсных фреймворках. В этой статье мы приведем примеры каждого компонента с кодом фреймворка Vue.

https://shly.link/mdmi232

AutoAnimate
___________________________

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

https://shly.link/gh3qeh

tiptap — самая популярная библиотека текстового редактора для Vue.
___________________________

Версия 2 полностью переписана на TypeScript и, наконец, поставляется с поддержкой Vue 3.

https://shly.link/3w8bR

Vue 3 Composition API: ref() и reactive()
___________________________________________

-Когда использовать ref()и когда использовать reactive()?
-Недостатки использованияref()
-Микширование ref()и reactive()хорошая идея

https://shly.link/0yvum

Vue UseGesture — это набор хуков, которые позволяют привязывать события мыши и касания к любому компоненту Vue.
______________________________________

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

https://shly.link/gSpid

Раскройте всю мощь функций DI в Angular
_________________________________

Мы можем использовать функцию Angular inject()для получения ссылки на токен из активного инжектора. Мы можем использовать его в factoryпровайдерах или сервисах, например:

https://shly.link/5aLn4

Как использовать компонент Vuetify Bottom Sheet
_____________________________

Bottom Sheet — это настраиваемый v-dialog , привязанный к нижней части экрана, как v-bottom-navigation . Они в основном используются на мобильных устройствах и могут содержать дополнительную информацию и действия. В этой статье мы узнаем, как легко создавать и настраивать нижние листы с помощью компонента нижнего листа Vuetify.

https://shly.link/aokc9

Остановите ужасное столкновение между одиночными и двойными кликами в Angular
______________________________

Руководство о том, как решить проблему всплытия событий с помощью тем RxJS.

https://shly.link/APNoQ

Элементы управления пользовательскими формами Angular и вложенные группы форм стали проще
__________________________________

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

Итак, приступим!