Γραφικά ράστερ Εικόνα ράστερπολύ ευαίσθητο στη μείωση και την αύξηση. Όταν μια εικόνα ράστερ μειώνεται σε μέγεθος, πολλές γειτονικές κουκκίδες μετατρέπονται σε μία, και επομένως οι λεπτές λεπτομέρειες της εικόνας χάνονται σε ευκρίνεια Μια εικόνα ράστερ δημιουργείται χρησιμοποιώντας κουκκίδες διαφορετικών χρωμάτων (pixel) που σχηματίζουν σειρές και στήλες. Ένα σύνολο κουκκίδων σχηματίζει ένα πλέγμα γραφικών (ράστερ)

Διανυσματικά γραφικάΔιάνυσμα γραφική εικόναχρησιμοποιείται για αποθήκευση υψηλής ακρίβειας γραφικά αντικείμενα(σχέδια, διαγράμματα), για τα οποία είναι σημαντικό να διατηρούνται καθαρά και φωτεινά περιγράμματα. διανυσματικές εικόνεςσχηματίζονται από στοιχεία - σημείο, γραμμή, κύκλος, ορθογώνιο κ.λπ. Για κάθε στοιχείο, καθορίζονται συντεταγμένες, καθώς και χρώμα

Φράκταλ γραφικά Τα φράκταλ γραφικά, όπως και τα διανυσματικά γραφικά, υπολογίζονται, αλλά διαφέρουν από αυτά στο ότι δεν αποθηκεύονται αντικείμενα στη μνήμη του υπολογιστή. Η εικόνα κατασκευάζεται χρησιμοποιώντας μια εξίσωση (ή ένα σύστημα εξισώσεων), επομένως αποθηκεύονται μόνο τύποι. Αλλάζοντας τους συντελεστές στην εξίσωση, μπορείτε να πάρετε μια διαφορετική εικόνα.

Επαγγελματική εκπαίδευσηΟΠΤΙΚΑ ΕΦΕ Δημιουργώντας ρεαλιστικούς ή, αντίθετα, φανταστικούς κόσμους στον κινηματογράφο, ενδιαφέροντες χαρακτήρες, θεαματικές καταστροφές, εκρήξεις, ανεμοστρόβιλοι και άλλα ειδικά εφέ - αυτό απέχει πολύ από το πλήρης λίσταλειτουργίες ειδικών οπτικών εφέ. Αυτό το επάγγελμα δεν απαιτεί μόνο την ικανότητα εργασίας 3D πακέτα, αλλά και γνώση μαθηματικών, φυσικής και διαφόρων καλλιτεχνικών κλάδων.

Compositing Το Compositing είναι μια από τις πιο ενδιαφέρουσες ειδικότητες στο post-production. Το καθήκον του συνθέτη είναι να συγκεντρώσει το υλικό της κινηματογράφησης και όλα τα δημιουργημένα από ειδικούς σε μια ενιαία σκηνή (πλάνο). οπτικά εφέστρώματα γραφικά υπολογιστή, συνδυάστε τα με βάση το χρώμα και τη δυναμική, πραγματοποιήστε ένα τεράστιο αριθμό διορθώσεων και βελτιώσεων και παράγετε την τελική σύνθεση. Κάθε σκηνή με ειδικά εφέ που βλέπει ο θεατής σε μια ταινία είναι αποτέλεσμα της δουλειάς του συνθέτη.

Motion design Το Motion designer είναι μια από τις πιο δημιουργικές και περιζήτητες εξειδικεύσεις στα γραφικά υπολογιστών. Περιλαμβάνει τη δημιουργία «συσκευασίας» για τηλεοπτικά κανάλια, διαφήμιση, βίντεο κλιπ, σχεδιασμό συναυλιακών χώρων, πόρους μέσων, media art και πολλά άλλα. Ένας σχεδιαστής κίνησης στριμώχνεται πάντα στο στενό χρονικό πλαίσιο της παραγωγικής διαδικασίας, αλλά έχει επαρκή ελευθερία έκφρασης.

Κινούμενα σχέδια υπολογιστήΣτις 30 Αυγούστου 1877, μια συσκευή κατοχυρώθηκε με δίπλωμα ευρεσιτεχνίας - το praxinoscope του Emile Raynaud είναι η διαδικασία που δίνει τη δυνατότητα κίνησης και/ή εμφάνισης ζωής σε αντικείμενα και πτώματα. Μια πραγματική επανάσταση στον κόσμο του animation έκανε ο WALT DISNEY (), ένας Αμερικανός σκηνοθέτης, καλλιτέχνης και παραγωγός.

Κινούμενα σχέδια υπολογιστή Αυτήν τη στιγμή υπάρχει διάφορες τεχνολογίεςΔημιουργία κινουμένων σχεδίων: Κλασική (παραδοσιακή) κινούμενη εικόνα. Stop-frame (μαριονέτα) κινούμενα σχέδια. Sprite animation? Μορφοποίηση; Έγχρωμη κινούμενη εικόνα. 3D animation? Καταγραφή κίνησης.

Κινούμενα σχέδια για υπολογιστή Το Motion Capture είναι η πρώτη κατεύθυνση κινουμένων σχεδίων που καθιστά δυνατή τη μετάδοση φυσικών, ρεαλιστικών κινήσεων σε πραγματικό χρόνο. Οι αισθητήρες συνδέονται με έναν ζωντανό ηθοποιό σε εκείνα τα μέρη που θα ευθυγραμμιστούν σημεία ελέγχου μοντέλο υπολογιστήγια εισαγωγή και ψηφιοποίηση της κίνησης. Οι συντεταγμένες και ο προσανατολισμός του ηθοποιού στο διάστημα μεταδίδονται στον σταθμό γραφικών και τα μοντέλα κινουμένων σχεδίων ζωντανεύουν.

