Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Oct 19 2018 14:59

    fmalcher on master

    Book Details: switchMap nutzen NgRx: Actions, Reducer, Selector NgRx: Effects (compare)

  • Oct 19 2018 12:13

    fmalcher on master

    Update auf Angular 7 Spaß mit Observables BookStoreService: mapping und E… and 2 more (compare)

  • Oct 18 2018 15:18

    fmalcher on master

    Ressourcen (compare)

  • Oct 18 2018 14:57

    fmalcher on master

    Routing Lazy Loading (compare)

  • Oct 18 2018 12:47

    fmalcher on master

    BookStoreService mit statischer… HTTP: getAll() HTTP: create, update (compare)

  • Oct 18 2018 09:46

    fmalcher on master

    Margin für Rating-Box (nur Kosm… Exkurs Template-Driven Forms Reactive Forms: Buchformular mi… and 1 more (compare)

  • Oct 17 2018 15:05

    fmalcher on master

    Projektordner RxJS und NgRx hin… (compare)

  • Oct 17 2018 14:59

    fmalcher on master

    Tests für BookComponent (2) Shallow Component Test Pipes verwenden (compare)

  • Oct 17 2018 13:48

    fmalcher on master

    Event Bindings, Sortieren Sprache einstellen Tests für BookComponent (1): Mo… (compare)

  • Oct 17 2018 10:02

    fmalcher on master

    RatingService, Unit-Tests, Serv… (compare)

  • Oct 16 2018 14:49

    fmalcher on master

    Template BookComponent, Übungen BooksModule SharedModule (compare)

  • Oct 16 2018 13:01

    fmalcher on master

    Hallo Angular: Styles einbinden… Dashboard mit string[] Problem objectObject and 1 more (compare)

  • Oct 16 2018 09:48

    fmalcher on master

    TypeScript Webpack Union Types, TS Shorthand (compare)

  • Oct 15 2018 12:00

    fmalcher on master

    ng new book-rating --routing --… (compare)

  • Oct 09 2018 11:16

    JohannesHoppe on master

    Add Gitter badge Merge pull request #1 from gitt… (compare)

  • Oct 09 2018 11:16
    JohannesHoppe closed #1
  • Oct 09 2018 11:15
    gitter-badger opened #1
Ferdinand Malcher
@fmalcher
Herzlich Willkommen zu unserem Angular-Workshop! 🅰️ Hier können wir Codeschnipsel, Links und andere Sachen teilen.
Ferdinand Malcher
@fmalcher
webpack.config.js
module.exports = {
    entry: './main.ts',
    output: { filename: 'bundle.js' },
    resolve: {
        extensions: ['.ts']
    },
    module: {
        rules: [
            { test: /\.ts$/, loader: 'ts-loader' }
        ]
    },
    mode: 'development'
}
555-JKL
@555-JKL
Ferdinand Malcher
@fmalcher
@import '~@angular-schule/workshop-styles/index';
Ferdinand Malcher
@fmalcher
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { DashboardComponent } from './dashboard/dashboard.component';
import { BookComponent } from './book/book.component';

@NgModule({
  declarations: [
    AppComponent,
    DashboardComponent,
    BookComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
Ferdinand Malcher
@fmalcher
<!-- book.component.html -->
<div class="card mb-4">
  <div class="card-body bg-light">
      <img class="img-thumbnail float-right"
        src="//api.angular.schule/avatar/{{ book.rating }}">
    <div class="card-title">
      <h2>
        {{ book.title }}
        <span class="badge badge-secondary">{{ book.rating }}</span>
      </h2>
    </div>
    <p>{{ book.description }}</p>
  </div>
</div>
555-JKL
@555-JKL

// Angular Resources
https://angular.io/resources

// E2E-Test
Protractor https://www.protractortest.org/
Cypress.IO https://www.cypress.io/

// Unit-Test
Jest (Facebook) https://jestjs.io/
Karma (Google) https://karma-runner.github.io/2.0/index.html

// Behavior-driven development framework
Jasmine https://jasmine.github.io/

555-JKL
@555-JKL
// Does it mutate?
https://doesitmutate.xyz/
Ferdinand Malcher
@fmalcher
Ihr findet alle Links zu Seiten, die ich nebenbei nenne und zeige im Repo unter:
https://github.com/angular-schule/2018-10-angular-workshop-jena/blob/master/ressourcen.txt
Ferdinand Malcher
@fmalcher
search(term: string): Observable<Book[]> {
    return this.http.get<any[]>(`${this.apiUrl}/books/search/${term}`).pipe(
      map(rawBooks => rawBooks ? rawBooks : []),
      map(rawBooks => rawBooks.map(
        rawBook => this.mapToBook(rawBook))
      )
    );
}