by @tomastrajan from AngularExperts.io
The exercises are designed to be completed in order. Each exercise builds on the previous one, introducing new concepts and techniques. Each exercise has main focus eg backend communication, forms or routing but will touch on most of the other topics as well because it replicates the real-world development process which is never isolated to just one specific concern.
- Angular CLI (45 - 60 min)
- Architecture (30 - 45 min)
- Component (45 - 60 min)
- Backend
- Routing
- Component Extra
- Form
- Form Validation
- Form State
- State Management
- every exercise folder should be installed using
npm ci
- every exercise can be started using
npm start
to run the app - every exercise can start tests in watch mode using
npm run test:watch
(jest) or you can also start the test directly from your IDE. - every exercise has its own
README.md
file with additional description of the given exercise - every exercise project contains ordered
// TODO
comments inside the source code (eg// TODO 1: description
) which should be followed to complete the given exercise
You can always compare your solution with the exercise-finished
project which contains
working solution for every previous exercise
- run
npm run test:watch
which will start tests in watch mode, so they will re-run any time you make changes to your code - use
describe.only
orit.only
to run just one test suite (or one test)
- the
npm start
starts both frontend and simple backend which servesdb.json
file (as CRUD json API) - performing backend requests will change content of that file
- the content can be "reset" by comping content from
db-backup.json
file intodb.json
file - the content can be "reset" by performing git rollback on the
db.json
file