Επαγγελματική εκπαίδευση Το Animation Animator (από το λατινικό anima στο animate) είναι ένα ενδιαφέρον και συναρπαστικό επάγγελμα, σχετικό όχι μόνο με τα κινούμενα σχέδια, αλλά και με τον κινηματογράφο, τη διαφήμιση, την παραγωγή παιχνίδια στον υπολογιστή, περιβάλλον πολυμέσων. Το πρόγραμμα μαθημάτων στοχεύει στην εκπαίδευση ειδικών για εργασία σε οποιονδήποτε τομέα της σύγχρονης βιομηχανίας κινουμένων σχεδίων - κλασική παραγωγή ταινιών κινουμένων σχεδίων, διαφήμιση, παιχνίδια υπολογιστή, κινηματογράφος. Θραύσματα της γελοιογραφίας "Κοκκινοσκουφίτσα".
Επαγγελματική εκπαίδευση Αρχιτεκτονική οπτικοποίησηΗ αρχιτεκτονική οπτικοποίηση είναι μια τρισδιάστατη γραφική απεικόνιση ενός αντικειμένου ή μιας ομάδας αντικειμένων στην αρχιτεκτονική, που επιτρέπει την πιο ακριβή αναπαράσταση των εξωτερικών και εσωτερικών χαρακτηριστικών της μελλοντικής δομής. Το Archviz χρησιμοποιείται ενεργά στην επίδειξη ανταγωνιστικών έργων, στη δημιουργία παρουσιάσεων στον τομέα του σχεδιασμού και της κατασκευής, καθώς και στη διαφήμιση.
Ανάπτυξη παιχνιδιών υπολογιστή Γραφικά παιχνιδιούΤα γραφικά παιχνιδιών είναι μια από τις νεότερες και πιο περιζήτητες ειδικότητες στη γραφική τέχνη. Οι ευθύνες ενός καλλιτέχνη της βιομηχανίας τυχερών παιχνιδιών περιλαμβάνουν τη δημιουργία χαρακτήρων παιχνιδιών, τοποθεσιών, οπτική ανάπτυξηπαιχνίδια, σχεδιασμός επιπέδου παιχνιδιού και άλλες εκπληκτικές εργασίες.

Σχεδιασμός παιχνιδιών Στη βιομηχανία παιχνιδιών ηλεκτρονικών υπολογιστών, ένας σχεδιαστής παιχνιδιών είναι ταυτόχρονα σκηνοθέτης, σεναριογράφος και συντονιστής έργου. Όχι μόνο εφευρίσκει εικονικούς κόσμους, αλλά οδηγεί επίσης μια ομάδα καλλιτεχνών και προγραμματιστών να ζωντανέψουν ένα παιχνίδι με το οποίο θα περάσουν χρόνο εκατομμύρια άνθρωποι.

Σήμερα έλαβα ένα γράμμα από έναν αναγνώστη ιστολογίου που του ζητούσε να προτείνει ένα «καλό» πλαίσιο για μελέτη JavaScript. Το γράμμα ήταν αρκετά μεγάλο, αλλά η ουσία είναι η εξής: ο τύπος δεν προσπάθησε να μελετήσει τη βανίλια JavaScript, έχει βασικές γνώσεις εφαρμογής Βιβλιοθήκες jQueryκαι θέλει να «αυξήσει» τις δεξιότητές του μελετώντας ένα από τα «cool» πλαίσια. Άρχισα να πληκτρολογώ το κείμενο της απάντησης - παρόμοιες ερωτήσεις έχουν τεθεί περισσότερες από μία φορές, αλλά μετά αποφάσισα ότι ήταν ευκολότερο να απαντήσω σε όλους ταυτόχρονα.

Θα ξεκινήσω με το κύριο πράγμα - δεν μπορείς να γίνεις καλός προγραμματιστής, ξεκινώντας να μαθαίνετε τη γλώσσα από ένα πλαίσιο/βιβλιοθήκη. Το πρώτο βήμα είναι να μελετήσετε την ίδια τη γλώσσα: σύνταξη, πλεονεκτήματα, μειονεκτήματα, προβλήματα κ.λπ. Για να ζήσετε όλα τα παραπάνω, δεν αρκεί μόνο να διαβάσετε κάποιου έξυπνο άρθρο. Καλό είναι να τα γνωρίζεις όλα στην πράξη, δηλ. εκτελώντας πραγματικά έργα. Ας είναι μικρά, αλλά έργα που λύνουν ένα πραγματικό πρόβλημα. Με αυτόν τον τρόπο, μπορείτε να καταλάβετε αμέσως ποια προβλήματα επιλύονται πιο άνετα από την επιλεγμένη γλώσσα προγραμματισμού και ποια όχι.

Εδώ είναι που θέλω να ρίξω ένα λιθαράκι στο jQuery. Όχι, μην το νομίζετε, αυτή είναι μια εξαιρετική βιβλιοθήκη που καταφέρνει να λύσει ένα σωρό προβλήματα διαφορετικά προβλήματαμε κομψό τρόπο, αλλά πολλοί προγραμματιστές το παρεξήγησαν. Για κάποιο λόγο, άρχισαν να μετατρέπονται σε ενοποιητές προσθηκών και να χρησιμοποιούν το jQuery όπου είναι δυνατόν. Έχετε ακούσει τη φράση "JQuery noodles?", δεν φταίει η ίδια η βιβλιοθήκη, αλλά η λανθασμένη χρήση της. Απλώς συνδέθηκε και όλα αποφασίστηκαν στο πλαίσιο της βιβλιοθήκης, όχι στη γλώσσα.

Σήμερα δεν είναι της μόδας να χρησιμοποιείτε το jQuery άλλα, πιο προηγμένα εργαλεία έχουν πάρει τη θέση του. Αλλά το να τρέχουν αδιάκοπα και να συνεχίζουν τις σπουδές τους χωρίς στέρεες βάσεις με τη μορφή γνώσης της ίδιας της γλώσσας είναι, τουλάχιστον, ανόητο. Ναι, με λίγη προσπάθεια, μπορείτε να χρησιμοποιήσετε ένα συγκεκριμένο πλαίσιο, ανεξάρτητα από τα εσωτερικά του. Ίσως μάλιστα να μπορέσετε να γράψετε μια πραγματική εφαρμογή με αυτόν τον τρόπο. Πολυάριθμες επιδείξεις εφαρμογών που βασίζονται σε δημοφιλή πλαίσια μειώνουν σημαντικά το εμπόδιο εισόδου. Αλλά χωρίς γνώση της πλατφόρμας (σε σε αυτήν την περίπτωσηγλώσσα προγραμματισμού), κινδυνεύετε να χάσετε γρήγορα την αποκτηθείσα γνώση.

Η μετάβαση στο επόμενο πλαίσιο θα είναι εξίσου δύσκολη με την πρώτη φορά. Οι αισθήσεις θα είναι ίδιες όπως όταν μαθαίνετε μια πλήρη γλώσσα προγραμματισμού. Συμπέρασμα:Μην κυνηγάτε όλα τα νέα προϊόντα και μην προσπαθείτε να κάνετε μια γρήγορη αρχή, ελπίζοντας να προλάβετε σε λίγους μήνες τα παιδιά που εργάζονται με το νέο προϊόν για πολλά χρόνια και κάνουν πραγματικά θαύματα.

