Платформа анимации GreenSock (GSAP) x Vue
______
Анимация вашего приложения Vue с помощью GSAP
https://shly.link/EUxF9
______
Анимация вашего приложения Vue с помощью GSAP
https://shly.link/EUxF9
Vue Composition API против React Hooks
_____________________________
React Hooks были представлены с обновлением React 16.8, и с тех пор они стали необходимостью для одностраничных приложений . Это тип функции, который позволяет вам подключаться к состоянию React и методам жизненного цикла.
С введением обновления Vue 3 Vue.js бросил вызов React своим новым Composition API, который может извлекать фрагменты реактивной логики и делиться кодом с другими компонентами.
В этой статье мы сравним Vue Composition API и React Hooks, чтобы помочь вам понять различия и сходства между ними.
https://shly.link/2fbDB
_____________________________
React Hooks были представлены с обновлением React 16.8, и с тех пор они стали необходимостью для одностраничных приложений . Это тип функции, который позволяет вам подключаться к состоянию React и методам жизненного цикла.
С введением обновления Vue 3 Vue.js бросил вызов React своим новым Composition API, который может извлекать фрагменты реактивной логики и делиться кодом с другими компонентами.
В этой статье мы сравним Vue Composition API и React Hooks, чтобы помочь вам понять различия и сходства между ними.
https://shly.link/2fbDB
Создавайте трехмерные изображения в Vue с помощью Lunchbox.js
____________________________
С момента своего появления в 2010 году Three.js стал стандартом де-факто для создания 3D-визуалов в Интернете. За прошедшие годы на основе этой библиотеки было построено несколько абстракций, объединяющих ее функции и большую экосистему библиотек JavaScript для создания быстрых, потрясающих и производительных веб-приложений.
По мере своего развития Vue.js стала одной из лучших библиотек для разработки пользовательского интерфейса на основе компонентов. Vue и Three.js созданы с одинаковыми целями; оба инструмента по-разному управляют элементами пользовательского интерфейса для создания интерактивных визуальных элементов в Интернете.
В этой статье мы познакомимся с Lunchbox.js , пользовательским средством визуализации для Three.js. Мы рассмотрим все, что вам нужно знать, чтобы начать создавать трехмерные изображения в Vue с помощью Lunchbox.js
https://shly.link/RWyrq
____________________________
С момента своего появления в 2010 году Three.js стал стандартом де-факто для создания 3D-визуалов в Интернете. За прошедшие годы на основе этой библиотеки было построено несколько абстракций, объединяющих ее функции и большую экосистему библиотек JavaScript для создания быстрых, потрясающих и производительных веб-приложений.
По мере своего развития Vue.js стала одной из лучших библиотек для разработки пользовательского интерфейса на основе компонентов. Vue и Three.js созданы с одинаковыми целями; оба инструмента по-разному управляют элементами пользовательского интерфейса для создания интерактивных визуальных элементов в Интернете.
В этой статье мы познакомимся с Lunchbox.js , пользовательским средством визуализации для Three.js. Мы рассмотрим все, что вам нужно знать, чтобы начать создавать трехмерные изображения в Vue с помощью Lunchbox.js
https://shly.link/RWyrq
Начало работы с пользовательским интерфейсом Angular Material
___________________________
Angular Material — это библиотека компонентов пользовательского интерфейса (UI), которую разработчики используют в своих проектах Angular для ускорения процесса разработки стильного и совместимого пользовательского интерфейса. Он предлагает разработчикам функциональные и элегантные компоненты пользовательского интерфейса, такие как входы, таблицы данных, карты и многое другое. Его компоненты помогают создавать функциональные, совместимые и привлекательные веб-приложения/страницы, а также адаптивные веб-сайты с точки зрения долговечности, универсальности и качества дизайна.
https://shly.link/MDFPN
___________________________
Angular Material — это библиотека компонентов пользовательского интерфейса (UI), которую разработчики используют в своих проектах Angular для ускорения процесса разработки стильного и совместимого пользовательского интерфейса. Он предлагает разработчикам функциональные и элегантные компоненты пользовательского интерфейса, такие как входы, таблицы данных, карты и многое другое. Его компоненты помогают создавать функциональные, совместимые и привлекательные веб-приложения/страницы, а также адаптивные веб-сайты с точки зрения долговечности, универсальности и качества дизайна.
https://shly.link/MDFPN
Чистая архитектура во внешнем интерфейсе
_____________________________
Я хотел поделиться несколькими идеями, которые я нашел полезными для крупномасштабных интерфейсных приложений. Я хочу рассказать об идеях, которые доказали свою надежность на практике. В то же время я стремлюсь к простоте своих объяснений.
Я также реализовал несложное приложение To-Do List для поддержки словесного объяснения. Приложение использует те же принципы проектирования, что и я, но в гораздо большем масштабе. Я буду использовать это приложение, чтобы привести примеры отдельных компонентов. Вы также можете ознакомиться с исходным кодом на Github, чтобы самостоятельно изучить полную картину.
В примерах используется Angular и инструменты вокруг него. Общие принципы могут применяться в любой другой экосистеме.
https://shly.link/VoWyH
_____________________________
Я хотел поделиться несколькими идеями, которые я нашел полезными для крупномасштабных интерфейсных приложений. Я хочу рассказать об идеях, которые доказали свою надежность на практике. В то же время я стремлюсь к простоте своих объяснений.
Я также реализовал несложное приложение To-Do List для поддержки словесного объяснения. Приложение использует те же принципы проектирования, что и я, но в гораздо большем масштабе. Я буду использовать это приложение, чтобы привести примеры отдельных компонентов. Вы также можете ознакомиться с исходным кодом на Github, чтобы самостоятельно изучить полную картину.
В примерах используется Angular и инструменты вокруг него. Общие принципы могут применяться в любой другой экосистеме.
https://shly.link/VoWyH
This media is not supported in your browser
VIEW IN TELEGRAM
Генерация штрих-кодов с помощью Vue
В этом уроке мы будем динамически генерировать штрих-коды из письменного текста и сохранять их на нашем устройстве. https://shly.link/oH9BQ
В этом уроке мы будем динамически генерировать штрих-коды из письменного текста и сохранять их на нашем устройстве. https://shly.link/oH9BQ
Пример модального уведомления Vue.js
____________________________
Сегодня мы узнаем, как интегрировать SweetAlert2 в Vue.js. Мы знаем, что SweetAlert2 — красивая, отзывчивая, настраиваемая и доступная замена всплывающим окнам JavaScript. Давайте интегрируем его в наш проект vue.js.
https://shly.link/tDaAe
____________________________
Сегодня мы узнаем, как интегрировать SweetAlert2 в Vue.js. Мы знаем, что SweetAlert2 — красивая, отзывчивая, настраиваемая и доступная замена всплывающим окнам JavaScript. Давайте интегрируем его в наш проект vue.js.
https://shly.link/tDaAe
Найти работу в айти можно 2 методами:
Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIN. Офигеть от условий и закрыть.
Второй. Подписаться на JavaScript Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п.
Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах!
В общем, не теряйте времени и находите работу в 2 клика: @Jscript_jobs
Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIN. Офигеть от условий и закрыть.
Второй. Подписаться на JavaScript Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п.
Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах!
В общем, не теряйте времени и находите работу в 2 клика: @Jscript_jobs
Новый метод получения метаданных о компонентах Angular
____________________________
https://shly.link/A2VkJ
____________________________
https://shly.link/A2VkJ
Почему я оставил Vue.js ради React
______________________________
Я провел много времени с Vue.js в коммерческих целях, но теперь, после выпуска Vue 3, я просто думаю, что почти невозможно получить хороший опыт работы с этим фреймворком. Позвольте мне сказать кое-что о минусах этого фреймворка.
https://shly.link/3Nr0g
______________________________
Я провел много времени с Vue.js в коммерческих целях, но теперь, после выпуска Vue 3, я просто думаю, что почти невозможно получить хороший опыт работы с этим фреймворком. Позвольте мне сказать кое-что о минусах этого фреймворка.
https://shly.link/3Nr0g
Узнайте, как получить значение поля ввода для выполнения действия или отображения информации в Vue.
_______________________________
После получения ввода от пользователей с текстовым полем должен быть способ получить данные и что-то с ними сделать. В этой статье мы узнаем, как легко получить значение поля ввода в Vue.
https://shly.link/uPjWz
_______________________________
После получения ввода от пользователей с текстовым полем должен быть способ получить данные и что-то с ними сделать. В этой статье мы узнаем, как легко получить значение поля ввода в Vue.
https://shly.link/uPjWz
Знакомство с API runInContext в Angular
_____________________________
Angular v14.10 представляет EnvironmentInjector.runInContextAPI. Используя эту функцию, мы можем запустить функцию в контексте файла injector.
https://shly.link/yFgc5
_____________________________
Angular v14.10 представляет EnvironmentInjector.runInContextAPI. Используя эту функцию, мы можем запустить функцию в контексте файла injector.
https://shly.link/yFgc5
Кураторский список замечательных вещей, связанных с Vue.js
_______________________________
Потрясающий Vue.js
https://shly.link/dev4oCo
_______________________________
Потрясающий Vue.js
https://shly.link/dev4oCo
Пользовательский шаблон Vue 3 — Vite, Pinia, Vue Router и Tailwind CSS
____________________________
Я сомневаюсь, что многим разработчикам нравится создавать один и тот же проект и повторять одни и те же начальные команды снова и снова, поэтому в этой статье я быстро расскажу, как стекировать и настраивать шаблон.
https://shly.link/mdmJL2u
____________________________
Я сомневаюсь, что многим разработчикам нравится создавать один и тот же проект и повторять одни и те же начальные команды снова и снова, поэтому в этой статье я быстро расскажу, как стекировать и настраивать шаблон.
https://shly.link/mdmJL2u
Бесконечная прокрутка в Angular
________________________
Вы наверняка знакомы с бесконечной прокруткой, если вам когда-либо приходилось перемещаться по длинным спискам в веб-приложении. Частое решение проблемы предоставления длинного списка вашим потребителям в нужное время — это бесконечная прокрутка. В этой статье мы будем использовать пакет ngx-infinite-scroll, чтобы добавить бесконечную прокрутку в Angular.
В этом руководстве рассказывается, как быстро и легко создать бесконечный прокручиваемый компонент с помощью мощного npx-infinite-scrollпакета. Кроме того, мы рассмотрим все важные атрибуты и настройки событий, чтобы повысить гибкость вашего приложения.
https://shly.link/ZY2ep
________________________
Вы наверняка знакомы с бесконечной прокруткой, если вам когда-либо приходилось перемещаться по длинным спискам в веб-приложении. Частое решение проблемы предоставления длинного списка вашим потребителям в нужное время — это бесконечная прокрутка. В этой статье мы будем использовать пакет ngx-infinite-scroll, чтобы добавить бесконечную прокрутку в Angular.
В этом руководстве рассказывается, как быстро и легко создать бесконечный прокручиваемый компонент с помощью мощного npx-infinite-scrollпакета. Кроме того, мы рассмотрим все важные атрибуты и настройки событий, чтобы повысить гибкость вашего приложения.
https://shly.link/ZY2ep
Angular: перезагрузка/обновление компонента или всего приложения и повторное использование логики в нескольких компонентах
________________________________
Существует большая разница между перезагрузкой одного компонента и перезагрузкой всего приложения. Мы увидим, как оба могут быть достигнуты.
https://shly.link/dfU0A
________________________________
Существует большая разница между перезагрузкой одного компонента и перезагрузкой всего приложения. Мы увидим, как оба могут быть достигнуты.
https://shly.link/dfU0A
Medium
Angular: Reload/Refresh a Component or Entire Application & Reuse Logic Across Multiple Components
An Angular tutorial on how to reload/refresh a single component or the entire application and reuse the logic across multiple components.
Идеальный шаблон чистой архитектуры для проектов TypeScript
____________________________
Руководство по созданию шаблона проекта TypeScript на основе слоев в соответствии с принципами чистой архитектуры.
В этом руководстве я объясняю свой подход к созданию шаблона проекта TypeScript, реализующего принципы чистой архитектуры. Это, вероятно, будет работать для любого типа приложений, которые вы можете себе представить, включая SPA (одностраничные приложения) с Angular, React, Vue или другими фреймворками, такими как React Native или Electron. В принципе, если он использует TypeScript, он будет работать.
https://shly.link/0QDTW
____________________________
Руководство по созданию шаблона проекта TypeScript на основе слоев в соответствии с принципами чистой архитектуры.
В этом руководстве я объясняю свой подход к созданию шаблона проекта TypeScript, реализующего принципы чистой архитектуры. Это, вероятно, будет работать для любого типа приложений, которые вы можете себе представить, включая SPA (одностраничные приложения) с Angular, React, Vue или другими фреймворками, такими как React Native или Electron. В принципе, если он использует TypeScript, он будет работать.
https://shly.link/0QDTW
Angular Управление состоянием URL-адресов с помощью параметров запроса или параметров маршрута
______________________________
В этом сообщении блога объясняется процесс сохранения состояния с использованием URL-адреса браузера. В Angular есть несколько разных способов управления состоянием.
—Угловые сервисы
—Библиотека управления состоянием, такая как NgRx, Akita, Elf и т. д.
Но в некоторых случаях вы можете захотеть поделиться URL-адресом и позволить другим увидеть точный список элементов (в том же порядке и с применением фильтров). Например, когда вы ищете рейс на веб-сайте Travel и находите выгодные предложения на определенные даты, когда вы делитесь URL-адресом со своим другом, для них будет загружаться веб-страница с выбором по умолчанию. Но с управлением состоянием URL-адреса все изменения обновляются в URL-адресе, и любой, кто использует URL-адрес, увидит тот же выбор.
https://shly.link/dev1ovM
______________________________
В этом сообщении блога объясняется процесс сохранения состояния с использованием URL-адреса браузера. В Angular есть несколько разных способов управления состоянием.
—Угловые сервисы
—Библиотека управления состоянием, такая как NgRx, Akita, Elf и т. д.
Но в некоторых случаях вы можете захотеть поделиться URL-адресом и позволить другим увидеть точный список элементов (в том же порядке и с применением фильтров). Например, когда вы ищете рейс на веб-сайте Travel и находите выгодные предложения на определенные даты, когда вы делитесь URL-адресом со своим другом, для них будет загружаться веб-страница с выбором по умолчанию. Но с управлением состоянием URL-адреса все изменения обновляются в URL-адресе, и любой, кто использует URL-адрес, увидит тот же выбор.
https://shly.link/dev1ovM
DEV Community
Angular URL State management with Query Params or Route Params
This blog post explains the process to maintain state using browser URL. In Angular there are couple...
Как создавать собственные каналы в Angular, что такое чистые и нечистые каналы и как использовать чистые каналы для повышения производительности приложения.
https://shly.link/9pHWV
https://shly.link/9pHWV