Angular 2: что это такое и какие у его преимущества

обложка статьи

Всем привет! Сегодня мы начнем разбирать фреймворк от известной компании Google - Angular 2.

Что такое Angular 2

Это фреймворк, основной целью которого является создание одностраничных браузерных приложений или по другому Single Page Application (SPA). Многие фичи были взяты из AngularJs ( первая версия ).

Вот какие отличительные достоинства имеет ангулар 2:

  • Высокая производительность - быстрая скорость работы в сравнении с предыдущей версией ( AngularJs ).
  • Низкий порог вхождения - не требуется каких-то больших познаний в программировании до непосредственного изучения фреймворка.
  • Популярность - в интернете есть большой кладезь информации посвященный этому языку: на официальном сайте, на форумах, на различных сайтах посвященных программированию. В основном это иностранные сайты.
  • Помощь - для каждой вводимой функции или при обнаружении неправильного синтаксиса будет выведена подсказка.

Недостатком является малое количество документации именно для русскоязычной аудитории, преимущественно это связано из-за недавнего релиза во всемирную паутину.

Для работы с Angular 2 используются:

  • TypeScript
  • JavaScript
  • Dart

Основным из этих трех значится TypeScript, который является препроцессором JavaScript. Это значит, что после компиляции файла весь код будет переведен на JavaScript. Поэтому ваша программа будет работать на любом современном браузере.

  • Chrome: с первой версии
  • FireFox: с первой версии
  • Edge: с версии выше 13
  • Internet Explorer: с версии выше 9
  • Safari: с версии выше 7
  • IOS: с версии выше 7
  • Android: с версии выше 4.1
  • Internt Explorer Mobile: с версии выше 11

Каким образом он будет переводится поговорим позже.

Возможности Angular 2

В ангулар 2 большое количество фич, которые стоит разобрать. Сейчас мы пройдемся по основным из них.

  • Модульная система - это свойство отделение определенного функционала приложения в отдельные файлы (напоминает объектно-ориентированное-программирование).
  • Компоненты - с помощью их отображается содержимого html, css на экран браузера.
  • Метаданные - руководят правильным отображениям компонентов и их классов.
  • Анимация - компоненты работающие с интерфейсом по средством анимации.
  • Формы - компонент работающий с вводимыми формами. Что произайдет после клика по кнопке, после удаление всех символов с формы, за это все отвечает этот компонент.
  • Сервисы - компоненты которые внедряют (несут) логику во взаимодействие с приложением.
  • Роутер - компонент, который обеспечивает загрузку компонентов из другого компонента. Можно реализовать загрузку содержимого без перезагрузки самой страницы. Например, вы отправили форму, или перешли по ссылке. Такая загрузка реализована на официальном сайте.
  • Директивы - помогают улучшить взаимодействие с работой интерфейса.
  • Работа с сервером - взаимодействие с сервером.

Обо всем этом и многом другом будут сделаны отдельные уроки.

Если у вас имеются идеи по поводу создания новых статей, то пишите в комментарии.

Обсуждение