Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Angular Reactive Forms the complete guide
Rating: 4.9 out of 5(47 ratings)
922 students

Angular Reactive Forms the complete guide

Χρησιμοποίησε Angular Reactive Forms για να αναπτύξεις Forms σε Enterprise Applications
Created byFanis Prodromou
Last updated 7/2020
Greek

What you'll learn

  • Ποιά είναι τα βασικά Building Blocks των Reactive Forms;
  • Τι είναι ο FormBuilder;
  • Πως εμαρμόζεις Validation Rules στην φόρμα σου;
  • Reactive Forms unit tests (Θα προστεθεί σύντομα)

Explore related topics

Course content

1 section • 15 lectures • 54m total length

  • Introduction0:45

    Καλωσήρθες στο μάθημα των Angular Reactive Forms. Εδώ θα δεις:

    1. Σε ποιόν απευθύνεται αυτό το course

    2. Ποιά είναι τα προαπαιτούμενα

    3. Ποιά είναι η ύλη του course

    (Τα unit tests παρόλο που αναφέρονται στο video, ΔΕΝ έχουν προστεθεί ακόμα στο μάθημα. Θα γίνει σύντομα η προσθήκη)

  • The Fundamentals2:15

    Εδώ θα μάθεις τι είναι τα Reactive Forms, ποιά είναι τα βασικά Building Blocks των Reactive Forms (FormContorl, FormGroup, FormArray) και ποιά είναι η αντιστοίχιση αυτών με τα HTML controls

  • Bindings4:30

    Εδώ θα μάθεις πως να δημιουργήσεις μια απλή φόρμα με ένα FormGroup και κάποια FormControls. Επίσης θα δεις πως γίνεται η "σύνδεση" του FormGroup με τα FormControls, πως κάνεις το Binding με το templating, τι είναι το formControlName και πως το χρησιμοποιείς.

  • Binding - Example4:15

    Σε αυτό το παράδειγμα θα δεις πως γίνεται το binding με τα HTML elements.

  • Methods of FormGroup and FormControl1:43

    Τα FormGroup και FormControls είναι classes που έχουν χρήσιμες μεθόδους. Εδώ θα δεις τις βασικές μεθόδους και πως να τις χρησιμοποιείς

  • The FormBuilder0:59

    Το FromBuilder είναι ένας less verbose τρόπος για την ανάπτυξη των Reactive Forms. Εδώ θα δεις πως να τον χρησιμοποιείς και επίσης ποιά είναι η αντιστοιχία με τα FormGroups, FormControls και FormArrays

  • FormArray with FormControl items3:47

    Στα FormArrays μπορείς να έχεις FormControl items. Δες πως μπορεί να τα δηλώσεις και επίσης πως μπορείς να τα χρησιμοποιήσεις στο templating

  • FormArray with FormControl items - Example4:05
  • FormArray with FormGroup items1:37

    Στα FormArrays μπορείς να έχεις FormGroup items. Δες πως μπορεί να τα δηλώσεις και επίσης πως μπορείς να τα χρησιμοποιήσεις στο templating

  • FormArray with FormGroup items - Example2:53
  • FormArray methods1:53

    Αντίστοια με τα FormGroup και FormControls, έτσι και τα FormArrays είναι classes που έχουν χρήσιμες μεθόδους. Εδώ θα δεις τις βασικές μεθόδους και πως να τις χρησιμοποιείς

  • FormArray methods - Example4:59
  • Validations8:29

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

  • Validations - Example12:37
  • Thank you0:09

Requirements

  • Basic knowledge of Angular
  • HTML5
  • CSS

Description

Τα Reactive Forms είναι ένας εξαιρετικός τρόπος ανάπτυξης απλών ή ακόμα και πολύ σύνθετων φορμών.

Σε αυτό το course θα μάθεις τα βασικά των Reactive Forms:

  • Πως εμαρμόζεις Binding με διάφορα HTML elements

  • Τι είναι και πως να χρησιμοποιείς τα FormGroup, FormControls και FormArrays

  • Ποιές είναι οι μέθοδοι των FormGroups, FormControls και FormArrays

  • Τι είναι ο FormBuilder

  • Και επίσης πως να έχεις αλληλεπίδραση με τον χρήστη εμφανίζοντας σχετικά μηνύματα και πως να ορίζεις Validations χρησιμοποιώντας τα Built In Validations της Angular

Who this course is for:

  • Beginner Angular developers who want to learn how to construct reactive forms

Report abuse