VueUse — библиотека, которая делает Vue 3 достойным обновления
__________________________________
VueUse — это набор из более чем 200 основных служебных функций для взаимодействия с различными API, такими как браузер, состояние, сеть, анимация, время и многое другое.
https://shly.link/mdmhXQe
__________________________________
VueUse — это набор из более чем 200 основных служебных функций для взаимодействия с различными API, такими как браузер, состояние, сеть, анимация, время и многое другое.
https://shly.link/mdmhXQe
Medium
VueUse - The library that makes Vue 3 worth the upgrade
Composition API promotes a much better paradigm of sharing code between components. Explicit dependencies and namespacing by design enable…
15 революционных инструментов в экосистеме Vue 3
_____________________________
Экосистема Vue.js развивалась за последние несколько лет, особенно с учетом того, что Vue 3 стала версией по умолчанию с понедельника, 7 февраля 2022 года . Этот пост будет посвящен главным образом инструментам, которые вращаются вокруг экосистемы Vue 3.
https://shly.link/uMgtw
_____________________________
Экосистема Vue.js развивалась за последние несколько лет, особенно с учетом того, что Vue 3 стала версией по умолчанию с понедельника, 7 февраля 2022 года . Этот пост будет посвящен главным образом инструментам, которые вращаются вокруг экосистемы Vue 3.
https://shly.link/uMgtw
Стандарты и лучшие практики Angular
______________________________
В этой статье описаны некоторые из стандартов и лучших практик Angular, которые я мог использовать и испытать при разработке приложений.
https://shly.link/mdmy9PL
______________________________
В этой статье описаны некоторые из стандартов и лучших практик Angular, которые я мог использовать и испытать при разработке приложений.
https://shly.link/mdmy9PL
Medium
Angular Standards And Best Practices
Angular is a TypeScript-based free and open-source web application framework. It is a complete rewrite of AngularJS.
Как я нашел идеальный стек для освоения HTML и CSS — Vue без сборки
______________________________
Отказ от ответственности: это не чисто техническая статья с подробным руководством. Это история о: проблеме принятия решений, логике мышления и случайных жизненных событиях, влияющих на нас. В любом случае, вы также найдете всю необходимую техническую информацию.
https://shly.link/devM8xd
______________________________
Отказ от ответственности: это не чисто техническая статья с подробным руководством. Это история о: проблеме принятия решений, логике мышления и случайных жизненных событиях, влияющих на нас. В любом случае, вы также найдете всю необходимую техническую информацию.
https://shly.link/devM8xd
Использование Angular NgOptimizedImage для реализации лучших практик загрузки изображений
______________________________
Директива NgOptimizedImageв Angular отвечает за реализацию лучших практик производительности при загрузке изображений. Она доступна в Angular v14.2.0. Директива помечена как автономная и может быть импортирована в автономные компоненты и модули.
https://shly.link/CLoWH
______________________________
Директива NgOptimizedImageв Angular отвечает за реализацию лучших практик производительности при загрузке изображений. Она доступна в Angular v14.2.0. Директива помечена как автономная и может быть импортирована в автономные компоненты и модули.
https://shly.link/CLoWH
"Javascript developer. Professional" - это хардкорный онлайн-курс для web-разработчиков по продвинутым возможностям JS и его фреймворков.
Справитесь ли вы с уровнем курса? Покажет вступительный тест.
📍Пройдите тестирование, чтобы:
● оценить свои навыки
● получить доступ к демо-занятиям курса
● занять место по специальной цене
● получить доступ в закрытое сообщество JS-разработчиков
👉 Пройти полное тестирование: https://otus.pw/kPF2/
Справитесь ли вы с уровнем курса? Покажет вступительный тест.
📍Пройдите тестирование, чтобы:
● оценить свои навыки
● получить доступ к демо-занятиям курса
● занять место по специальной цене
● получить доступ в закрытое сообщество JS-разработчиков
👉 Пройти полное тестирование: https://otus.pw/kPF2/
Многоразовая каскадная анимация с Angular Animation
__________
Вы когда-нибудь думали о том, как сделать пользовательский опыт лучше, когда у нас есть список карточек!?
Сегодня я покажу, как мы можем сделать это с помощью «каскадной» анимации карты и получить красивую страницу карты, используя возможности Angular Animations !
Итак, сначала давайте немного поговорим об Angular Animations!
https://shly.link/devbGdt
__________
Вы когда-нибудь думали о том, как сделать пользовательский опыт лучше, когда у нас есть список карточек!?
Сегодня я покажу, как мы можем сделать это с помощью «каскадной» анимации карты и получить красивую страницу карты, используя возможности Angular Animations !
Итак, сначала давайте немного поговорим об Angular Animations!
https://shly.link/devbGdt
Типы директив в Angular
_________________
В этой статье мы узнаем о типах директив в angular.
https://shly.link/gD1J0
_________________
В этой статье мы узнаем о типах директив в angular.
https://shly.link/gD1J0
Полное руководство по 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
_________________
API-интерфейс Composition — это дополнение к платформе Vue, созданное для устранения ограничений API-интерфейса Options, используемого в Vue 2. API-интерфейс Composition предоставляет способ управления реактивностью в приложении без ущерба для организации и удобочитаемости кода. В качестве альтернативы Options API предлагает больше преимуществ. С Composition API вы можете реструктурировать данные, методы, вычисляемые и наблюдаемые данные в более четкую структуру.
В этой статье вы познакомитесь с Composition API и сравните его с API опций. В конце этой записи в блоге вы получите базовые знания об API композиции и его преимуществах по сравнению с API опций.
https://shly.link/vr7t6
Как строить диаграммы в 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
______________
Чтобы использовать 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
Sweetcode.io
How to Build Charts in Angular Using Chart.js
It can be difficult build charts in angular using chart.js without installing the ng2-chart package. This article guides you through it.
Использование React в приложениях Angular
___________
Два сценария требуют использования React в приложении Angular. Во-первых, в экосистеме React есть компонент, на разработку которого у нас уйдут недели, например, компонент Timeline . Во-вторых, возможно, мы приобрели компанию, которая использует React, и нам нужно интегрировать ее в наше существующее приложение.
В этой статье я покажу, как интегрировать React в обоих случаях. Начнем с самого простого случая, когда мы должны использовать компонент React.
https://shly.link/zDWYj
___________
Два сценария требуют использования React в приложении Angular. Во-первых, в экосистеме React есть компонент, на разработку которого у нас уйдут недели, например, компонент Timeline . Во-вторых, возможно, мы приобрели компанию, которая использует React, и нам нужно интегрировать ее в наше существующее приложение.
В этой статье я покажу, как интегрировать React в обоих случаях. Начнем с самого простого случая, когда мы должны использовать компонент React.
https://shly.link/zDWYj
Что нужно освоить 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/
1 сентября в 20:00 — «Обзор технологий для построения API».
Рассмотрим несколько протоколов клиент-серверных приложений и на примере посмотрим на их сильные и слабые стороны.
Регистрация - https://otus.pw/zL3v/
15 сентября в 20:00 — «Кодогенерация Typescript».
Научимся писать программы, которые пишут код на Typescript за нас, а также попробуем в действии несколько библиотек и приобретем навык чтения абстрактного синтаксического дерева.
Регистрация - https://otus.pw/H5JG/
Не упустите возможность попробовать обучение на курсе познакомиться с преподавателем. Ведет занятие Арсений Высоцкий, тимлид в международной компании с опытом более 10 лет в веб-разработке.
‼️ Для участия нужно пройти вступительный тест и зарегистрироваться: https://otus.pw/FG2U/
Как создать ввод OTP в Vue 3
________________
Ввод OTP — один из самых забавных компонентов, которые вы можете использовать в своем приложении. Они делают сухой процесс заполнения еще одной формы немного более увлекательным.
https://shly.link/V6AnU
________________
Ввод OTP — один из самых забавных компонентов, которые вы можете использовать в своем приложении. Они делают сухой процесс заполнения еще одной формы немного более увлекательным.
https://shly.link/V6AnU
Что такое PortalVue и как мы можем использовать его в качестве слота
____________
PortalVue может быть действительно полезной функцией и может сделать ваш проект более динамичным.
https://shly.link/LsTRp
____________
PortalVue может быть действительно полезной функцией и может сделать ваш проект более динамичным.
https://shly.link/LsTRp
GitHub
GitHub - LinusBorg/portal-vue: A feature-rich Portal Plugin for Vue 3, for rendering DOM outside of a component, anywhere in your…
A feature-rich Portal Plugin for Vue 3, for rendering DOM outside of a component, anywhere in your app or the entire document. (Vue 2 version: v2.portal-vue.linusb.org) - LinusBorg/portal-vue
Видеоплеер Angular с Ngx-Videogular
_________________
В цифровом мире видеоплееры HTML5 в настоящее время являются наиболее широко используемым типом видеоплееров. Благодаря высокой совместимости и адаптивности эти видеоплееры помогают вещателям расширить аудиторию своих потоков. Чтобы получить контент из видео CDN или онлайн-видеоплеера, на котором размещена потоковая передача, видеопроигрыватели HTML5 используют протокол HTTPS Live Streaming (HLS), созданный специально для потоковой передачи.
Видеопроигрыватель HTML5 предоставляет вещателям помощь, необходимую им для эффективного охвата значительной аудитории. Из-за этого он вскоре приобрел популярность и остается предпочтительным выбором телевещателей.
Ngx-Videogular — это надежный мультимедийный фреймворк, управляемый Angular. Разработка видеопроигрывателей веб-сайтов HTML5 для приложений Angular особенно хорошо использует эту медиа-инфраструктуру. Как следует из названия, Ngx-Videogular — это медиа-фреймворк, созданный в Angular.
С помощью нескольких тегов и атрибутов, добавленных в ваш HTML-код, вы можете создать собственный видеоплеер с помощью Ngx-Videogular, который в основном опирается на стандарты HTML5.
https://shly.link/7giku
_________________
В цифровом мире видеоплееры HTML5 в настоящее время являются наиболее широко используемым типом видеоплееров. Благодаря высокой совместимости и адаптивности эти видеоплееры помогают вещателям расширить аудиторию своих потоков. Чтобы получить контент из видео CDN или онлайн-видеоплеера, на котором размещена потоковая передача, видеопроигрыватели HTML5 используют протокол HTTPS Live Streaming (HLS), созданный специально для потоковой передачи.
Видеопроигрыватель HTML5 предоставляет вещателям помощь, необходимую им для эффективного охвата значительной аудитории. Из-за этого он вскоре приобрел популярность и остается предпочтительным выбором телевещателей.
Ngx-Videogular — это надежный мультимедийный фреймворк, управляемый Angular. Разработка видеопроигрывателей веб-сайтов HTML5 для приложений Angular особенно хорошо использует эту медиа-инфраструктуру. Как следует из названия, Ngx-Videogular — это медиа-фреймворк, созданный в Angular.
С помощью нескольких тегов и атрибутов, добавленных в ваш HTML-код, вы можете создать собственный видеоплеер с помощью Ngx-Videogular, который в основном опирается на стандарты HTML5.
https://shly.link/7giku
Как создать автосохраняющиеся формы в Angular
это краткое руководство по созданию реактивных форм и форм на основе шаблонов с помощью RxJs и Angular Material. В этой статье мы изучим, как создавать автосохраняющиеся формы в Angular.
https://shly.link/aKpYG
это краткое руководство по созданию реактивных форм и форм на основе шаблонов с помощью RxJs и Angular Material. В этой статье мы изучим, как создавать автосохраняющиеся формы в Angular.
https://shly.link/aKpYG
Medium
How to Create Auto-Saving Forms in Angular
How to create auto-saving forms in Angular — for reactive and template-driven forms. We’ll be using RxJs and Angular Material.
Выполнение вызовов API в Vue с помощью Axios
Для получения данных из API JavaScript поставляется с такими библиотеками, как Fetch и Axios. Эти библиотеки имеют простой синтаксис и могут быть легко интегрированы с популярными интерфейсными фреймворками, такими как React, Angular и Vue. В этой статье мы сосредоточимся на вызовах API из приложения Vue с помощью Axios
https://shly.link/Mz62E
Для получения данных из API JavaScript поставляется с такими библиотеками, как Fetch и Axios. Эти библиотеки имеют простой синтаксис и могут быть легко интегрированы с популярными интерфейсными фреймворками, такими как React, Angular и Vue. В этой статье мы сосредоточимся на вызовах API из приложения Vue с помощью Axios
https://shly.link/Mz62E
Простой способ загрузки данных перед загрузкой страницы в Angular
_______
Вы, вероятно, уже пытались сделать это в функции ngOnInit компонента app.component, но поняли, что ваши данные должны быть загружены еще раньше. Вы также, возможно, пытались внедрить преобразователь, но поняли, что они лучше подходят в контексте отдельных маршрутов. Вот еще один подход к загрузке ваших данных перед загрузкой страницы, о котором вы, возможно, еще не знаете: APP_INITIALIZER .
https://shly.link/VDu6A
_______
Вы, вероятно, уже пытались сделать это в функции ngOnInit компонента app.component, но поняли, что ваши данные должны быть загружены еще раньше. Вы также, возможно, пытались внедрить преобразователь, но поняли, что они лучше подходят в контексте отдельных маршрутов. Вот еще один подход к загрузке ваших данных перед загрузкой страницы, о котором вы, возможно, еще не знаете: APP_INITIALIZER .
https://shly.link/VDu6A
Forwarded from Daily Dev Jokes. Юмор.
This media is not supported in your browser
VIEW IN TELEGRAM
Разработчики React и Vue, когда они встречаются публично
📚Подборка тематичеких каналов для программистов📚
СИСТЕМНОЕ АДМИНИСТРИРОВАНИЕ
🐧 Новости и информация из мира Linux
https://t.me/linux_sup
⚙️ Контейнеры, оркестраторы, мониторинг и др.
https://t.me/dev_ops_info
🕸 Сетевая архитектура и администрирование
https://t.me/network_arch
ПРОГРАММИРОВАНИЕ
🧑💻 Разработка внешнего интерфейса
https://t.me/Frontend_now
🎨 Веб дизайн
https://t.me/goodw_design
🔺 Все что связано с Angular, Vuejs
https://t.me/Angular_Vuejs
⚛️ Все что связано с reactjs
https://t.me/react_prog
🐍 Программирование Python
https://t.me/Welcome_Python
🐍⌨️Код Python
https://t.me/pycodings
☕️ Программирование Java
https://t.me/java_sup
📲 Все по мобильной разработке: iOS, Android
https://t.me/imobile_dev
🗃 Базы данных SQL/NOSQL
https://t.me/database_group
🌥 Облачные сервисы, вычисления и безопасность
https://t.me/cloud_comp
🔬 Data Science, Big Data, Machine Learning
https://t.me/bigdata_world
🔬📜Проекты Data Science, Big Data, Machine Learning
https://t.me/ML_programming
🤯 Программирование для новичков
https://t.me/easy_program
🪲 Тестирование программного обеспечения
https://t.me/testin_new
🪛 General programming (инструменты и руководства для программистов)
https://t.me/generalprog
📚Шпаргалки для айтишников (шпаргалки и руководства для системных администраторов, программистов, специалистов по безопасности и т.п.)
https://t.me/itcheat_sheet
НОВОСТНЫЕ РЕСУРСЫ
🚀 Новости HighTech
https://t.me/htech_news
🕰 Последнии новости из мира науки
https://t.me/gmorning_news
GITHAB
🐍 Python (гитхаб тренды)
https://t.me/pythonghub
☕️ Java (гитхаб тренды)
https://t.me/javaghub
🟨 Javascript (гитхаб тренды)
https://t.me/Jsghub
БУДНИ ПРОГРАММИСТА (ЮМОР) 📌
😁 Daily Dev Jokes
https://t.me/dev_jokes
ЗАЩИТА ВЗЛОМ БЕЗОПАСНОСТЬ
🔒 Информационная безопасность
https://t.me/crypto_security_lab
👨✈️ Новости из мира хакинга
https://t.me/Hackme_news
ВИРТУАЛЬНАЯ РЕАЛЬНОСТЬ, РОБОТОТЕХНИКА
👓 Компьютерное зрение, виртуальная реальность
https://t.me/AR_VR_vision
🦾 Канал о Робототехнике и автоматизации
https://t.me/robotics_scince
🕹 IOT (мир интернета вещей)
https://t.me/IoTprog
СИСТЕМНОЕ АДМИНИСТРИРОВАНИЕ
🐧 Новости и информация из мира Linux
https://t.me/linux_sup
⚙️ Контейнеры, оркестраторы, мониторинг и др.
https://t.me/dev_ops_info
🕸 Сетевая архитектура и администрирование
https://t.me/network_arch
ПРОГРАММИРОВАНИЕ
🧑💻 Разработка внешнего интерфейса
https://t.me/Frontend_now
🎨 Веб дизайн
https://t.me/goodw_design
🔺 Все что связано с Angular, Vuejs
https://t.me/Angular_Vuejs
⚛️ Все что связано с reactjs
https://t.me/react_prog
🐍 Программирование Python
https://t.me/Welcome_Python
🐍⌨️Код Python
https://t.me/pycodings
☕️ Программирование Java
https://t.me/java_sup
📲 Все по мобильной разработке: iOS, Android
https://t.me/imobile_dev
🗃 Базы данных SQL/NOSQL
https://t.me/database_group
🌥 Облачные сервисы, вычисления и безопасность
https://t.me/cloud_comp
🔬 Data Science, Big Data, Machine Learning
https://t.me/bigdata_world
🔬📜Проекты Data Science, Big Data, Machine Learning
https://t.me/ML_programming
🤯 Программирование для новичков
https://t.me/easy_program
🪲 Тестирование программного обеспечения
https://t.me/testin_new
🪛 General programming (инструменты и руководства для программистов)
https://t.me/generalprog
📚Шпаргалки для айтишников (шпаргалки и руководства для системных администраторов, программистов, специалистов по безопасности и т.п.)
https://t.me/itcheat_sheet
НОВОСТНЫЕ РЕСУРСЫ
🚀 Новости HighTech
https://t.me/htech_news
🕰 Последнии новости из мира науки
https://t.me/gmorning_news
GITHAB
🐍 Python (гитхаб тренды)
https://t.me/pythonghub
☕️ Java (гитхаб тренды)
https://t.me/javaghub
🟨 Javascript (гитхаб тренды)
https://t.me/Jsghub
БУДНИ ПРОГРАММИСТА (ЮМОР) 📌
😁 Daily Dev Jokes
https://t.me/dev_jokes
ЗАЩИТА ВЗЛОМ БЕЗОПАСНОСТЬ
🔒 Информационная безопасность
https://t.me/crypto_security_lab
👨✈️ Новости из мира хакинга
https://t.me/Hackme_news
ВИРТУАЛЬНАЯ РЕАЛЬНОСТЬ, РОБОТОТЕХНИКА
👓 Компьютерное зрение, виртуальная реальность
https://t.me/AR_VR_vision
🦾 Канал о Робототехнике и автоматизации
https://t.me/robotics_scince
🕹 IOT (мир интернета вещей)
https://t.me/IoTprog