Νέα πλαίσια εμφανίζονται σχεδόν κάθε μέρα. Περίπου μία φορά κάθε έξι μήνες (ένα ή δύο χρόνια), δημιουργούνται ψήγματα - πλαίσια γύρω από τα οποία αυξάνεται η δημοσιότητα και δημιουργούνται ισχυρές κοινότητες θαυμαστών. Αυτή η διαδικασία θα διαρκέσει για πολύ καιρό και δεν χρειάζεται να βιαστείτε στην άβυσσο του χάους.

Εάν είστε αρχάριος, μάθετε και εξασκηθείτε χρησιμοποιώντας μια γλώσσα προγραμματισμού. Απλώς ξεκινήστε τον προγραμματισμό και την επίλυση προβλημάτων. Βελτιώστε τον κώδικα και την αρχιτεκτονική σας σταδιακά, μην προσπαθείτε να λύσετε προβλήματα που δεν υπάρχουν. Πρώτον, είναι απίθανο να πετύχετε (είσαι αρχάριος) και δεύτερον, δεν μπορείτε να προβλέψετε όλα τα προβλήματα εκ των προτέρων. Οι απαιτήσεις για τα προγράμματα αλλάζουν συνεχώς και αργά ή γρήγορα κομμάτια κώδικα θα πρέπει να πεταχτούν. Αυτό είναι κανονικό ©.

Κατέχοντας ισχυρό ΒΑΣΙΚΕΣ ΓΝΩΣΕΙΣ, μπορείτε εύκολα να μεταβείτε σε νέα εργαλεία και προσεγγίσεις. Θυμηθείτε, κάθε πλαίσιο είναι απλό:

• Μια κομψή λύση σε πολλά προβλήματα. Ίσως έχετε μόνο ένα πρόβλημα από αυτήν τη λίστα.
• Πρόσθετοι περιορισμοί κατά τη σύνταξη κώδικα. Όταν επιλέγετε ένα πλαίσιο, πρέπει να παίζετε με τους «κανόνες του».

Η κατανόηση μιας γλώσσας προγραμματισμού, η γνώση των μοτίβων σχεδίασης και η παρατήρηση της ανάπτυξης όλων των παραπάνω θα απλοποιήσουν πολλές μεταβάσεις και θα σας επιτρέψουν να παραμένετε πάντα στην κορυφή. Τα πλαίσια αλλάζουν συχνά (ακόμα και μπορεί να υπάρχουν σημαντικές διαφορές από έκδοση σε έκδοση) και οι υποκείμενες τεχνολογίες είναι σχετικές πολύ περισσότερο.

Για να συνοψίσουμε όλα τα παραπάνω:μην ξεκινάς με τα δύσκολα. Μάθετε τα βασικά και βασική τεχνολογία(γλώσσα προγραμματισμού). Μόνο αφού μελετήσετε τη βάση, αναλάβετε βοηθητικά εργαλεία (πλαίσια, βιβλιοθήκες, συστήματα κατασκευής κ.λπ.). Θυμηθείτε, όλα αυτά τα πράγματα δημιουργήθηκαν για να λύσουν προβλήματα/ελαττώματα της αρχικής τεχνολογίας. Χρησιμοποιήστε τα και για αυτό το σκοπό.

Η JavaScript υπάρχει εδώ και πάνω από 20 χρόνια και είναι μια από αυτές τις γλώσσες που δεν σταματά ποτέ να εξελίσσεται. Η γλώσσα γνώρισε ταχεία ανάπτυξη σε Πρόσφατα, που σας κάνει να αναρωτιέστε εάν οι σύγχρονες τεχνολογίες front-end JavaScript που είναι ευρέως γνωστές σήμερα θα εξακολουθούν να είναι σχετικές σε μερικά χρόνια.

Ωστόσο, είναι σημαντικό να είστε προληπτικοί όταν εργάζεστε με τα πιο πρόσφατα εργαλείακαι πλαίσια για τη βελτίωση της διαδικασίας ανάπτυξης. Αυτό το άρθρο καλύπτει διάφορες βιβλιοθήκες JavaScript, πλαίσια και εργαλεία που θα πρέπει να εξετάσετε το ενδεχόμενο να μάθετε αυτήν τη στιγμή.

Εισαγωγή

Το περιβάλλον JavaScript έχει γίνει απλά τεράστιο. Έχει το δικό του οικοσύστημα βιβλιοθηκών, πλαισίων, εργαλείων, διαχειριστών πακέτων και νέων γλωσσών που μεταγλωττίζονται πριν από την JavaScript. Είναι ενδιαφέρον ότι το NPM, το οποίο είναι ο de facto διαχειριστής πακέτων για JavaScript, είναι επίσης το μεγαλύτερο μητρώο στον κόσμο λογισμικό. Ακολουθεί ένα απόσπασμα από μια ανάρτηση που δημοσιεύτηκε στο Linux.com τον Ιανουάριο του 2017.

Με πάνω από 350.000 πακέτα, το μητρώοΤο NPM περιέχει περισσότερα από τα διπλά πακέτα από τα άλλα πιο δημοφιλή μητρώα πακέτων (ένα από τα οποία είναι το αποθετήριο Apache Maven). Στην πραγματικότητα, αυτή τη στιγμή είναι το μεγαλύτερο μητρώο πακέτων στον κόσμο.

Τώρα ας προχωρήσουμε γρήγορα προς τα εμπρός οκτώ μήνες και αυτή τη στιγμή υπάρχουν περίπου 500.000 πακέτα στο μητρώο NPM. Αυτή είναι μια τεράστια αύξηση σε σύγκριση με άλλα αποθετήρια πακέτων.

Ως προγραμματιστής JavaScript front-end, είναι σημαντικό να παρακολουθείτε τα σύγχρονα εργαλεία και βιβλιοθήκες JavaScript. Όταν μια τεχνολογία γίνεται δημοφιλής, η ζήτηση για αυτήν είναι υψηλή, κάτι που με τη σειρά της σημαίνει περισσότερες θέσεις εργασίας κωδικοποίησης, οι οποίες πληρώνουν τις υψηλότερες τιμές στον κλάδο. Γι' αυτό, συγκεντρώσαμε μια λίστα με δημοφιλείς τεχνολογίες JavaScript που πιστεύουμε ότι πρέπει να γνωρίζετε.

Βιβλιοθήκες

Η βιβλιοθήκη είναι ένα επαναχρησιμοποιήσιμο κομμάτι κώδικα που προσφέρει ορισμένες λειτουργίες. Είναι ένα σύνολο συναρτήσεων, αντικειμένων και κλάσεων που μπορείτε να χρησιμοποιήσετε στην εφαρμογή σας. Η βιβλιοθήκη αφαιρεί τα διάφορα επίπεδα, ώστε να μην χρειάζεται να ανησυχείτε για τις λεπτομέρειες εφαρμογής τους.

