Angular Vue js React
1.84K subscribers
238 photos
2 videos
2 files
758 links
Полезные материалы по JS фреймворкам
По всем вопросам: @un_ixtime
Download Telegram
Как использовать методы Vue: простое руководство

Метод Vue — это функция, связанная с каждым экземпляром Vue и созданная со methodsсвойством. Мы можем использовать их для выполнения определенных действий, когда пользователь взаимодействует с элементом, например, нажатие кнопки или ввод данных в поле ввода текста. Читайте дальше, чтобы узнать больше о том, как определять и использовать методы Vue.

https://shly.link/vGccf
10 лучших библиотек компонентов Angular на 2022 год

__________________________

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

В этой статье я рассмотрю 10 библиотек компонентов Angular в произвольном порядке, которые должен знать каждый разработчик.

https://shly.link/Pkoe6
Gravity Современная среда RPC для Svelte, React, Solid и Vue. Gravity позволяет вам вызывать функции, определенные на вашем сервере, непосредственно в вашем клиенте. Это современная внутренняя структура, которая может интегрироваться с вашим внешним интерфейсом, таким как Svelte, React, Solid и Vue.

https://shly.link/5ecHp
Состояние 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
Forwarded from Web Design
This media is not supported in your browser
VIEW IN TELEGRAM
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