Зачем и когда использовать ng-template в Angular?
3 Самые мощные возможности функции <ng-template>
(если пост не открывается полностью, откройте в режиме инкогнито)
https://javascript.plainenglish.io/why-and-when-to-use-ng-template-in-angular-960463c382a6
3 Самые мощные возможности функции <ng-template>
(если пост не открывается полностью, откройте в режиме инкогнито)
https://javascript.plainenglish.io/why-and-when-to-use-ng-template-in-angular-960463c382a6
10 самых популярных библиотек Angular
https://enessyilmaz.medium.com/10-most-popular-angular-libraries-dadde81aee2f
https://enessyilmaz.medium.com/10-most-popular-angular-libraries-dadde81aee2f
Как разделить приложение Angular на приложения с микроинтерфейсом
В современном мире кажется, что приложения растут во всех направлениях, и тогда вам нужна эта более крупная команда для работы с вашим большим приложением, и в конце концов вы обнаружили, что у вас есть несколько меньших команд, работающих только над частью приложения, каждая из которых их, но все они должны загрузить, запустить, построить и протестировать все приложение. Если вы находитесь в таком положении, подход микроинтерфейса может удовлетворить ваше желание лучше масштабироваться.
https://dev.to/michaeljota/how-to-split-an-angular-app-into-micro-frontend-apps-1fi9
В современном мире кажется, что приложения растут во всех направлениях, и тогда вам нужна эта более крупная команда для работы с вашим большим приложением, и в конце концов вы обнаружили, что у вас есть несколько меньших команд, работающих только над частью приложения, каждая из которых их, но все они должны загрузить, запустить, построить и протестировать все приложение. Если вы находитесь в таком положении, подход микроинтерфейса может удовлетворить ваше желание лучше масштабироваться.
https://dev.to/michaeljota/how-to-split-an-angular-app-into-micro-frontend-apps-1fi9
Angular: структура прошлого, настоящего и будущего
Я начал использовать Angular в 2017 году, когда вышла версия 4. И я видел, как эта структура растет с тех пор. В этом блоге давайте посмотрим, почему Angular — это структура прошлого, настоящего и будущего.
https://dev.to/this-is-angular/angular-the-framework-of-past-present-and-future-87d
Я начал использовать Angular в 2017 году, когда вышла версия 4. И я видел, как эта структура растет с тех пор. В этом блоге давайте посмотрим, почему Angular — это структура прошлого, настоящего и будущего.
https://dev.to/this-is-angular/angular-the-framework-of-past-present-and-future-87d
Шаблоны сообщества
Ресурсы сообщества по шаблонам для React, Angular, Vue и TypeScript
https://www.patterns.dev/resources
Ресурсы сообщества по шаблонам для React, Angular, Vue и TypeScript
https://www.patterns.dev/resources
www.patterns.dev
Patterns.dev ⏐ Resources
Discover design patterns for React, Vue, Angular, TypeScript, clean-code concepts as well as plenty of videos and demos.
Освоение React: методы, которые выведут ваш пользовательский интерфейс на новый уровень
От стиля к функциональности: советы и примеры кода для создания панели навигации мирового уровня
https://blog.bitsrc.io/mastering-react-techniques-to-take-your-ui-to-the-next-level-a5002173904f
От стиля к функциональности: советы и примеры кода для создания панели навигации мирового уровня
https://blog.bitsrc.io/mastering-react-techniques-to-take-your-ui-to-the-next-level-a5002173904f
Medium
Mastering React: Techniques to Take Your UI to the Next Level
From Styling to Functionality, Tips and Code Examples for Crafting a World-Class Navigation Bar
5 способов определить компонент в Vue 3
Vue развивается, и в настоящее время существует несколько способов определения компонента в версии 3. От параметров до композиции и API классов — все совсем по-другому и может запутаться, если вы только начинаете. Давайте определим простой компонент и проведем его рефакторинг всеми доступными методами.
https://fadamakis.com/the-5-ways-to-define-a-component-in-vue-3-aeb01ac6f39f
Vue развивается, и в настоящее время существует несколько способов определения компонента в версии 3. От параметров до композиции и API классов — все совсем по-другому и может запутаться, если вы только начинаете. Давайте определим простой компонент и проведем его рефакторинг всеми доступными методами.
https://fadamakis.com/the-5-ways-to-define-a-component-in-vue-3-aeb01ac6f39f
Medium
The 5 ways to Define a Component in Vue 3
Updated version ▶️ The Anatomy of a Vue 3 Component
Угловой 16 огромен
На момент написания этой статьи angular только что опубликовал свою первую версию кандидата на выпуск v16. В этой версии есть много функций/изменений. Гораздо больше, чем мы видели в любом предыдущем крупном релизе (конечно, не считая angular 2). Angular переживает своего рода ренессанс, и v16 — это только начало. Вот некоторые из заметных изменений, которые появятся в этом выпуске.
https://itnext.io/angular-16-is-huge-67288a3ff58b
На момент написания этой статьи angular только что опубликовал свою первую версию кандидата на выпуск v16. В этой версии есть много функций/изменений. Гораздо больше, чем мы видели в любом предыдущем крупном релизе (конечно, не считая angular 2). Angular переживает своего рода ренессанс, и v16 — это только начало. Вот некоторые из заметных изменений, которые появятся в этом выпуске.
https://itnext.io/angular-16-is-huge-67288a3ff58b
Шаблоны сообщества
Ресурсы сообщества по шаблонам для React, Angular, Vue и TypeScript
https://www.patterns.dev/resources
Ресурсы сообщества по шаблонам для React, Angular, Vue и TypeScript
https://www.patterns.dev/resources
www.patterns.dev
Patterns.dev ⏐ Resources
Discover design patterns for React, Vue, Angular, TypeScript, clean-code concepts as well as plenty of videos and demos.
Новый способ передачи данных в динамически создаваемые компоненты (Новая функция 🎉)
Темы, затронутые в этой статье:
-Как это работает сегодня
-Как это можно сделать в Angular v16
-Как перейти на новый API
-Как это проверить
-Предостережения
https://itnext.io/new-way-of-passing-data-to-dynamically-created-components-new-feature-1d7e807b30f5
Темы, затронутые в этой статье:
-Как это работает сегодня
-Как это можно сделать в Angular v16
-Как перейти на новый API
-Как это проверить
-Предостережения
https://itnext.io/new-way-of-passing-data-to-dynamically-created-components-new-feature-1d7e807b30f5
Разработка одностраничного приложения с помощью Flask и Vue.js
Ниже приведено пошаговое руководство по настройке базового приложения CRUD с помощью Vue и Flask. Мы начнем с создания нового приложения Vue, а затем перейдем к выполнению основных операций CRUD через внутренний RESTful API на основе Python и Flask.
https://testdriven.io/blog/developing-a-single-page-app-with-flask-and-vuejs/
Ниже приведено пошаговое руководство по настройке базового приложения CRUD с помощью Vue и Flask. Мы начнем с создания нового приложения Vue, а затем перейдем к выполнению основных операций CRUD через внутренний RESTful API на основе Python и Flask.
https://testdriven.io/blog/developing-a-single-page-app-with-flask-and-vuejs/
testdriven.io
Developing a Single Page App with Flask and Vue.js
The following is a step-by-step walkthrough of how to set up a basic CRUD app with Vue and Flask.
3 ключевых рецепта для навигации по вашим маршрутам Angular
Для многих Angular-маршрутизация — это проблема, из-за которой просто хочется бросить. Отчасти это связано с тем, что многие онлайн-руководства являются просто примерами того, как реализовать базовые маршруты, и все. Поиск чего-то, что подходит для сложных сценариев, может внезапно превратиться в трудоемкий процесс проб и ошибок.
https://betterprogramming.pub/3-key-recipes-to-navigate-your-angular-routes-c04528b8a38
Для многих Angular-маршрутизация — это проблема, из-за которой просто хочется бросить. Отчасти это связано с тем, что многие онлайн-руководства являются просто примерами того, как реализовать базовые маршруты, и все. Поиск чего-то, что подходит для сложных сценариев, может внезапно превратиться в трудоемкий процесс проб и ошибок.
https://betterprogramming.pub/3-key-recipes-to-navigate-your-angular-routes-c04528b8a38
Тенденции JavaScript в 2023 году. Чего следует ожидать на основании результатов «Отчета о состоянии JS»?
https://tsh.io/blog/javascript-trends/
https://tsh.io/blog/javascript-trends/
The Software House
JavaScript trends in 2023. State of JavaScript report results
Which technologies are worth investing in so that your solution is stable and future-proof? TSH specialists predict the Javascript trends in 2023.
Визуальный конструктор перетаскивания для компонентов и приложений vue
Создавайте и проектируйте компоненты и приложения Vue с элементами перетаскивания, инструментами преобразования, ползунками, маршрутизацией и палитрой цветов в визуальном конструкторе.
https://vueplayground.com/
Создавайте и проектируйте компоненты и приложения Vue с элементами перетаскивания, инструментами преобразования, ползунками, маршрутизацией и палитрой цветов в визуальном конструкторе.
https://vueplayground.com/
История, стоящая за Angular Signals!
Несколько дней назад Angular опубликовал версию Angular v16-next с важной предстоящей функцией - сигналами в виде предварительного просмотра для разработчиков!
Signal привносит большие изменения во весь фреймворк и, на мой взгляд, сделает Angular более популярным в ближайшие годы, так как эта функция исправит историческое ограничение Angular, которым является Zone.js.
https://javascript.plainenglish.io/angular-signals-story-d0dd77e2152b
Несколько дней назад Angular опубликовал версию Angular v16-next с важной предстоящей функцией - сигналами в виде предварительного просмотра для разработчиков!
Signal привносит большие изменения во весь фреймворк и, на мой взгляд, сделает Angular более популярным в ближайшие годы, так как эта функция исправит историческое ограничение Angular, которым является Zone.js.
https://javascript.plainenglish.io/angular-signals-story-d0dd77e2152b
Как создавать прогрессивные веб-приложения (PWA) с помощью AngularJS 15
Приложения для конкретных платформ уже давно присутствуют в экосистеме. Но в последнее время создание PWA с помощью веб-приложений AngularJS набирает обороты. Это связано с принципом «кто угодно, где угодно, на любом устройстве» с единой кодовой базой.
Хотя вы можете выбирать из нескольких технологий для создания PWA, Angular стоит особняком от других.
Опираясь на креативность Google, предприниматели активно доверяют фреймворку. Google постоянно анонсирует новые инновации в Angular и Angular 15, еще больше упрощая разработку PW. Если вы также планируете начать работу с Angular 15 и прогрессивными веб-приложениями, вот руководство по созданию PWA с AngularJS 15.
https://dzone.com/articles/how-to-build-progressive-web-apps-pwas-with-angula
Приложения для конкретных платформ уже давно присутствуют в экосистеме. Но в последнее время создание PWA с помощью веб-приложений AngularJS набирает обороты. Это связано с принципом «кто угодно, где угодно, на любом устройстве» с единой кодовой базой.
Хотя вы можете выбирать из нескольких технологий для создания PWA, Angular стоит особняком от других.
Опираясь на креативность Google, предприниматели активно доверяют фреймворку. Google постоянно анонсирует новые инновации в Angular и Angular 15, еще больше упрощая разработку PW. Если вы также планируете начать работу с Angular 15 и прогрессивными веб-приложениями, вот руководство по созданию PWA с AngularJS 15.
https://dzone.com/articles/how-to-build-progressive-web-apps-pwas-with-angula
DZone
How to Build Progressive Web Apps (PWAs) With AngularJS 15
AngularJS is highly popular in building PWAs, and many users want to get started. Here is the complete tutorial to Build PWA with AngularJS.