Μπορείτε να καλέσετε μια συνάρτηση βιβλιοθήκης και να της περάσετε κάποιες παραμέτρους, η βιβλιοθήκη θα την εκτελέσει και θα επιστρέψει τον έλεγχο σε εσάς. Ωστόσο, δεν επιβάλλει δομικούς περιορισμούς που περιορίζουν τη χρήση της βιβλιοθήκης. Οι δημοφιλείς βιβλιοθήκες JavaScript περιλαμβάνουν:

Το React είναι μια βιβλιοθήκη JavaScript που δημιουργήθηκε από προγραμματιστές του Facebook και του Instagram. Το React ψηφίστηκε ως η πιο αγαπημένη τεχνολογία μεταξύ των προγραμματιστών, σύμφωνα με το Stack Overflow Survey 2017. Το React είναι επίσης το πιο δημοφιλές έργο JavaScript, με βάση τον αριθμό αστεριών του GitHub.

Γιατί λοιπόν το React τραβάει τόση προσοχή; Με το React, μπορείτε να δημιουργήσετε μια διαδραστική διεπαφή χρησιμοποιώντας μια δηλωτική προσέγγιση, στην οποία μπορείτε να ελέγξετε την κατάσταση της εφαρμογής λέγοντας "η εικόνα πρέπει να μοιάζει με αυτό". Χρησιμοποιεί ένα μοντέλο στοιχείου στο οποίο τα στοιχεία είναι επαναχρησιμοποιήσιμα στοιχεία διεπαφής χρήστη και κάθε στοιχείο έχει τη δική του κατάσταση.

Το React χρησιμοποιεί ένα εικονικό DOM, οπότε δεν χρειάζεται να ανησυχείτε για τον απευθείας χειρισμό του. Άλλα αξιοσημείωτα χαρακτηριστικά του React περιλαμβάνουν μονόδρομη ροή δεδομένων, προαιρετική σύνταξη JSX και εργαλείο γραμμή εντολώνγια να δημιουργήσετε ένα έργο React με μηδενική διαμόρφωση κατασκευής.

Το jQuery είναι μια βιβλιοθήκη που έκανε την JavaScript πιο προσιτή και χειριζόμενη Το DOM είναι πιο απλόαπό πριν. Η ήπια καμπύλη εκμάθησης και η απλή σύνταξη του jQuery έχουν δημιουργήσει μια γενιά νέων προγραμματιστών front-end. Πριν από μερικά χρόνια, το jQuery θεωρούνταν μια αξιόπιστη λύση για τη δημιουργία ισχυρών ιστοσελίδων με υποστήριξη πολλαπλών προγραμμάτων περιήγησης. Βασικός Λειτουργίες jQueryόπως χειραγώγηση βάσει DOM Επιλογείς CSS, ο χειρισμός εκδηλώσεων και η πραγματοποίηση κλήσεων AJAX τροφοδότησε τη δημοτικότητά του.

Ωστόσο, τα πράγματα έχουν αλλάξει και το περιβάλλον JavaScript εξελίσσεται συνεχώς. Στη νέα προδιαγραφή ECMAScript έχουν συμπεριληφθεί αρκετές δυνατότητες jQuery. Επιπλέον, νέες βιβλιοθήκες και πλαίσια που χρησιμοποιούνται σήμερα έχουν δικός μου τρόποςΔεσμεύσεις DOM, και επομένως απλές μεθόδουςΔεν απαιτείται πλέον χειρισμός DOM. Η δημοτικότητα του jQuery μειώνεται, αλλά δεν νομίζω ότι θα εξαφανιστεί σύντομα.

Το D3 (ή D3.js) είναι μια ισχυρή βιβλιοθήκη JavaScript για δημιουργία διαδραστικές απεικονίσειςχρησιμοποιώντας πρότυπα ιστού όπως SVG, HTML και CSS. Σε αντίθεση με άλλες βιβλιοθήκες απόδοσης, η D3 προσφέρει καλύτερος έλεγχοςπάνω από το τελικό οπτικό αποτέλεσμα.

Το D3 λειτουργεί δεσμεύοντας δεδομένα στο DOM και στη συνέχεια μετατρέποντάς τα σε έγγραφο. Έχει επίσης το δικό του οικοσύστημα, το οποίο αποτελείται από πρόσθετα και βιβλιοθήκες που επεκτείνουν τα βασικά του λειτουργικότητα. Η βιβλιοθήκη υπάρχει από το 2011 και διαθέτει άφθονη τεκμηρίωση και σεμινάρια για να σας βοηθήσει να ξεκινήσετε.

Αν θέλετε να δημιουργήσετε απλές απεικονίσεις χωρίς να επενδύσετε πολύ χρόνο σε αυτές, θα πρέπει να ελέγξετε το Chart.js.

πλαίσια

Το πλαίσιο έχει μια αρχιτεκτονική που υπαγορεύει τη ροή ελέγχου στην εφαρμογή σας. Περιγράφει τα βασικά και σας λέει πώς πρέπει να οργανωθούν τα πάντα. Σας παρέχονται επίσης οι βασικές λειτουργίες που απαιτούνται για τη λειτουργία της εφαρμογής. Επιπλέον, απαιτείται να ακολουθείτε τις αρχές και τα πρότυπα του πλαισίου. Η διαφορά μεταξύ ενός πλαισίου και μιας βιβλιοθήκης είναι ότι καλείτε τη βιβλιοθήκη, ενώ το πλαίσιο σας καλεί.

Συχνά περιλαμβάνει πολλές βιβλιοθήκες και έχει υψηλότερο επίπεδο αφαίρεσης. Λειτουργίες όπως ο χειρισμός συμβάντων, η πραγματοποίηση κλήσεων AJAX, η δέσμευση προτύπων και δεδομένων και η δοκιμή είναι ενσωματωμένες στο πλαίσιο.

Το AngularJS ήταν κάποτε η πιο δημοφιλής τεχνολογία JavaScript μεταξύ προγραμματιστών front-end. Υποστηρίχτηκε από την Google και μια κοινότητα ατόμων και εταιρειών. Παρά τη δημοτικότητά του, το AngularJS είχε το μερίδιό του σε μειονεκτήματα. Η ομάδα δούλεψε δύο χρόνια νέα έκδοση Angular, το οποίο τελικά κυκλοφόρησε τον Σεπτέμβριο του 2016.

