Learn Angular Routing by building a Cocktails Application

von
Coursera Project Network
In diesem angeleitetes Projekt werden Sie:

Learn how to navigate to components with the Angular router

Configure routes to guard against unauthorized access

Improve load performance by code splitting with lazy loading NgModules

Clock3.5 hours
AdvancedFortgeschritten
CloudKein Download erforderlich
VideoVideo auf geteiltem Bildschirm
Comment DotsEnglisch
LaptopNur Desktop

In this 2-hours long project-based course, you will build an Angular application that uses a real API to fetch and display cocktail recipes. You will master the basics of Angular routing, authorization and lazy loading NgModules. You need some basic understanding of Angular before going into this course. We recommend checking out the Angular 101 Guided project - https://www.coursera.org/learn/angular-101/.

Kompetenzen, die Sie erwerben werden

  • Web Development
  • Routing
  • Typescript
  • JavaScript
  • Angularjs

Schritt für Schritt lernen

In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:

  1. Angular Routing Basics

  2. Route parameters and not found page

  3. Cocktails list page

  4. Cocktail details page

  5. Resolver for cocktail details

  6. Mock Authentication

  7. CanActivate Guard

  8. NgModules, Code splitting and Lazy loading

  9. CanLoad Guard

Ablauf angeleiteter Projekte

Ihr Arbeitsbereich ist ein Cloud-Desktop direkt in Ihrem Browser, kein Download erforderlich

Ihr Dozent leitet Sie in einem Video mit geteiltem Bildschirm Schritt für Schritt an.

Häufig gestellte Fragen

Häufig gestellte Fragen

Haben Sie weitere Fragen? Besuchen Sie das Learner Help Center.