При создании веб-приложения нам время от времени приходится защищать маршруты от несанкционированного доступа. В Angular мы можем сделать это с помощью защиты маршрутизатора.
https://itnext.io/create-configurable-angular-guards-11800f84d90a
https://itnext.io/create-configurable-angular-guards-11800f84d90a
Medium
Create configurable Angular Guards
When building web application, from time to time we have to protect routes from unauthorized access. In Angular, we can do this by using…
Svelte Против Vue — Сравнение
В мире фреймворков для веб-сайтов высоко ценятся Vue и Svelte, и в этой статье мы их тщательно сравним, чтобы вы могли решить, какой из них лучше соответствует вашим требованиям к разработке веб-приложений. https://blog.openreplay.com/svelte-vs-bue--a-comparison/
В мире фреймворков для веб-сайтов высоко ценятся Vue и Svelte, и в этой статье мы их тщательно сравним, чтобы вы могли решить, какой из них лучше соответствует вашим требованиям к разработке веб-приложений. https://blog.openreplay.com/svelte-vs-bue--a-comparison/
This media is not supported in your browser
VIEW IN TELEGRAM
Представляем новый компонент аутентификации для #Vue
Auth UI Vue: это готовый виджет аутентификации, основанный на supabase, предназначенный для того, чтобы вы могли приступить к работе за считанные минуты.
🔗 Repo : https://github.com/nuxtbase/auth-ui-vue
🔒 Preview: https://auth-ui-vue.netlify.app
Auth UI Vue: это готовый виджет аутентификации, основанный на supabase, предназначенный для того, чтобы вы могли приступить к работе за считанные минуты.
🔗 Repo : https://github.com/nuxtbase/auth-ui-vue
🔒 Preview: https://auth-ui-vue.netlify.app
Где-то в октябре 2022 года у нас были выпущены некоторые важные функции Angular 15 и еще несколько в Angular 15.1.0 . В мае мы увидели Angular 16, которому предшествовал Angular 16 RC2 .
Теперь, спустя 3 месяца, работа над 17.0.0 началась со вчерашнего релиза next.0. Итак, прежде чем мы насладимся тем, что команда Angular приготовит для нас в следующие недели, давайте посмотрим, что произошло между Angular 16.0.0 и 16.2.1
https://tomaszs2.medium.com/%EF%B8%8F-angular-16-0-1-16-2-1-is-a-craftsmanship-effort-337cf1435567
Теперь, спустя 3 месяца, работа над 17.0.0 началась со вчерашнего релиза next.0. Итак, прежде чем мы насладимся тем, что команда Angular приготовит для нас в следующие недели, давайте посмотрим, что произошло между Angular 16.0.0 и 16.2.1
https://tomaszs2.medium.com/%EF%B8%8F-angular-16-0-1-16-2-1-is-a-craftsmanship-effort-337cf1435567
Medium
🅰️ Angular 16.0.1–16.2.1 Is A Craftsmanship Effort
Somewhere around October 2022 we had some important Angular 15 features released with some more in Angular 15.1.0. In May, we’ve seen Angular 16 preceded by Angular 16 RC2. Now, 3 months later, the…
Что такое запахи кода в Angular?
Как вы можете идентифицировать и бороться с запахами кода в Angular?
https://blog.bitsrc.io/code-smells-in-angular-ce73bf7db072
Как вы можете идентифицировать и бороться с запахами кода в Angular?
https://blog.bitsrc.io/code-smells-in-angular-ce73bf7db072
Medium
What are Code Smells in Angular?
In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be followed in order to positively…
DOM, DI и View: деревья в Angular.
Чтобы стать продуктивным разработчиком на Angular, потребуется понимание различных деревьев, из которых состоит приложение. На первый взгляд легко можно спутать дерево инжекторов DI и DOM-дерево непосредственных HTML-элементов и вьюх Angular. Они похожи и иногда имеют прямое соответствие, но далеко не всегда. В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними.
Читать далееhttps://habr.com/ru/companies/tinkoff/articles/756024
Чтобы стать продуктивным разработчиком на Angular, потребуется понимание различных деревьев, из которых состоит приложение. На первый взгляд легко можно спутать дерево инжекторов DI и DOM-дерево непосредственных HTML-элементов и вьюх Angular. Они похожи и иногда имеют прямое соответствие, но далеко не всегда. В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними.
Читать далееhttps://habr.com/ru/companies/tinkoff/articles/756024
Хабр
DOM, DI и View: деревья в Angular
Чтобы стать продуктивным разработчиком на Angular, потребуется понимание различных деревьев, из которых состоит приложение. На первый взгляд легко можно спутать дерево инжекторов DI и DOM-дерево...
Одностраничное приложение: аутентификация и авторизация в Agular
https://dev.to/brainiacneit/single-page-application-authentication-and-authorization-in-agularjs-54i2
https://dev.to/brainiacneit/single-page-application-authentication-and-authorization-in-agularjs-54i2
🎉Представляем атомарный дизайн в Vue.js🔥
Атомный дизайн — это методология создания систем дизайна, которая разбивает пользовательские интерфейсы на небольшие повторно используемые компоненты https://dev.to/9haroon_dev/introducing-atomic-design-in-vuejs-1l2h
Атомный дизайн — это методология создания систем дизайна, которая разбивает пользовательские интерфейсы на небольшие повторно используемые компоненты https://dev.to/9haroon_dev/introducing-atomic-design-in-vuejs-1l2h
DEV Community
🎉Introducing Atomic Design in Vue.js🔥
In my experience of building and delivering systems for various clients, depending on their...
Руководство по Angular Signals с практическими примерами использования (часть 1)
Давайте приступим к подробному исследованию, коснувшись трех вариантов использования и их практического применения. https://hackernoon.com/a-guide-to-angular-signals-with-practical-use-cases-part-1?source=rss
Давайте приступим к подробному исследованию, коснувшись трех вариантов использования и их практического применения. https://hackernoon.com/a-guide-to-angular-signals-with-practical-use-cases-part-1?source=rss
Hackernoon
A Guide to Angular Signals With Practical Use Cases (Part 1) | HackerNoon
Part 1: A detailed exploration of Angular Signals, touching on three use cases and their practical applications.
Создание страницы новостной рассылки с помощью Vue и Firebase Cloud Firestore
Наличие функции подписки на рассылку новостей на нашем веб-сайте является важной частью нашей цифровой стратегии. Это позволяет нам расширять список адресов электронной почты и держать наших подписчиков в курсе наших последних продуктов, историй, блогов, новых функций и других бизнес-разработок. Эта функция также помогает нам продвигать нашу продукцию среди значительной и разнообразной потребительской базы. В этой статье мы рассмотрим, что такое Firebase и Cloud Firestore, а также как создать мощную страницу подписки на рассылку новостей с помощью Vue, Firebase и Cloud Firestore. https://semaphoreci.com/blog/newsletter-vue-firebase-cloud-firestore
Наличие функции подписки на рассылку новостей на нашем веб-сайте является важной частью нашей цифровой стратегии. Это позволяет нам расширять список адресов электронной почты и держать наших подписчиков в курсе наших последних продуктов, историй, блогов, новых функций и других бизнес-разработок. Эта функция также помогает нам продвигать нашу продукцию среди значительной и разнообразной потребительской базы. В этой статье мы рассмотрим, что такое Firebase и Cloud Firestore, а также как создать мощную страницу подписки на рассылку новостей с помощью Vue, Firebase и Cloud Firestore. https://semaphoreci.com/blog/newsletter-vue-firebase-cloud-firestore
Semaphore
Creating a Newsletter Page With Vue and Firebase Cloud Firestore - Semaphore
This is a tutorial on how to build a dynamic newsletter sign-up feature using Vue and Firebase Cloud Firestore.
8 полезных библиотек Angular
Привет всем 👋. В этой статье давайте поговорим о некоторых библиотеках Angular, полезных для вашего проекта Angular. Возможно, вы слышали о некоторых из этих библиотек. Эти библиотеки могут облегчить вашу жизнь. Итак, давайте посмотрим, что это за библиотеки. https://blog.stackademic.com/8-useful-angular-libraries-3242643f73d9
Привет всем 👋. В этой статье давайте поговорим о некоторых библиотеках Angular, полезных для вашего проекта Angular. Возможно, вы слышали о некоторых из этих библиотек. Эти библиотеки могут облегчить вашу жизнь. Итак, давайте посмотрим, что это за библиотеки. https://blog.stackademic.com/8-useful-angular-libraries-3242643f73d9
Medium
8 Useful Angular Libraries
Hi all 👋, In this article let’s talk about some Angular libraries, useful to your Angular project. You may have heard about some of these…
Лучшие практики для создания масштабируемого приложения Vue.js
Узнайте, как создать масштабируемое и поддерживаемое приложение Vue.js в этом пошаговом руководстве. Включены примеры кода и лучшие практики! https://www.codemotion.com/magazine/frontend/building-scalable-vuejs-application/
Узнайте, как создать масштабируемое и поддерживаемое приложение Vue.js в этом пошаговом руководстве. Включены примеры кода и лучшие практики! https://www.codemotion.com/magazine/frontend/building-scalable-vuejs-application/
Codemotion Magazine
Best Practices for Building a Scalable Vue.js Application
Discover how to create a scalable and maintainable Vue.js application in this step by step guide. Code examples and best practices included!
Как улучшить производительность приложений Angular
Как улучшить производительность приложений Angular? Прочтите эту публикацию в блоге, чтобы найти способы — от сокращения неиспользуемого JavaScript и CSS до отложенной загрузки Angular. https://dzone.com/articles/how-to-improve-the-performance-of-angular-apps
Как улучшить производительность приложений Angular? Прочтите эту публикацию в блоге, чтобы найти способы — от сокращения неиспользуемого JavaScript и CSS до отложенной загрузки Angular. https://dzone.com/articles/how-to-improve-the-performance-of-angular-apps
DZone
How To Improve the Performance of Angular Apps
How to improve the performance of Angular apps? Read this blog post to find the ways – from reducing unused JavaScript and CSS to Angular lazy loading.
Taiga UI: больше чем UI kit.
Taiga UI — огромная библиотека UI-компонентов для Angular, на которую стоит взглянуть. Но она только вершина айсберга. Мы разрабатывали ее более пяти лет, начав еще на Angular 4. И, будучи любителями декомпозиции, мы создали несколько отдельных независимых проектов, которые помогают нам писать крутые Angular-приложения.
Вам может быть неинтересна Taiga UI, но эти небольшие библиотеки будут полезны и непременно улучшат DX. В этой статье рассмотрим всех членов семьи Taiga UI и разберемся, что делает их достойными внимания.
Читать далееhttps://habr.com/ru/companies/tinkoff/articles/760276/
Taiga UI — огромная библиотека UI-компонентов для Angular, на которую стоит взглянуть. Но она только вершина айсберга. Мы разрабатывали ее более пяти лет, начав еще на Angular 4. И, будучи любителями декомпозиции, мы создали несколько отдельных независимых проектов, которые помогают нам писать крутые Angular-приложения.
Вам может быть неинтересна Taiga UI, но эти небольшие библиотеки будут полезны и непременно улучшат DX. В этой статье рассмотрим всех членов семьи Taiga UI и разберемся, что делает их достойными внимания.
Читать далееhttps://habr.com/ru/companies/tinkoff/articles/760276/
Хабр
Taiga UI: больше чем UI kit
Taiga UI — огромная библиотека UI-компонентов для Angular, на которую стоит взглянуть. Но она только вершина айсберга. Мы разрабатывали ее более пяти лет, начав еще на Angular 4. И, будучи любителями...
Давайте узнаем, как перенести часто используемый Angular CoreModule (или любой другой модуль Angular) на автономные API, чтобы полностью охватить настройку автономного проекта! https://angularexperts.ch/blog/angular-core-module-standalone-migration
Angular Experts
How to migrate Angular CoreModule to standalone APIs - Angular Experts
Let's learn how to migrate commonly used Angular CoreModule (or any other Angular module) to standalone APIs to fully embrace standalone project setup!
Инкрементная статическая регенерация для Angular
https://blog.angular.io/incremental-static-regeneration-for-angular-c12745ff4b48
https://blog.angular.io/incremental-static-regeneration-for-angular-c12745ff4b48
Medium
Incremental Static Regeneration for Angular
In Angular v16 we got a new hydration system. It was also hinted that experiments for partial hydration and resumability are in the works…
Angular v17 дебютирует со встроенной поддержкой новейшего API View Transitions. API View Transition позволяет легко изменить DOM за один шаг, создавая при этом анимированный переход между двумя состояниями.https://netbasal.com/angular-v17s-view-transitions-navigate-in-elegance-f2d48fd8ceda
Medium
Angular v17’s View Transitions: Navigate in Elegance
Angular v17 debuts with integrated support for the cutting-edge View Transitions API. The View Transition API makes it easy to change the…
Чистая архитектура макета для приложений Vue
https://fadamakis.com/clean-layout-architecture-for-vue-applications-a738201a2a1e
https://fadamakis.com/clean-layout-architecture-for-vue-applications-a738201a2a1e
Medium
Clean Layout Architecture for Vue Applications
Layouts are an essential pattern to reduce code repetition and create maintainable and professional-looking applications. If you are using…
Освоение обработки подписок в Angular
В этой статье мы погружаемся в мир управления подписками – важную тему, которая может показаться сложной, но не бойтесь! Мы проведем вас через это, предложим методы и идеи, которые помогут улучшить ваши навыки веб-разработки. https://blogs.halodoc.io/handling-subscription-angular/
В этой статье мы погружаемся в мир управления подписками – важную тему, которая может показаться сложной, но не бойтесь! Мы проведем вас через это, предложим методы и идеи, которые помогут улучшить ваши навыки веб-разработки. https://blogs.halodoc.io/handling-subscription-angular/
Halodoc Blog
Mastering Subscription Handling in Angular
This blog dives into the world of subscription handling and shows how to avoid performance degradation or to make your code cleaner and more readable