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

Made with Slides.com