SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial
Learn Angular: Build a Todo App
Learn Angular: Build a Todo App
Notice of Rights
Notice of Liability
Trademark Notice
About SitePoint
Who Should Read This Book?
Conventions Used
Initialize Your Todo Application Using Angular CLI
Creating the Todo Class
Creating the TodoDataService Service
Editing the AppComponent Component
Deploying to GitHub Pages
Summary
A Quick Recap
The Original AppComponent
A More Modular Component Architecture — Creating the TodoListHeaderComponent
Creating the TodoListComponent
Creating the TodoListItemComponent
Creating the TodoListFooterComponent
Moving the TodoDataService Provider
Summary
A Quick Recap
Setting up a REST API back end
Storing the API URL
Creating the Service to Communicate with the REST API Back End
The Angular HTTP Service
Implementing the ApiService Methods
Updating TodoDataService
Updating AppComponent
Trying it Out
Running our Tests
Fixing Our Unit Tests
Creating an ApiMockService
Summary
Why Routing?
How Angular Router Works
Enabling Routing
Resolving Data using Angular Router
Summary
Authentication Strategy
Setting Up the Backend
Adding Authentication Logic to our API Service
Creating a Session Service
Creating an Authentication Service
Creating a Sign-in Page
Protecting Our Application’s Private Area From Unauthorized Access
Sending The User’s Token With API Requests
Adding a Sign-out Button to Our TodosComponent
Summary
The Meaning of Angular Versions
The Angular Update Guide
Before Updating
During the Update
After the Update
Switching from HttpModule to HttpClientModule
Using the RxJS Pipe Operator
Summary

Community Questions