LearnNowOnline

Learn your way! Get started

Learning Angular, Part 5 of 7: Forms

with expert Bharath Thipireddy

Watch trailer

Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack
Release date 9/15/2019
Level Intermediate
Runtime 1h 23m
Closed captioning N/A
Transcript N/A
eBooks / courseware N/A
Hands-on labs N/A
Sample code Included
Exams Included
Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

This course on Angular 6 touches on how to use forms as well as hook the form up to a model. You'll ad an address sub group, perform default values and validations as well as handle errors. Then it will cover template driven forms as well as custom directives.

Prerequisites

Experience with JavaScript, TypeScript and also of Java Sprint Boot for work on the Java backend.

Meet the expert

Bharath Thippireddy is an entrepreneur, software architect, public speaker, and trainer. Bharath is a Sun Certified Developer, Web Component Developer, Business Component Developer, and a Web Services Developer. While working for companies like Oracle, HP, TCS, Siemens, and NCR; Bharath has architected applications using Java, JEE, JavaScript, and SOA technologies. He loves learning new things both in technology and personal development and shares them on YouTube and his web site - Sharing is learning!. He has mentored students in classroom trainings, as well as in the corporate world, both in India as well as in USA. He has spoken on technical topics at several agile conferences. While in India he also voluntarily teaches interview and soft skills at Vivekananda Kendra.

Course outline

Forms

Reactive Forms (15:27)
  • Introduction (00:08)
  • Forms (02:44)
  • Create the project (02:06)
  • Add bootstrap css (01:15)
  • Create the model (04:24)
  • Create the form view (04:41)
  • Summary (00:08)
Add SubGroup (20:28)
  • Introduction (00:08)
  • Add a Address sub group (03:21)
  • Add submit button (01:18)
  • Handle onSubmit (00:46)
  • Test and Summary (04:09)
  • Default Values and Validations (04:16)
  • Handling Validation Errors (03:59)
  • Get countries dynamically (02:21)
  • Summary (00:08)
Template Driven Forms (19:33)
  • Introduction (00:08)
  • Template Driven Forms (01:24)
  • Create the project (01:35)
  • Create the template and form (04:40)
  • Add sub FormGroup fields (02:36)
  • Handle Submit (01:36)
  • Test (02:29)
  • Two-Way Binding (04:54)
  • Summary (00:08)
Custom Directives (24:15)
  • Introduction (00:08)
  • Create a custom structural directive (04:15)
  • Implement the conditional logic (03:15)
  • Use _myIf (02:46)
  • Create loop directive (04:41)
  • Create a Attribute Directive (04:15)
  • Pass Inputs (02:17)
  • Handle Events (02:27)
  • Summary (00:08)
Project Use Case (04:07)
  • Introduction (00:08)
  • Introduction (01:01)
  • Flight Reservation Use Case (01:41)
  • Flight Check-In Usecase (01:09)
  • Summary (00:08)