Начало работы с пользовательским интерфейсом 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
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