Η κυκλοφορία του Angular 2 ήταν ένας επανασχεδιασμός του AngularJS. Μερικά από τα χαρακτηριστικά του Angular 2 περιλαμβάνουν:

• TypeScript πάνω από JavaScript ως προεπιλεγμένη γλώσσα
• αρχιτεκτονική συστατικών
• βελτιωμένη απόδοση τόσο σε κινητές όσο και σε πλατφόρμες ιστού
• καλύτερα εργαλεία και επιλογές σκαλωσιάς

Ωστόσο, η αναβάθμιση από Angular 1.x σε Angular 2 είναι ακριβή επειδή το Angular 2 είναι ένα εντελώς διαφορετικό θηρίο. Αυτός είναι ένας από τους λόγους για τους οποίους το Angular 2 δεν είχε το ίδιο ποσοστό υιοθέτησης με τον προκάτοχό του. Ωστόσο, το Angular και το AngularJS εξακολουθούν να είναι από τις πιο συχνά χρησιμοποιούμενες τεχνολογίες σύμφωνα με το Stack Overflow (2017). Το έργο έχει περίπου 28.000 αστέρια στο GitHub.

Το Vue.js είναι ένα ελαφρύ πλαίσιο JavaScript που έχει γίνει τάση φέτος. Είναι το πιο δημοφιλές πλαίσιο JavaScript στο GitHub όσον αφορά τα αστέρια του GitHub. Η σύνταξη του προτύπου είναι Βασισμένο σε HTMLδεσμεύει το παρεχόμενο DOM με τα δεδομένα παρουσίας.

Το πλαίσιο προσφέρει μια εμπειρία τύπου React με τα εικονικά DOM και τα στοιχεία του επαναχρησιμοποιήσιμο, το οποίο μπορεί να χρησιμοποιηθεί για τη δημιουργία γραφικών στοιχείων και ολόκληρων εφαρμογών Ιστού. Επιπλέον, μπορείτε επίσης να χρησιμοποιήσετε τη σύνταξη JSX για να γράψετε απευθείας συναρτήσεις απόδοσης. Όταν αλλάζει η κατάσταση, το Vue.js χρησιμοποιεί το σύστημα αντιδραστικότητας για να προσδιορίσει τι έχει αλλάξει και να αναδιανέμει ελάχιστο ποσόσυστατικά. Το Vue.js υποστηρίζει επίσης την ενσωμάτωση άλλων βιβλιοθηκών στο πλαίσιο χωρίς μεγάλη ταλαιπωρία.

Το Ember.js είναι μια διεπαφή που βασίζεται στο μοτίβο Model-View-ViewModel (MVVM). Ακολουθεί την τυπική προσέγγιση προσαρμογής που είναι δημοφιλής μεταξύ πλαισίων τρίτων όπως το Ruby on Rails και το Laravel. Το Ember.js περιλαμβάνει κοινά ιδιώματα και βέλτιστες πρακτικέςπλαίσια ώστε να μπορείτε να δημιουργήσετε μια εφαρμογή χωρίς μεγάλη προσπάθεια.

Μια στοίβα Ember συνήθως περιλαμβάνει:

• Ember CLI: Παρέχει βασικές επιλογές σκαλωσιάς και υποστηρίζει εκατοντάδες πρόσθετα.
• Ember Data: Μια βιβλιοθήκη διατήρησης δεδομένων που μπορεί να ρυθμιστεί ώστε να λειτουργεί με οποιονδήποτε διακομιστή.
• Ember Inspector: Διατίθεται επέκταση για Chrome και Firefox.
• Liquid Fire: Ένα πρόσθετο για μεταβάσεις και κινούμενα σχέδια.

Εργαλεία

Το εργαλείο είναι ένα σύνολο από ρουτίνες που θα σας βοηθήσουν στη διαδικασία ανάπτυξης. Σε αντίθεση με μια βιβλιοθήκη, ένα εργαλείο συνήθως εκτελεί μια εργασία στον κώδικα πελάτη. Λαμβάνει τον κωδικό σας ως είσοδο, εκτελεί μια εργασία σε αυτόν και, στη συνέχεια, επιστρέφει το αποτέλεσμα. Τα εργαλεία που χρησιμοποιούνται συνήθως περιλαμβάνουν μετατροπείς και εργαλεία συναρμολόγησης, ενεργοποιητές, μονάδες και εργαλεία σκαλωσιάς.

Εργαλεία: Ευέλικτοι εκτελεστές εργασιών

Οι καθολικοί δρομείς εργασιών είναι εργαλεία που χρησιμοποιούνται για την αυτοματοποίηση ορισμένων επαναλαμβανόμενων εργασιών. Οι δημοφιλείς εκτελεστές εργασιών περιλαμβάνουν:

Το Gulp είναι μια εργαλειοθήκη JavaScript που χρησιμοποιείται ως σύστημα εκτέλεσης εργασιών και κατασκευής στην ανάπτυξη Ιστού. Μεταγλώττιση, ελαχιστοποίηση κώδικα, βελτιστοποίηση εικόνας, δοκιμή μονάδων, καταχώριση κ.λπ. είναι επαναλαμβανόμενες εργασίες που πρέπει να αυτοματοποιηθούν. Το Gulp απλοποιεί τη διαδικασία σύνταξης εργασιών ακόμη και για άτομα που είναι λιγότερο εξοικειωμένα με τη JavaScript.

Το Gulp χρησιμοποιεί αγωγούς για τη ροή δεδομένων από το ένα πρόσθετο στο άλλο και το τελικό αποτέλεσμα εξάγεται σε έναν φάκελο προορισμού. Το Gulp λειτουργεί καλύτερα σε σύγκριση με το Grunt γιατί δεν δημιουργεί προσωρινά αρχείαγια την αποθήκευση ενδιάμεσων αποτελεσμάτων, με αποτέλεσμα λιγότερες κλήσεις I/O.

Το Grunt είναι ένα εργαλείο εκτέλεσης εργασιών και αυτοματισμού JavaScript. Το Grunt έχει μια διεπαφή γραμμής εντολών που σας επιτρέπει να εκτελείτε προσαρμοσμένες εργασίες που ορίζονται σε ένα αρχείο που ονομάζεται Gruntfile. Το Grunt έχει χιλιάδες πρόσθετα για να διαλέξετε, τα οποία θα πρέπει να καλύπτουν τις περισσότερες από τις κοινές επαναλαμβανόμενες εργασίες που αντιμετωπίζετε. Με το Grunt, μπορείτε να εκτελέσετε όλες τις εργασίες σας κάτω από μία εντολή, κάνοντας τη ζωή σας πιο εύκολη.

