Leanpub Header

Skip to main content
Go to Leanpub.comLeanpub

Angular 17 from Scratch

Build a sales app with Angular.

Daniel Schmitz

Learn Angular building a sales application

Minimum price

$19.99

$24.99

You pay

$24.99

Author earns

$19.99
$

...Or Buy With Credits!

You can get credits monthly with a Reader Membership
PDF
EPUB
WEB
169
Readers
166
Pages
21,657Words
About

About

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.

Share this book

Categories

Angular

Feedback

Email the Author

Author

About the Author

Daniel Schmitz

Daniel Schmitz is a software developer and writer. He's originally from Brazil and has published several books in Portuguese/English.

Translations

Translations

Languages

Contents

Table of Contents

1Introduction

  1. 1.1About PIRACY
  2. 1.2Support
  3. 1.3Source Code
  4. 1.4Installation
  5. 1.4.1Visual Studio Code Extensions
  6. 1.5The Backend (server)

2Hello Angular

  1. 2.1Installation
  2. 2.2Create a Workspace and Initial Application
  3. 2.3The Angular Dev Tools
  4. 2.4The Angular Material
  5. 2.5It’s Time to Commit the Project (optional)
  6. 2.6Let’s Add a Remote Repository (optional)
  7. 2.7Lets Open Project at Visual Studio Code
  8. 2.8What About the Module?

3The Beginning

  1. 3.1Lets Clean !
  2. 3.2The Material Components
  3. 3.3Adding Schematics
  4. 3.4Adding a Navigation in your Application
  5. 3.5Adding the Home Component to App
  6. 3.6Changing the Home
  7. 3.7Components
  8. 3.8Typescript and Interfaces
  9. 3.9Categories Component
  10. 3.10Routes
  11. 3.11Making a Dashboard

4Categories

  1. 4.1The Angular Material Card
  2. 4.2Adding a Global Css Style
  3. 4.3More Margin/spacing Styles (optional)
  4. 4.4Getting Data From the Category API
  5. 4.5Configuring HttpClient
  6. 4.6Services
  7. 4.7The Category Service
  8. 4.8First Version of GetAll() Method
  9. 4.9Environment Variables
  10. 4.10Setting the API Return Type
  11. 4.11Final Version of GetAll() Method
  12. 4.12Using the MatTable to Display Categories
  13. 4.13Adding the Description Column
  14. 4.14New Category
  15. 4.15Create a Category Form
  16. 4.16Creating a Category Form
  17. 4.17Creating a Reactive Form
  18. 4.18Adding the Description Field
  19. 4.19Creating Responsive Forms: the CSS FlexBox Layout
  20. 4.20Validation
  21. 4.21Setting Up Error Messages
  22. 4.22Submit Form
  23. 4.23Reviewing Some Angular Patterns
  24. 4.24Controlling the Visibility of the Form
  25. 4.25Creating a Back Button On the Form
  26. 4.26Event Binding
  27. 4.27Passing Form Data Through Events
  28. 4.28Type Conversion
  29. 4.29Saving the Category
  30. 4.30Editing the Category
  31. 4.31Fix a Little Bug
  32. 4.32Deleting a Category
  33. 4.33What We Learned in This Chapter
  34. 4.34Differences From Angular 14..15..16

5Refactoring Categories

  1. 5.1Adding Loading While Requesting Server
  2. 5.2How See the Loading Working
  3. 5.3Skip Testes and Css File Creation in the Angular.json Config File
  4. 5.4Its Time to Deploy! (optional)
  5. 5.5The “Material Module”

6Supplier

  1. 6.1Create the Suppliers Components
  2. 6.2Using Routes and Sub Routes
  3. 6.3Supplier DTO
  4. 6.4Suppliers Service
  5. 6.5Listing Suppliers
  6. 6.6Creating a New Component
  7. 6.7Displaying a Message If @for is Empty
  8. 6.8Configuring Routes
  9. 6.9Showing a Supplier
  10. 6.10Edit a Supplier
  11. 6.11Supplier Form
  12. 6.12Adding the Form in the SuppliersEditComponent
  13. 6.13Delete Supplier
  14. 6.14New Supplier
  15. 6.15Conclusion

7Products

  1. 7.1Initial Files
  2. 7.2The Products Service
  3. 7.3Product Listing
  4. 7.4Add Product to Cart
  5. 7.5The “AddToCart” Button
  6. 7.6Creating the Cart Icon
  7. 7.7Add a Checkout Page

8Dynamic File and Component Loading

  1. 8.1Deferrable Views
  2. 8.1.1Example
  3. 8.1.2Extracting the Component
  4. 8.1.3Using @defer
  5. 8.1.4Using @viewport, @placeholder, and @loading
  6. 8.2Strategies to make the application even smaller

9Version 18

  1. 9.1Updating the Angular Cli
  2. 9.2Updating our project to version 18
  3. 9.2.1Configuring git
  4. 9.2.2Configuring the Update Guide
  5. 9.2.3Updating Angular Core
  6. 9.2.4Updating Angular Material
  7. 9.2.5Other References from the Update Guide
  8. 9.2.6Verifying the Project in the New Version
  9. 9.2.7Updating the Main Branch
  10. 9.3Conclusion

10Update to version 19

  1. 10.1Updating the Angular Cli
  2. 10.2Updating our project to version 19
  3. 10.3Project update
  4. 10.3.1Verifying the Project in the New Version
  5. 10.3.2Updating the Main Branch
  6. 10.4Fixing warnings

11Updates 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 earned over $14 million writing, 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

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub