Что такое Angular JS?
AngularJS был создан Миско Хивери. Он построил структуру, чтобы справиться с недостатками HTML, а также использовать идеи и лучшие практики библиотек, которых никогда не было раньше.
Эта первая версия фреймворка, известного как AngularJS, была запущена в 2009 году. Она заложила основы современной разработки интерфейсных приложений. Angular JS был одним из лучших одностраничных решений для разработки приложений. Постепенно оно получило широкое распространение и стало очень популярным.
Особенности Angular JS
- JavaScript MVW Framework
- Расширяет поддержку HTML, добавляя теги, атрибуты и выражения
- Позволяет легко обрабатывать события
- Поддержка для привязки данных
- Встроенный шаблонизатор и маршрутизация
- Проверка формы и анимация
- Инъекция зависимостей
В этом уроке вы узнаете
- Что такое Angular JS?
- Что такое Angular 2?
- Почему не Angular 3?
- Что такое Angular 4?
- Что такое Angular 5?
- История угловых версий
- Разница между AngularJS и Angular 2
- Разница между угловым 2 и угловым 4
- Разница между угловым 4 и угловым 5
Что такое Angular 2?
После выпуска Angular JS команда Angular выпустила Angular 2, который полностью переписан на свой оригинальный Angular 1 или AngularJS. Версия Angular 2 построена вокруг концепции компонента. Он был переписан с нуля командой Angular с использованием Typescript. Он предлагает лучшую производительность для веб-разработчиков. Есть много новых функций наряду с другими улучшениями и настройками.
Некоторые важные особенности Angular 2:
- Современный, быстрый и легко масштабируемый фреймворк
- Не менее полезная среда для веб-приложений, мобильных приложений и приложений для ПК
- Архитектура на основе веб-компонентов
- Поддерживает иерархическое внедрение зависимостей
Почему не Angular 3?
Angular 2 был единственным хранилищем. Каждый пакет загружается с соглашением @ angular / package-name. Например, @ angular / HTTP, @ angular / router
Всем именам пакетов была назначена версия 2, но пакет маршрутизатора по ошибке получил версию 3. Поэтому команда разработчиков пропустила Angular Version 3 и сразу назвала его версией 4, чтобы сохранить совместимость с версией Angular Router.
Что такое Angular 4?
Angular 4 отличается от Angular 2 (который является законченной переписанной версией Angular 1). На самом деле в нем всего несколько незначительных изменений и добавлены новые функции. Angular 4 поддерживает TypeScript, который компилируется в JavaScript и отображает его в браузере.
Некоторые другие особенности Angular 4:
- Уменьшить размер сгенерированного связанного кода до 60%
- Анимация перемещена в отдельный пакет @ angular / animations
- Поддерживает оператор if / else
- Поддержка для валидатора электронной почты
Что такое Angular 5?
Angular 5 не вносит существенных изменений по сравнению с Angular 4. Однако в этой версии реализовано множество новых функций и много новых улучшений.
Особенности Angular 5:
- Сделать AOT по умолчанию
- Легче создавать прогрессивные веб-приложения
- Проверка типов в шаблонах
- Поддержка интернационализированных номеров, даты и валютных каналов
- Обновление Httpclient
- Улучшение скорости зоны
- События нового жизненного цикла маршрутизатора
История угловых версий
- Angular версия 1.0, известная как AngularJS, была выпущена в 2010 году Google
- Угловая версия 2.0 была выпущена в сентябре 2016 года
- Angular 4.0 был выпущен в марте 2017 года
- Angular 5.0 был выпущен в ноябре 2017 года
Давайте посмотрим историю угловых версий подробнее:
История Angular 1
Angular 1, который также упоминался как AngularJS, является фреймворком с открытым исходным кодом JavaScript. Он был разработан специально для одностраничных веб-приложений, которые полностью принадлежат Google. Это была первая версия Angular, выпущенная в 2010 году.
История Angular 2
Angular 2 — это полностью собранная и доработанная версия от Angular 1. Она совместима с мобильными устройствами. Кроме того, Angular 2 дает вам возможность выбрать больше языков, где вы можете выбрать свой язык, например ES5, ES6 или TypeScript, для написания кодов Angular 2.
История Angular 4
Как обсуждалось ранее, Angular 3 не был выпущен командой Angular. Angular 4 был выпущен 6 марта 2017 года, что совместимо с большинством приложений. Однако в Angular 4 нет никаких серьезных изменений по сравнению с Angular 2, и он предлагает лучшую исправленную ошибку, и предупреждения сравниваются с Angular 2.
История Angular 5
Angular Five была выпущена в ноябре 2017 года. В этой версии Angular произошли некоторые большие изменения по сравнению с предыдущей версией Angular. В этой версии существует оптимизатор сборки, созданный с помощью Angular CLI, с помощью которого можно по умолчанию применять оптимизатор сборки. Помимо этого, существует также Angular Universal State Transfer, которая поддерживает API и DOM.
Разница между AngularJS и Angular 2
| Угловой JS | Угловой 2 |
| Выпущено Google в 2010 году. | Выпущен в сентябре 2016 года. |
| Основанный на JavaScript фреймворк для создания SPA. | Завершите переписывание версии AngularJS. |
| Все еще поддерживается, но больше не будет развиваться. | Это обновленная версия, регулярно выпускаемая из-за Semantic Versioning. |
| Архитектура AngularJS основана на MVC. | Архитектура Angular 2 основана на сервисе / контроллере. |
| AngularJS не был разработан с мобильной базой. | Angular 2 — это мобильно-ориентированный фреймворк. |
| Код AngularJS можно писать, используя только ES5, ES6 и Dart. | Мы можем использовать ES5, ES6, Typescript для написания кода Angular 2. |
| Основано на контроллерах, сфера применения которых уже закончилась. | В настоящее время контроллеры заменяются компонентами, а Angular Two полностью основан на компонентах. |
| Фабрика, сервис, провайдер, значение и константа используются для сервисов | Этот класс является единственным методом определения сервисов в Angular2. |
| Запуск только на стороне клиента | Работает на стороне клиента и на стороне сервера |
| ng-app и угловая функция начальной загрузки используются для инициализации | Функция bootstrapmodule () используется для инициализации |
Разница между угловым 2 и угловым 4
| Угловой 2 | Угловой 4 |
| Код, сгенерированный с помощью Angular 2, больше, и размер файла также больше. | Angular 4.0 уменьшил размер связанного файла на 60%. Таким образом, генерируемый код уменьшается, что помогает повысить производительность приложения. |
| Angular two не имеет обратной совместимости с Angular JS. | Angular 4 обратно совместим с Angular 2 для большинства приложений. |
| Там нет конкретных нет правильных фаз неодобрения для корректировки кодов. | Будут соответствующие фазы неодобрения, чтобы позволить разработчикам корректировать свой код |
| В Angular 2 нет предложений анимации. | Анимационные функции вытащены из @ angular / core и включены в их пакет |
Разница между угловым 4 и угловым 5
| Угловой 4 | Угловой 5 |
| Поддержка маршрутизатора ParamMap | Событие жизненного цикла нового маршрутизатора |
| Динамические компоненты с NgComponentOutlet | Улучшения компилятора |
| TypeScript 2.4 с этой версией, которая функционирует как расширенный набор JavaScript, который может использоваться для необязательной статической типизации, интерфейсов и классов | Angular 5 поставляется с оптимизатором сборки, который является частью команды платформы как инструмент. |
| HTTP-запрос упрощен | Оптимизация с помощью функции HttpClient |
| Включает пакет анимации | Интернационализированная дата и валюта |