Το Gulp και το Grunt απαιτούν από εσάς να αφιερώσετε χρόνο στην εκμάθηση και τον έλεγχο ενός νέου εργαλείου, το οποίο θα σας πάρει τον ίδιο χρόνο. Μπορείτε να αποφύγετε την εισαγωγή πρόσθετων εξαρτήσεων στο έργο σας επιλέγοντας μια εναλλακτική που είναι ήδη ομαδοποιημένη με το Node.js. Αν και το npm είναι πιο γνωστό ως διαχειριστής πακέτων, τα σενάρια npm μπορούν να χρησιμοποιηθούν για την εκτέλεση των περισσότερων από τις παραπάνω εργασίες.

Εργαλεία: δοκιμή

Η δοκιμή είναι η διαδικασία έγκρισης και επαλήθευσης ότι μια εφαρμογή πληροί τις αναμενόμενες επιχειρηματικές και τεχνικές απαιτήσεις. Η προσέγγιση που βασίζεται σε δοκιμές βοηθά επίσης στον εντοπισμό σφαλμάτων και ως εκ τούτου θα πρέπει να θεωρείται ως αναπόσπαστο μέρος του σύγχρονη διεπαφήανάπτυξη.

Το αστείο είναι σχετικό νέα πλατφόρμαδοκιμές, που δημιουργήθηκαν από το Facebook και έγιναν δεκτά καλά από την κοινότητα του React. Υπάρχει μια κοινή παρανόηση ότι το Jest έχει σχεδιαστεί ειδικά για να λειτουργεί με το React. Ωστόσο, σύμφωνα με την τεκμηρίωση του Jest:

Ενώ το Jest μπορεί να θεωρηθεί ως δοκιμή ειδικά για το React, είναι στην πραγματικότητα ένα καθολικό πλαίσιο δοκιμών που μπορεί να προσαρμοστεί σε οποιαδήποτε βιβλιοθήκη ή πλαίσιο JavaScript. Μπορείτε να χρησιμοποιήσετε το Jest για να δοκιμάσετε τον κώδικα JavaScript.

Το μεγαλύτερο πλεονέκτημα της χρήσης του Jest σε σχέση με άλλες σουίτες δοκιμών είναι ότι χρειάζεστε μηδενική ή ελάχιστη διαμόρφωση για να ξεκινήσετε τη σύνταξη δοκιμών. Το πλαίσιο έχει μια ενσωματωμένη βιβλιοθήκη ισχυρισμών και υποστηρίζει τη χρήση εικονικών λειτουργιών ή κατασκόπων.

Το Jest έχει μια δυνατότητα που ονομάζεται "στιγμιότυπο δοκιμής" που σας επιτρέπει να το διασφαλίσετε διεπαφή χρήστηΟι εφαρμογές δεν θα αλλάξουν απροσδόκητα. Οι προγραμματιστές στο Facebook και άλλοι έχουν κάνει πολλή δουλειά σε αυτό το έργο, επομένως δεν αποτελεί έκπληξη το γεγονός ότι το Jest θα ήταν η πιο δημοφιλής πλατφόρμα για Δοκιμή JavaScriptκατά τα επόμενα έτη.

Το Mocha είναι μια πλατφόρμα δοκιμών JavaScript που διαθέτει υποστήριξη προγράμματος περιήγησης, υποστήριξη ασύγχρονης εξυπηρέτησης, συμπεριλαμβανομένων προοπτικών, αναφοράς κάλυψης δοκιμών και ένα API JavaScript για εκτέλεση δοκιμών. Η Mocha συχνά συνδυάζεται με μια βιβλιοθήκη ισχυρισμών όπως η Chai, should.js, expect.js επειδή δεν έχει τη δική της βιβλιοθήκη ισχυρισμών.

Το Jasmine είναι ένα πλαίσιο JavaScript προσανατολισμένο στη συμπεριφορά. Το Jasmine στοχεύει να είναι ένα πρόγραμμα περιήγησης, μια πλατφόρμα και μια ανεξάρτητη από το πλαίσιο δοκιμαστική σουίτα. Το Jasmine έχει τη δική του βιβλιοθήκη ισχυρισμών που ονομάζεται matchers, η οποία δίνει στο εργαλείο μια καθαρή και ευανάγνωστη σύνταξη. Το Jasmine δεν έχει ενσωματωμένο δοκιμαστικό δρομέα και ίσως χρειαστεί να χρησιμοποιήσετε ένα γενικό δοκιμαστικό δρομέα όπως το Karma.

Υπό κράτηση

Η JavaScript παραμένει σχετική από τη δημιουργία της το 1995. Πιθανότατα θα παραμείνει το ίδιο έως ότου τα προγράμματα περιήγησης αποφασίσουν να το εγκαταλείψουν για άλλη γλώσσα. Ενώ υπάρχουν πολλές άλλες γλώσσες που μεταγλωττίζονται χρησιμοποιώντας JavaScript, δεν υπάρχει άλλη γλώσσα δέσμης ενεργειών που θα αντικαταστήσει το JavaScript στο άμεσο μέλλον. Γιατί; Επειδή η JavaScript έχει γίνει πολύ δημοφιλής για να αντικατασταθεί.

Η γλώσσα δεν είναι χωρίς τις καμπύλες εκμάθησής της και υπάρχουν πολλά πλαίσια και βιβλιοθήκες που θα σας βοηθήσουν να ξεκινήσετε να τη μαθαίνετε. Αν ψάχνετε για περισσότερους πόρους που θα σας βοηθήσουν να μάθετε ή να χρησιμοποιήσετε μια γλώσσα στην εργασία σας, υπάρχουν πολλοί διαθέσιμοι πόροι στο διαδίκτυο. χρήσιμους πόρουςσχετικά με αυτό το θέμα.

Το πλαίσιο JavaScript σίγουρα εξελίσσεται, όπως φαίνεται από τις τρέχουσες τάσεις στην ανάπτυξη ιστού. Οι παλιές βιβλιοθήκες και τα πλαίσια έχουν αντικατασταθεί από νέες τεχνολογίες. Η jQuery, η οποία ήταν κάποτε η πιο δημοφιλής βιβλιοθήκη JavaScript, έχει δει κάποια πτώση όσον αφορά την ελκυστικότητα, τη χρήση και τη δημοτικότητα. Μια νέα γενιά βιβλιοθηκών, πλαισίων και εργαλείων front-end κερδίζει δυναμική και ευρεία αποδοχή.

