angular2-dash

Angular2 Dashboard - Learning By Example

Structure (todo)

• Components
• NgModule
• Creating a Component
• Templates and Styles
• View Encapsulation
• NgContent
• String Interpolation
• Property Binding
• Event Binding
• Two-way Binding
• Custom Events
• Template Access
• Component Lifecycle
• Directives
• Attribute Directives
• Structural Directives
• Custom Attribute Directive
• Custom Structural Directive
• Element Interaction (HostListener & HostBinding)
• Directive Property Binding
• Services
• Dependency Injection
• Single Instance vs Multiple Instances
• Using a Service in a Service
• Cross-Component Services
• Routing
• Route Configuration
• Child Routing
• Navigation With Links
• Imperative Routing
• Route Parameters
• Query Parameters
• Fragments
• Redirecting Request
• Route Guards (CanActivate & CanDeactivate)
• Forms
• Template-Driven Approach
  • Form Properties
  • Input Validation
  • Submitting Forms
  • Setting a Default Value
  • Form Groups
  • Property Validation
  • Form Reset
• Data-Driven Approach
  • Input Validation
  • Submitting Forms
  • Form Groups
  • Form Arrays
  • Custom Validators
  • Custom Async Validators
  • Form Reset
• Pipes
• Basic (built-in) Pipes
• Pipe Arguments
• Chaining Pipes
• Custom Pipes
• Pure Pipes vs Impure Pipes
• Async Pipes
• Http
• FireBase Setup
• CRUD Examples
  • GET Request
  • POST Request
  • PATCH Request
  • DELETE Request
  • Error Handling
• Animation

Installation

Install dependencies by running:

npm install

Run the app:

ng serve

Visit http://localhost:4200/

Contribution

Accepting pull requests

License

MIT