Angular 17 from Scratch
Angular 17 from Scratch
Build a sales app with Angular.
About the Book
It has an update on version 18 of Angular!
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.
This book has been completely rewritten for version 17. If you bought version 14 of this book, please download it again.
What you'll 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 Box to create responsive and mobile-ready forms
- Learn how to access the API the right way, using Typescript and working with typed objects.
- Learn new Angular directives, @if, @for
- 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 component
- Learn how to use Observable Classes
- Learn how to use Services to manage state
- Using @defer and async content loading
- Source code can be find here.
About the Author
Table of Contents
-
1 Introduction
- 1.1 About PIRACY
- 1.2 Support
- 1.3 Source Code
-
1.4 Installation
- 1.4.1 Visual Studio Code Extensions
- 1.5 The Backend (server)
-
2 Hello Angular
- 2.1 Installation
- 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
- 2.8 What About the Module?
-
3 The Beginning
- 3.1 Lets Clean !
- 3.2 The Material Components
- 3.3 Adding Schematics
- 3.4 Adding a Navigation in your Application
- 3.5 Adding the Home Component to App
- 3.6 Changing the Home
- 3.7 Components
- 3.8 Typescript and Interfaces
- 3.9 Categories Component
- 3.10 Routes
- 3.11 Making a Dashboard
-
4 Categories
- 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 HttpClient
- 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 Adding the Description Field
- 4.19 Creating Responsive Forms: the CSS FlexBox Layout
- 4.20 Validation
- 4.21 Setting Up Error Messages
- 4.22 Submit Form
- 4.23 Reviewing Some Angular Patterns
- 4.24 Controlling the Visibility of the Form
- 4.25 Creating a Back Button On the Form
- 4.26 Event Binding
- 4.27 Passing Form Data Through Events
- 4.28 Type Conversion
- 4.29 Saving the Category
- 4.30 Editing the Category
- 4.31 Fix a Little Bug
- 4.32 Deleting a Category
- 4.33 What We Learned in This Chapter
- 4.34 Differences From Angular 14..15..16
-
5 Refactoring Categories
- 5.1 Adding Loading While Requesting Server
- 5.2 How See the Loading Working
- 5.3 Skip Testes and Css File Creation in the Angular.json Config File
- 5.4 Its Time to Deploy! (optional)
- 5.5 The “Material Module”
-
6 Supplier
- 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 Creating a New Component
- 6.7 Displaying a Message If @for is Empty
- 6.8 Configuring Routes
- 6.9 Showing a Supplier
- 6.10 Edit a Supplier
- 6.11 Supplier Form
- 6.12 Adding the Form in the SuppliersEditComponent
- 6.13 Delete Supplier
- 6.14 New Supplier
- 6.15 Conclusion
-
7 Products
- 7.1 Initial Files
- 7.2 The Products Service
- 7.3 Product Listing
- 7.4 Add Product to Cart
- 7.5 The “AddToCart” Button
- 7.6 Creating the Cart Icon
- 7.7 Add a Checkout Page
-
8 Dynamic File and Component Loading
-
8.1 Deferrable Views
- 8.1.1 Example
- 8.1.2 Extracting the Component
- 8.1.3 Using @defer
- 8.1.4 Using @viewport, @placeholder, and @loading
- 8.2 Strategies to make the application even smaller
-
8.1 Deferrable Views
-
9 Version 18
- 9.1 Updating the Angular Cli
-
9.2 Updating our project to version 18
- 9.2.1 Configuring git
- 9.2.2 Configuring the Update Guide
- 9.2.3 Updating Angular Core
- 9.2.4 Updating Angular Material
- 9.2.5 Other References from the Update Guide
- 9.2.6 Verifying the Project in the New Version
- 9.2.7 Updating the Main Branch
- 9.3 Conclusion
-
10 Update to version 19
- 10.1 Updating the Angular Cli
- 10.2 Updating our project to version 19
-
10.3 Project update
- 10.3.1 Verifying the Project in the New Version
- 10.3.2 Updating the Main Branch
- 10.4 Fixing warnings
- 11 Updates in the Future
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...
Earn $8 on a $10 Purchase, and $16 on a $20 Purchase
We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earnedover $14 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.
Learn more about Leanpub's ebook formats and where to read them
