Skip to content

angular-experts-io/modern-angular-workshop

Repository files navigation

Modern Angular Workshop

by @tomastrajan from AngularExperts.io

Welcome! 🤗

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.

Exercise order

  1. Angular CLI (45 - 60 min)
  2. Architecture (30 - 45 min)
  3. Component (45 - 60 min)
  4. Backend
  5. Routing
  6. Component Extra
  7. Form
  8. Form Validation
  9. Form State
  10. State Management

How to use exercises

  • 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

Reference solution

You can always compare your solution with the exercise-finished project which contains working solution for every previous exercise

How to use test in "watch" mode

  • 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 or it.only to run just one test suite (or one test)

API (backend) requests

  • the npm start starts both frontend and simple backend which serves db.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 into db.json file
  • the content can be "reset" by performing git rollback on the db.json file

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published