Front-end at CS

Agenda

• technology stack overview
  • languages
  • frameworks
  • libraries
• front-end architecture
  • components based architecture
  • data management
• testing approaches
  • reducers / services / components
  • libraries for testing
• building process

Technologies

TypeScript

TypeScript

Text

https://www.typescriptlang.org/play/

Key features

https://www.typescriptlang.org/play/

class ClassFoo {
    field: string;

    constructor (public dependecy: DependencyClass) {}

    method (foo: Type): boolean {
        return this.dependecy();
    }
}

Classes and Types

Key features

https://www.typescriptlang.org/play/

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
class ClassFoo {
    field: string;

    constructor (public dependecy: DependencyClass) {}

    method (foo: Type): boolean {
        return this.dependecy();
    }
}

Decorators