Η εξοικείωση με τις νέες τάσεις της τεχνολογίας έχει επίσης τα οφέλη της. Οι εργασίες κωδικοποίησης που απαιτούν γνώση του React έχουν μερικούς από τους υψηλότερους μισθούς στον κλάδο. Επομένως, πρέπει να συνεχίσετε να μαθαίνετε και να πειραματίζεστε με τα πιο πρόσφατα εργαλεία και πλαίσια για να αξιοποιήσετε στο έπακρο το JavaScript.

Η κατάσταση είναι μάλλον ασαφής όσον αφορά την επιλογή απαιτείται JavaScriptδομή. Αυτό το άρθρο προορίζεται να βοηθήσει έναν αρχάριο προγραμματιστή διεπαφής να πλοηγηθεί στην επιλογή ενός κατάλληλου πλαισίου διεπαφής. Θα εξετάσουμε τα βασικά και τη σύνταξη κάθε πλαισίου που αναφέρεται εδώ και θα παράσχω επίσης μια λίστα με χρήσιμους πόρους εκμάθησης.

Τι είναι ένα πλαίσιο JavaScript;

Στον κόσμο της ανάπτυξης front-end, ένα "πλαίσιο" μπορεί να σημαίνει μια βιβλιοθήκη JavaScript που έχει σχεδιαστεί για να εμφανίζει διαδραστικές διεπαφές βασισμένες σε δεδομένα εισόδου. Απαιτείται για την εμφάνιση πληροφοριών τη στιγμή που ο χρήστης αλληλεπιδρά με τη διεπαφή. Όλες αυτές οι βιβλιοθήκες είναι ελαφρώς διαφορετικές μεταξύ τους, αλλά έχουν πάντα τον ίδιο στόχο. προβολή ΝΕΑ ΠΛΗΡΟΦΟΡΙΑ, δεδομένα κατά την εκτέλεση μιας ενέργειας.

Ας ρίξουμε μια πιο προσεκτική ματιά σε αυτά τα ισχυρά πλαίσια που θα σας βοηθήσουν να πετύχετε τον στόχο σας.

Δημοφιλή πλαίσια JavaScript

Υπάρχουν πολλές επιλογές κατά την επιλογή ενός πλαισίου, η παρακάτω είναι μια λίστα με τις πιο δημοφιλείς σήμερα: Vue, React, Angular και Ember. Καθένα από αυτά επιλέχθηκε με βάση την ανάπτυξη της κοινότητας, τη σταθερότητα, τη δραστηριότητα στο Github, τη χρονική περίοδο κατά την οποία η τεχνολογία ήταν διαθέσιμη στους προγραμματιστές και επίσης με βάση το αν η τεχνολογία χρησιμοποιήθηκε από μεγάλο αριθμό εταιρειών και προγραμματιστών.

Vue

Το Vue είναι ένα προοδευτικό, προσβάσιμο πλαίσιο που είναι επίσης πλούσιο σε χαρακτηριστικά και απόδοση. Εάν γνωρίζετε τα βασικά του παλιού καλού HTML, CSS, JS, μπορείτε εύκολα να κυριαρχήσετε στο Vue.

«Ο πυρήνας της βιβλιοθήκης έχει σχεδιαστεί για να λειτουργεί μόνο με τη λογική προβολής και είναι εύκολο να ενσωματωθεί με άλλες βιβλιοθήκες και έργα. Από την άλλη πλευρά, το Vue είναι εξαιρετικό για τη δημιουργία πολύπλοκων Εφαρμογών Μονής Σελίδας (SPA) όταν χρησιμοποιείται με σύγχρονα εργαλεία και βιβλιοθήκες.» - εισαγωγή στην τεκμηρίωση του VueJS

Παρακάτω μπορούμε να δούμε ένα παράδειγμα της σύνταξης ενός απλού " Γειά σου Κόσμε”:

var app = new Vue(( el: "#app", δεδομένα: ( μήνυμα: "Hello Vue!" ) ))

Περισσότερο ενδιαφέρον παράδειγμαχρησιμοποιώντας τιμές χαρακτηριστικών στη σήμανση:

Το Vue.js σάς επιτρέπει να επεξεργάζεστε εισόδους χρήστη, να δημιουργείτε πρότυπα στοιχείων, να συνδέετε δεδομένα στη δομή DOM με συνθήκες και βρόχους και δηλωτική απόδοση με απλή σύνταξη με βάση την προδιαγραφή στοιχείου ιστού .

Πόροι μάθησης:

• Μάθετε Vue 2: Βήμα προς βήμα στο Laracasts
• Δημιουργήστε έναν Διαχειριστή σελιδοδεικτών με Rails και Vue στο Tuts+
• Βασικά στοιχεία του Vue.jsαπό την DevMarketer
• Οδηγός Vue στο vuejs.og

Αντιδρώ

Πρώτη Δέσμευση 29 Μαΐου 2013
Μέγεθος αρχείου: 7,3 KB ελαχιστοποιημένη Με προσθήκες: Ελαχιστοποίηση 11,3 KB

Οι προγραμματιστές του React το δηλώνουν αυτό αυτή η βιβλιοθήκησχεδιασμένο για τη δημιουργία διεπαφών για εργασία με δυναμικά δεδομένα. Αναπτύχθηκε από υπαλλήλους του Facebook και είναι ένα έργο ανοιχτού κώδικα. πηγαίος κώδικας. Μπορεί να αισθάνεστε άβολα όταν σας λέω ότι πρέπει να γράψετε HTML σε JavaScript, αλλά δυστυχώς έτσι λειτουργεί το React.

Ας δούμε ένα παράδειγμα σύνταξης απευθείας από το εισαγωγικό σεμινάριο της τεκμηρίωσης του React. Αυτό το παράδειγμα δείχνει τη δημιουργία των λεγόμενων "υποκατηγοριών Component", υπάρχουν και άλλοι τύποι στοιχείων. Όπως ίσως έχετε παρατηρήσει, η σύνταξη είναι παρόμοια με την XML:

Η Class ShoppingList επεκτείνει το React.Component ( render() ( return (

); } }

Το React συνοδεύεται από επιπλέον επιλογές, που ονομάζονται πρόσθετα, τα οποία είναι ένα σύνολο από χρήσιμες ενότητες. Αυτές οι ενότητες περιλαμβάνουν εργαλεία που διευκολύνουν την εργασία με κινούμενα σχέδια και μεταβάσεις, εργαλεία μέτρησης της απόδοσης εφαρμογών ιστού, δοκιμές και πολλά άλλα. Η τεκμηρίωση του React συνιστά τη χρήση του React with Babel, επιτρέποντάς σας να χρησιμοποιείτε ES6 και JSX στο Κώδικας JavaScript. Επίσης διαθέσιμο χρήσιμα εργαλείαγια τον εντοπισμό σφαλμάτων των εφαρμογών React, με τη μορφή επεκτάσεων για Chrome και Firefox, με τις οποίες μπορείτε να επιθεωρήσετε το δέντρο στοιχείων React στα εργαλεία προγραμματιστή του προγράμματος περιήγησής σας.

