Javascript & Ajax \ Angular

Angular 2 — Архитектура

От автора: на скриншоте ниже приведена архитектура Angular 2. Каждое приложение состоит из компонентов. Каждый компонент является логическим разделом функций приложения. Для этого необходимо построить многоуровневые службы, которые используются для совместного использования функций между компонентами.

Продолжить чтение

Javascript & Ajax \ Angular

Angular 2 — Модули

От автора: в Angular 2 модули используются для разделения приложении на логические разделы. Вместо того, чтобы писать код всего приложения в одном месте, вы можете создавать отдельные модули для разделения функционала приложения. Давайте рассмотрим код, который добавляется в демонстрационное приложение.

Продолжить чтение

Javascript & Ajax \ Angular

Angular 2 — Обзор

От автора: Angular JS — это платформа с открытым исходным кодом, построенная на JavaScript. Она была создана разработчиками Google. Этот фреймворк использовался для преодоления трудностей, возникающих при работе с одностраничными приложениями. Кроме того, при построении фреймворка тестирование рассматривалось в качестве ключевого аспекта, так как Angular обеспечивает возможность простого тестирования. Данный фреймворк был представлен в октябре 2010 года.

Продолжить чтение

Javascript & Ajax \ Angular

Как мигрировать приложение с AngularJS на React и Redux

От автора: с этого года я работаю в BEN Group. Моя основная задача – помогать переносить с AngularJS приложение на React и Redux. В проекте мы создали решения, которые замечательно работают. В этой статье я покажу вам основные подходы, которых мы придерживались, а также поделюсь созданными нами решениями. Это поможет нам постепенно мигрировать проект и не потерять голову. Дисклеймер: наша задача – не рефакторинг старого кода, а максимальное его удаление. Мы не долгими путями или путями, которые меняют старый код, чтобы сделать его «лучше». Мы просто напишем новый качественный код.

Продолжить чтение

Javascript & Ajax \ Angular

Основы Angular 4: привязка данных

От автора: привязка данных – это концепция Angular, с помощью которой разработчики могут менять статичный контент веб-приложения, делая приложение более активным и привлекательным. Прежде чем говорить о том, как эта концепция была реализована в Angular, я поясню ее на примере. В серии уроков основы Angular 4 в качестве примера я буду использовать простой интернет-магазин. Чтобы купить что-то в магазине, сначала необходимо кликнуть на кнопку Shop Now на странице Home. После этого пользователь будет перенаправлен на список элементов, которые мы и будем продавать в нашем магазине.

Продолжить чтение

Javascript & Ajax \ Angular

Angular & Анимации: оживляем приложения

От автора: движение помогает понять красоту. Я всегда восхищался анимацией, она рождает душу приложения, превращая его в живое существо, которое реагирует на наши действия. Это помогает понять его функциональность и заставляет нас сопереживать. Как и везде, в Angular анимация заключается в переходе элемента из исходного состояния (initial state) в конечное (final state), и в вычислении средних состояний для обеспечения появления движения.

Продолжить чтение