Λίστα και Ιστορικό εκδόσεων Angular – Angular 2,4,5,6,7,8

History of Angular Versions

Ακολουθούν οι ημερομηνίες κυκλοφορίας της έκδοσης Angular:

• Angular έκδοση 1.0, η οποία είναι γνωστή ως AngularJS, κυκλοφόρησε το 2010 από την Google
• Η Angular έκδοση 2.0 κυκλοφόρησε τον Σεπτέμβριο του 2016
• Το Angular 4.0 κυκλοφόρησε τον Μάρτιο του 2017
• Το Angular 5.0 κυκλοφόρησε τον Νοέμβριο του 2017
• Το Angular 6.0 κυκλοφόρησε τον Μάιο του 2018
• Το Angular 7.0 κυκλοφόρησε τον Οκτώβριο του 2018
• Το Angular 8.0 κυκλοφόρησε τον Μάιο του 2019
• Το Angular 9.0 κυκλοφόρησε τον Φεβρουάριο του 2020
• Το Angular 10.0 κυκλοφόρησε τον Ιούνιο του 2020
• Το Angular 11.0 κυκλοφόρησε τον Νοέμβριο του 2020
• Το Angular 12 κυκλοφορεί τον Μάιο του 2021
• Το Angular 13 κυκλοφορεί τον Νοέμβριο του 2021
• Το Angular 14 κυκλοφορεί τον Ιούνιο του 2022

Λίστα και Ιστορικό εκδόσεων Angular

Ας δούμε αναλυτικά το ιστορικό έκδοσης του Angular:

History of Angular 1

Angular 1 που αναφέρθηκε και ως AngularJS είναι ένα JavaΠλαίσιο ανοιχτού κώδικα σεναρίου. Σχεδιάστηκε ειδικά για εφαρμογές ιστού μιας σελίδας, οι οποίες ανήκουν εξ ολοκλήρου στην Google. Αυτή ήταν η πρώτη έκδοση Angular που κυκλοφόρησε το έτος 2010.

History of Angular 2

Το Angular 2 είναι μια πλήρως κατασκευασμένη και ολοκληρωμένη έκδοση επανεπεξεργασίας από το Angular 1. Είναι συμβατό με κινητές συσκευές. Επιπλέον, το Angular 2 σάς δίνει την επιλογή να επιλέξετε περισσότερες γλώσσες όπου μπορείτε να επιλέξετε τη γλώσσα σας όπως ES5, ES6 ή TypeScript για να γράψετε τους κωδικούς του Angular 2.

History of Angular 4

Όπως αναφέρθηκε προηγουμένως, το Angular 3 δεν κυκλοφόρησε από την ομάδα της Angular. Το Angular 4 κυκλοφόρησε στις 6 Μαρτίου 2017, το οποίο είναι συμβατό με τις περισσότερες εφαρμογές. Ωστόσο, δεν υπάρχουν σημαντικές αλλαγές στο Angular 4 από το Angular 2 και προσφέρει καλύτερη διόρθωση σφαλμάτων και ειδοποιήσεις σε σύγκριση με το Angular 2.

History of Angular 5

Το Angular five κυκλοφόρησε τον Νοέμβριο του 2017. Σε αυτήν την έκδοση Angular, έγιναν μερικές μεγαλύτερες αλλαγές σε σύγκριση με το προηγούμενο Angular. Σε αυτήν την έκδοση, υπάρχει ένα Build Optimizer που δημιουργήθηκε με το Angular CLI με το οποίο σας επιτρέπει να εφαρμόσετε το Build Optimizer από προεπιλογή. Εκτός από αυτό, υπάρχει επίσης μια γωνιακή καθολική μεταφορά κατάστασης που υποστηρίζει API και DOM.

History of Angular 6

Η Angular έκδοση 6 κυκλοφόρησε στις 4 Μαΐου 2018. Είναι μια σημαντική έκδοση που επικεντρώνεται λιγότερο στο υποκείμενο πλαίσιο και περισσότερο στην αλυσίδα εργαλείων. Angular Elements, Component Dev Kit, Angular Material Starter Components, υποστήριξη Library και Tree Shakeable Providers είναι μερικές νέες δυνατότητες που προστέθηκαν σε αυτήν την έκδοση.

History of Angular 7

Η έκδοση Angular 7 κυκλοφόρησε στις 18 Οκτωβρίου 2018. Ενημερώσεις σχετικά με την απόδοση της εφαρμογής, το CDK, την εικονική κύλιση γωνιακού υλικού, παρέχει επίσης βελτιωμένη προσβασιμότητα των επιλογών, υποστήριξη για προβολή περιεχομένου με χρήση προτύπου ιστού για προσαρμοσμένα στοιχεία και ενημερώσεις εξάρτησης σχετικά με το Typescript 3.1, RxJS 6.3 και Κόμβος 10.

