Angular in Full-Stack Architecture
In this chapter, we will design, architect, create a backlog, and establish the folder structure for your Angular project that will be able communicate with a REST API. This app will be designed to demonstrate the uses of the following:
- Angular CLI tool (ng)
- Angular Reuse of UI through components
- Angular HttpClient
- Angular Router
- Angular Reactive Forms
- Material Autocomplete
- Material Toolbar
- Material Sidenav
Regardless of your backend technology, I recommend that your frontend always resides in its own repository and is served using its own web server that is not depended on your API server.
First things first, you need a vision and a road map to act upon.
Wireframe design
There are some great tools out there to do rough looking mock-ups to demonstrate your idea with surprising amounts of rich functionality. If you have a dedicated UX designer, such tools are great for creating quasi prototypes. However, as a full-stack developer, I find the best tool out there to...