Πόροι μάθησης:

Γωνιώδης

Πρώτη Δέσμευση 18 Σεπτεμβρίου 2014 (σύμφωνα με το GitHub)
Αρχική έκδοση(Σύμφωνα με τη Wikipedia) 20 Οκτωβρίου 2010
Μέγεθος αρχείου: Εργαλείο γραμμής εντολών. Δεν διανέμεται πλέον ως ξεχωριστό αρχείο JS.

Angular αναπτύχθηκε Ομάδα Google. Δεδομένου ότι η HTML δεν προοριζόταν ποτέ να είναι μια δυναμική γλώσσα, η Angular επεκτείνει την HTML προσθέτοντας ένα σύνολο χαρακτηριστικών που μπορούν να τροποποιήσουν δυναμικά τη σήμανση. Τελικά, αυτό επιτρέπει δηλωτικές δεσμεύσεις σε συμβάντα για εμφάνιση δυναμικών δεδομένων και καταστάσεων με βάση την αλληλεπίδραση με τον χρήστη. Ενδέχεται να αντιμετωπίσετε σημαντικές απαιτήσεις δεδομένων κατά τη δημιουργία μοντέλων δεδομένων χρησιμοποιώντας RxJS, Immutable.js ή οποιαδήποτε άλλη τεχνολογία μοντέλων push. Και μπορείτε να επεκτείνετε τη γλώσσα προτύπου με τα δικά σας στοιχεία ήχρήση ευρεία επιλογήυπάρχοντα εξαρτήματα.

«Μάθετε να δημιουργείτε εφαρμογές στο Angular και να χρησιμοποιείτε ξανά τον κώδικα και τις δυνατότητές σας για τη δημιουργία εφαρμογών για οποιονδήποτε τελικό σκοπό. Είτε πρόκειται για τον Ιστό κινητό web, εγγενείς εφαρμογές ιστού ή επιτραπέζιου υπολογιστή."

Η γωνιακή σύνταξη δεν είναι κάτι νέο, εξακολουθεί να είναι το ίδιο Χαρακτηριστικά HTML, καθώς και τα σύμβολα κράτησης θέσης τύπου Mustache, εκτός από το ότι ο χώρος ονομάτων ng- προστίθεται στο χαρακτηριστικό, όλα αυτά φαίνονται στο παρακάτω παράδειγμα:

Γεια σας ((το όνομά σας))!

Το Angular είναι επίσης κατασκευασμένο από στοιχεία, τα οποία είναι ένας συνδυασμός προτύπων HTML και κλάσεων στοιχείων που ελέγχουν μέρος της οθόνης.

// src/app/app.component.ts εισαγωγή ( Component ) από το "@angular/core"; @Component(( επιλογέας: "my-app", πρότυπο: `

Γεια σας ((όνομα))

` )) κλάση εξαγωγής AppComponent (όνομα = "Angular"; ) Φόρτωση περιεχομένου AppComponent εδώ…

Το αρχείο .ts από το παραπάνω παράδειγμα είναι γραμμένο σε TypeScript. Η σύνταξη αυτής της γλώσσας βασίζεται σε JavaScript. Το TypeScript είναι συντακτική ζάχαρη που μεταγλωττίζεται σε JavaScript. Για τη μεταγλώττιση θα χρειαστείτε εργαλεία γραμμής εντολών.

Πόροι μάθησης:

• Ξεκινώντας με το Angular 2 στο Tuts+
• Σύγχρονες εφαρμογές Ιστού με το Angular 2 στο Tuts+
• Μάθετε το Angular στο angular.io
• angular.io
• Angular2 στο egghead.io

Χόβολη

Η Ember, μια βιβλιοθήκη παρόμοια με αυτές που συζητήσαμε νωρίτερα, λειτουργεί εξαιρετικά με το Handelbars. Για όσους δεν είναι εξοικειωμένοι με το Handelbars, είναι μια γλώσσα προτύπου για τη δημιουργία στατικών σελίδων, κάπως παρόμοια με την Jekyll. Οι προγραμματιστές μπορούν να χρησιμοποιήσουν το Handelbars για να δημιουργήσουν σήμανση και JavaScript για να εφαρμόσουν προσαρμοσμένη συμπεριφορά για στοιχεία που βασίζονται στην αλληλεπίδραση των χρηστών.

"Το Ember είναι ένα πλαίσιο για τη δημιουργία εφαρμογών web JavaScript μιας σελίδας από την πλευρά του πελάτη που χρησιμοποιεί το μοτίβο Model-View-Controller MVC."

Το Ember είναι χτισμένο στο Node και χρησιμοποιεί πολλές λειτουργικές μονάδες Node.js για να λειτουργήσει. Το Ember διαθέτει επίσης μια διεπαφή γραμμής εντολών (μπορεί να εγκατασταθεί μέσω npm) που παρέχει γενική δομήέργο και ένα σύνολο εργαλείων ανάπτυξης συμπεριλαμβανομένου ενός πρόσθετου συστήματος. Επιπλέον, συνοδεύεται από διακομιστή ανάπτυξης, καθώς και ειδικές σημαίες για το περιβάλλον κατασκευής του έργου, οι οποίες μπορούν να μεταβιβαστούν μέσω της γραμμής εντολών.

Η σύνταξη του Ember δεν είναι τίποτα ασυνήθιστο, βασίζεται στο αντικείμενο και στην κυριολεκτική σημείωση που γνωρίζουμε ήδη στο JavaScript, καθώς και στο Handelbars για πρότυπα.

Εισαγωγή Ember από "ember"? εξαγωγή προεπιλογή Ember.Controller.extend(( firstName: "Trek", lastName: "Glowacki" )); Γειά σου, ((όνομα επίθετο))

Το παραπάνω παράδειγμα είναι ένα απλό παράδειγμα της σύνταξης και δομή αρχείου. Αυτός ο κωδικόςεξάγει και επεκτείνεται για να περιλαμβάνει επίσης πληροφορίες για άλλες βιβλιοθήκες όπως οι Knockout, Polymer και Riot. Επιπλέον, μπορείτε να κάνετε το τεστ μας, που έχει σχεδιαστεί για να σας βοηθήσει να κάνετε την επιλογή σας.