Angular Fundamentals

Angular

TypeScript

components, services, routing, signals', debugging

Build and organize larger applications with Angular

Angular is a Single Page App (SPA) framework by Google, used by Google for all of their major websites. Angular natively uses TypeScript as the syntax, which is an extension of JavaScript.

This course will cover,

custom components
class members (fields, properties, methods)
classic and signal based inputs and outputs
services (for REST Api calls)
debugging Angular code
pipes to transform data
route handling to support multiple user pages in a SPA.
reactive forms
UI design frameworks, with a focus on Material Design

What you will learn

1: Tool Setup

vs code and extensions

2: Scaffold a Project

using the command line interface

3: Component structure

class, html view, css style

4: Component Composition

interactions between components (inputs, outputs)

5: Control Flow in Components

if, if-else, switch, loops, template variables

6: Property Binding in Components

data flow between the class and template

7: Debugger and source maps

finding source of problems in code at run-time

8: Routing between views

routing == navigation

9: Services to manage state

share data between components, local persistence

10: Services to load remote data

HttpClient instead of Fetch

11: Pipes to transform data

built in pipes for common transforms

12: Reactive Forms

collect user inputs

13: Forms Validation

ensure correct data

14: UI Frameworks

Material or Bootstrap for a better appearance

Nexul Academy

Courses

Built with Guru Fyre