History of Angular 8

Η Angular έκδοση 8 κυκλοφόρησε στις 28 Μαΐου 2019. Αυτή η ενημέρωση βελτιώνει τη φόρτωση για όλους τους κωδικούς εφαρμογών, τις Δυναμικές εισαγωγές του Web Worker's για χαλαρές διαδρομές. Υποστήριξε επίσης TypeScript 3.4 και Angular Ivy ως προεπισκόπηση συμμετοχής.

Το AngularJS δημιουργήθηκε από τον Misko Heavery. Είχε δημιουργήσει ένα πλαίσιο για να χειριστεί τις καταστροφές της HTML και επίσης να λάβει ιδέες και βέλτιστες πρακτικές των βιβλιοθηκών που δεν είχαν γίνει ποτέ νωρίτερα.

Αυτή η πρώτη έκδοση του πλαισίου που είναι γνωστή ως AngularJS κυκλοφόρησε το έτος 2009. Έθεσε τα θεμέλια της σημερινής ανάπτυξης εφαρμογών front-end. Το Angular JS ήταν μια από τις καλύτερες λύσεις ανάπτυξης εφαρμογών μιας σελίδας. Σταδιακά, έγινε ευρεία υιοθέτηση και έγινε πολύ δημοφιλής.

Χαρακτηριστικά του Angular JS

• A JavaΣενάριο MVW Framework
• Επεκτείνει την υποστήριξη HTML προσθέτοντας ετικέτες, χαρακτηριστικά και εκφράσεις
• Επιτρέπει τον εύκολο χειρισμό συμβάντων
• Υποστηρίζει Data Binding
• Ενσωματωμένη μηχανή προτύπων και δρομολόγηση
• Επικυρώσεις φόρμας και κινούμενα σχέδια
• Έγχυση εξαρτήσεων

Μερικά σημαντικά χαρακτηριστικά του Angular 2 είναι:

• Σύγχρονο, ταχύτερο και εξαιρετικά επεκτάσιμο πλαίσιο
• Εξίσου χρήσιμο πλαίσιο για εφαρμογές ιστού, κινητών και επιτραπέζιων υπολογιστών
• Αρχιτεκτονική βασισμένη σε στοιχεία Ιστού
• Υποστηρίζει Ιεραρχική Έγχυση Εξάρτησης

Γιατί όχι το Angular 3;

Το Angular 2 ήταν ένα ενιαίο χώρο αποθήκευσης. Κάθε πακέτο με δυνατότητα λήψης με τη σύμβαση @angular/package-name. Για παράδειγμα @angular/HTTP, @angular/router

Σε όλα τα ονόματα πακέτων εκχωρήθηκε η έκδοση 2, αλλά το πακέτο δρομολογητή κατά λάθος έλαβε την έκδοση 3. Επομένως, η ομάδα ανάπτυξης παρέλειψε την έκδοση Angular 3 και την ονόμασε απευθείας έκδοση 4 για να διατηρήσει τη συμβατότητα με την έκδοση του Angular Router.

Μερικά άλλα χαρακτηριστικά του Angular 4 είναι:

• Μειώστε το μέγεθος του παραγόμενου ομαδοποιημένου κώδικα έως και 60%
• Η κινούμενη εικόνα μεταφέρθηκε σε ένα ξεχωριστό πακέτο @angular/animations
• Υποστηρίζει τη δήλωση if/else
• Υποστηρίζει επικυρωτή email

Χαρακτηριστικά του Angular 5:

• Ορίστε το AOT ως προεπιλογή
• Πιο εύκολο να δημιουργήσετε προοδευτικές εφαρμογές ιστού
• Πληκτρολογήστε πρότυπα check in
• Υποστήριξη για διεθνοποιημένους σωλήνες αριθμού, ημερομηνίας και νομίσματος
• Μια ενημέρωση στο Httpclient
• Βελτιώσεις ταχύτητας ζώνης
• Νέα συμβάντα κύκλου ζωής δρομολογητή

Διαφορά μεταξύ AngularJS και Angular 2

Παρακάτω είναι μια κύρια διαφορά μεταξύ AngularJS και Angular 2:

