Angular 14 from Scratch
Angular 14 from Scratch
Build a a sales app with Angular
About the Book
The main purpose of this book is to teach the Angular framework by creating a sales system containing a variety of screens and functionality. Instead of showing only the theory of the framework, which can be easily accessed from its excellent documentation, we already start the development of the system.
The application you will learn is available at this link
Source code can be find here
What you'll learn:
- Learn how to use Angular generators to create applications, components, modules, etc.
- Add Angular Material to the application, and use components like Material Card, Material Table, and others
- Use Flex Layout to create responsive and mobile-ready forms
- use Flex Layout to create responsive tables that turn into cards on small screens.
- Learn how to access the API the right way, using Typescript and working with typed objects.
- Learn Angular directives, ngIf, ngFor, and others
- Learn how to pass data between components with @Input() and @Output
- Learn how to create modules and slice your application in the right way
- Learn distinctive component creation techniques
- Learn how to deploy to github pages
- Learn how to use environment variables
- Learn how to create ready-made Angular Material components
- Learn how to use Observable Classes
- Learn how to use Services to manage state
- Source code available
- 1.1 About PIRACY
- 1.2 Support
- 1.3 Source code
- 1.4 Instalation
- 1.5 The backend (server)
2 Hello Angular
- 2.1 Instalation
- 2.2 Create a workspace and initial application
- 2.3 The Angular Dev Tools
- 2.4 The Angular Material
- 2.5 It’s time to commit the project (optional)
- 2.6 Let’s add a remote repository (optional)
- 2.7 Lets open project at Visual Studio Code
3 The Beginning
- 3.1 Lets Clean !
- 3.2 Adding Schematics
- 3.3 Adding a navigation in your Application
- 3.4 Adding the home component to app
- 3.5 Changing the Home
- 3.6 Components
- 3.7 Typescript and Interfaces
- 3.8 Categories Component
- 3.9 Routes
- 3.10 Making a Dashboard
- 4.1 The Angular Material Card
- 4.2 Adding a Global Css Style
- 4.3 More margin/spacing Styles (optional)
- 4.4 Getting Data From the Category API
- 4.5 Configuring HttpClientModule
- 4.6 Services
- 4.7 The Category Service
- 4.8 First Version of getAll() Method
- 4.9 Environment Variables
- 4.10 Setting the API Return Type
- 4.11 Final Version of getAll() Method
- 4.12 Using the MatTable to Display Categories
- 4.13 Adding the description column
- 4.14 New Category
- 4.15 Create a category form
- 4.16 Creating a category Form
- 4.17 Creating a Reactive form
- 4.18 Importing Form Modules and fixing errors
- 4.19 Adding the description field
- 4.20 Creating Responsive Forms: The Angular Flex Layout
- 4.21 Adding fxLayout in the Category Form
- 4.22 Validation
- 4.23 Setting up error messages
- 4.24 Submit Form
- 4.25 Reviewing some Angular patterns
- 4.26 Controlling the visibility of the form
- 4.27 Creating a back button on the form
- 4.28 Event binding
- 4.29 Passing Form Data Through Events
- 4.30 Saving the category
- 4.31 Editing to category
- 4.32 Fix a little bug
- 4.33 Deleting a category
- 4.34 Conclusion of this chapter
5 Refactoring Categories
- 5.1 Form Builder
- 5.2 Adding Loading While Requesting Server
- 5.3 How see the Loading working
- 5.4 Adding Loding Spinner to an Material Button
- 5.5 Using Async - Await
- 5.6 Create a List Instead of the Table on Small Screens
- 5.7 Let’s know the Angular Files extension
- 5.8 Skip testes and css file creation in the angular.json config file
- 5.9 Another way to load asynchronous data with laoding
- 5.10 Its time to deploy! (optional)
- 6.1 Create the Suppliers Components
- 6.2 Using routes and sub routes
- 6.3 Supplier DTO
- 6.4 Suppliers Service
- 6.5 Listing Suppliers
- 6.6 Configuring routes
- 6.7 Showing a Supplier
- 6.8 Edit a Supplier
- 6.9 Supplier Form
- 6.10 Adding the form in the SuppliersEditComponent
- 6.11 Delete Supplier
- 6.12 New Supplier
- 6.13 Conclusion
- 7.1 Initial Files
- 7.2 The Products Service
- 7.3 Product Listing
- 7.4 Add Product To Cart
- 7.5 Programming the “AddToCart” button
- 7.6 Creating the cart icon
- 7.7 Adjusting the Icon Position
- 7.8 Add a Checkout Page
8 Update to Angular 14
- 8.1 Update your angular cli
- 8.2 How to update?
- 8.3 Let’s update!
The Leanpub 60 Day 100% Happiness Guarantee
Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.
You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!
So, there's no reason not to click the Add to Cart button, is there?
See full terms...
80% Royalties. Earn $16 on a $20 book.
We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earnedover $12 millionwriting, publishing and selling on Leanpub.
Learn more about writing on Leanpub
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.