Angular Fundamentals Workshop

You will walk away from this workshop being able to do all of these things by yourself.

• 01. Start writing TypeScript

  Angular requires understanding the essentials of TypeScript. You'll understand that TypeScript is a superset of JavaScript, the primitive types in TypeScript, interfaces, classes and more.

• 02. Build components

  Components are at the heart of modern web development frameworks, and Angular is no exception. You'll know how to create a component, start writing templates for components, and how to bind data between components.

• 03. Style components

  Angular provides several mechanisms for styling your components. You'll be able to quickly write CSS/SCSS to style components, understand how view encapsulation works, and how you can dynamically style elements in your template using classes and styles.

• 04. Know the lifecycle of a component

  You'll know the basic lifecycle of a component. You'll know that setting things up, tearing this down, and reacting to changes in bound values to the component all happen through implement lifecycle hooks in the component.

• 05. Transform data efficiently using Pipes

  Angular ships with a set of powerful pipes that you'll know how to use to transform data and subscribe to Observables in your templates.

• 06. Forms, forms, forms

  Forms are a necessity for applications that require user input. You'll understand how Angular equips you to build forms, store data, and react to user input using both template-drive and reactive forms.

• 07. The power of the CLI

  One of the benefits of Angular is the command-line interface. You'll know how to use the CLI to quickly scaffold out modules, components, directives, pipes, and more.

• 08. Fetch Data

  Fetching data from a remote resource is easy in Angular thanks to the `HttpClient`. You'll know how to fetch data and subscribe to the Observable in your application to render data from a backend resource.

• 09. Route between pages

  Most apps require routing, or going from one page to another. Angular ships with a powerful built-in router. You'll know how to configure routes and use the router for navigating within your Angular application.

• 10. Inject dependencies with ease

  Dependency injection, it sounds kinda scary, but is extremely powerful and easy to get started with. You'll understand the basic mechanics of dependency injection in Angular and how you can provide services to your components with ease.