Γωνιακό JS	Γωνιακό 2
Κυκλοφόρησε από την Google το έτος 2010.	Κυκλοφόρησε τον Σεπτέμβριο του 2016.
JavaΠλαίσιο που βασίζεται σε σενάρια για τη δημιουργία 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() χρησιμοποιείται για την προετοιμασία

Διαφορά μεταξύ Angular 2 και Angular 4

Ακολουθεί η βασική διαφορά μεταξύ Angular 2 έναντι Angular 4:

Γωνιακό 2	Γωνιακό 4
Ο κώδικας που δημιουργείται χρησιμοποιώντας το Angular 2 είναι μεγαλύτερος και το μέγεθος του αρχείου είναι επίσης μεγαλύτερο.	Το Angular 4.0 μείωσε το μέγεθος του ομαδοποιημένου αρχείου κατά 60%. Έτσι μειώνεται ο παραγόμενος κώδικας που βοηθά στην επιτάχυνση της απόδοσης της εφαρμογής.
Το Angular two δεν είναι συμβατό προς τα πίσω με το Angular JS.	Το Angular four είναι συμβατό με το Angular 2 για τις περισσότερες εφαρμογές.
Δεν υπάρχουν συγκεκριμένες φάσεις απόρριψης για την προσαρμογή των κωδικών.	Θα υπάρξουν κατάλληλες φάσεις απόρριψης που θα επιτρέψουν στους προγραμματιστές να προσαρμόσουν τον κώδικά τους
Δεν υπάρχουν προσφορές λειτουργιών κινούμενων εικόνων στο Angular 2.	Τα χαρακτηριστικά κινούμενων εικόνων βγαίνουν από το @angular/core και περιλαμβάνονται στη συσκευασία τους

Διαφορά μεταξύ Angular 4 και Angular 5

Εδώ είναι η διαφορά μεταξύ Angular 4 έναντι Angular 5:

Γωνιακό 4	Γωνιακό 5
Υποστήριξη για Router ParamMap	Νέο συμβάν κύκλου ζωής δρομολογητή
Δυναμικά στοιχεία με NgComponentOutlet	Βελτιώσεις μεταγλωττιστή
TypeScript 2.4 με αυτήν την έκδοση που λειτουργεί ως α JavaΥπερσύνολο σεναρίων που μπορεί να χρησιμοποιηθεί για προαιρετική στατική πληκτρολόγηση, διεπαφές και κλάσεις	Το Angular 5 συνοδεύεται από βελτιστοποίηση κατασκευής που αποτελεί μέρος της εντολής της πλατφόρμας σαν εργαλείο.
Απλοποιημένο αίτημα HTTP	Βελτιστοποίηση με τη λειτουργία HttpClient
Περιλαμβάνει Πακέτο Animation	Διεθνοποιημένη ημερομηνία και νόμισμα

Σύνοψη

• Το AngularJS είναι ένα πλαίσιο web front-end ανοιχτού κώδικα που βασίζεται σε JavaΣενάριο για τη δημιουργία δυναμικών εφαρμογών Ιστού.
• Το Angular 2 είναι μια έκδοση AngularJS που βασίζεται στην ιδέα του στοιχείου, το οποίο επιτρέπει τη δημιουργία JavaΜαθήματα σεναρίου. Μετά την κυκλοφορία του Angular JS, η ομάδα Angular κυκλοφόρησε το Angular 2, το οποίο είναι μια πλήρης επανεγγραφή του αρχικού Angular 1 ή AngularJS.
• Σε όλα τα ονόματα πακέτων εκχωρήθηκε η έκδοση 2, αλλά το πακέτο δρομολογητή κατά λάθος έλαβε την έκδοση 3. Επομένως, η ομάδα ανάπτυξης παρέλειψε την έκδοση Angular 3 και την ονόμασε απευθείας έκδοση 4 για να διατηρήσει τη συμβατότητα με την έκδοση του Angular Router.
• Το Angular 4 είναι ένα πλαίσιο διαδικτυακής εφαρμογής για δημιουργία JavaΕφαρμογές σεναρίων. Υποστηρίζει TypeScript, το οποίο μεταγλωττίζει σε JavaΣενάριο και εμφανίζει το ίδιο στο πρόγραμμα περιήγησης.
• Το Angular 5 είναι ένα πλαίσιο εφαρμογών ιστού ανοιχτού κώδικα το οποίο βασίζεται σε TypeScript. Υπάρχουν πολλές νέες δυνατότητες και βελτιώσεις που έγιναν σε αυτήν την έκδοση, όπως η ένεση εξάρτησης, τα δηλωτικά πρότυπα, τα εργαλεία από άκρο σε άκρο κ.λπ.