Project 1: Portfolio

Angular Engineer

Builds on these lessons

Component Task

Objective

Angular apps are built from components — a TypeScript class decorated with @Component, paired with a template. The root component is what actually gets mounted onto the page.

You're building the root of a portfolio site.

Task: write a standalone AppComponent with selector app-root whose template renders an <h1> containing Alex Rivera.

component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  standalone: true,
  template: `<h1>Alex Rivera</h1>`
})
export class AppComponent {}

* Hint: Correct characters turn green, incorrect ones turn red.

Compiler Output

🅰️

Compile your component to see the result

← Previous