Angular Material Fundamentals
$55.93
Bought separately
$15.00
Bundle Price

Angular Material Fundamentals

About the Bundle

  • Share this bundle
  • Categories

    • Angular
    • Web Development
    • Computers and Programming

About the Books

Angular Material Fundamentals - Setup

    • PDF

    This short book (or Shook as I'm calling them) is a guide on how to set up Angular on your PC.

    This guide explains covers installing Node Version Manager (nvm) on both Linux and Windows, Installing Node (in nvm) and installing Angular, creating a new Angular project and adding Angular Material to this project.

    Everything you need to get started writing awesome Angular applications.

    Angular Material Fundamentals - Common Controls

      • PDF

      This short book (Shook) is about setting up Angular Material Common Components in an Angular application. In this Shook, we will cover five different components.

      • Inputs - text, number, email etc...
      • Mat-Checkboxes - learn about the three states and how to set them
      • Mat-Radio Buttons - learn about the states, grouping and change events
      • Mat-Slide-Toggle - learn about how to set up a slide toggle
      • Buttons - learn about the directives, properties and methods

      In this Shook, we'll cover adding these components to an Angular project and walk through the five components listed above with code examples and explanations.

      You will also be able to download the code from a GitHub repository.

      Angular Material Fundamentals - Autocomplete

        • PDF

        This short book (Shook) is about setting up an Angular Material Autocomplete component in an Angular application. In this Shook, we will cover five different scenarios.

        1. Simple autocomplete - covering the basics.
        2. Custom filter - applying a custom filter.
        3. Highlight the first option - highlight the first option in an autocomplete list.
        4. Attaching to a different panel - attach the autocomplete panel to a different component.
        5. Option groups - set up option groups in the autocomplete panel.

        In this Shook, we'll cover adding an Autocomplete to an Angular project and walk through the five scenarios listed above, with code examples and explanations.

        You will also be able to download the code from a GitHub repository.

        Angular Material Fundamentals - Mat-Form-Field

        • 100%

          Complete

        • PDF

        When building forms in your Angular application it's a good idea to have a consistent look and feel for those forms, the Angular Material library provides us with the Mat-Form-Field component to do just that. In this Shook, I will walk you through those various options with code examples along the way.

        We will learn how to set up the various options of the mat-form-field component and what these look like, we'll cover the following sections.

        • Setting up a simple Mat-Form-Field component
        • Changing the appearance and the four options available
        • Setting up floating labels
        • Hint messages
        • Error messages
        • Setting these options globally

        You will also be able to download the code from a GitHub repository.

        Angular Material Fundamentals - Mat-Icon

          • PDF

          When using Angular Material and SVG images, most of the time you will probably just use the web fonts from the Angular Material Icon library. But there are times when we need to use local SVG icons, this Shook looks at the following:

          • How to set up the Mat-Icon.
          • How to register Icons.
          • How to change the colour of an Icon.
          • How to set up a service to register Icons, to reduce code duplication.

          This Shook also includes copies of the Angular Setup Guide (one using ngModules and one for the NEW Standalone component feature), which explains how to set up Angular CLI, Node, Node Version Manager (nvm) and how to add Angular Material to an Angular project.

          ★★★★★

          What the readers think: J.Warner

          Duncan is one of the more knowledgeable people I know when it comes to Angular Material. In this ebook, he explores how to use the tools provided by Angular Material to add your own SVG icons. He covers some important topics like how to avoid XSS attacks when using your own SVG icons, how to cut down on repetitive code when adding SVG icons and how to control colours when certain events happen. I appreciate his writing style and the step-by-step guide with code to help add my own SVG icons to Angular Material.

          Angular Material Fundamentals - Setup Standalone

            • PDF

            This short book (or Shook as I'm calling them) is a guide on how to set up Angular on your PC. This guide explains in a step-by-step way from installing Node Version Manager (nvm), Installing Node and Angular and Angular Material.

            Everything you need to get started writing awesome Angular applications.

            This Shook covers the nvm, Node, Angular and Angular Material setup but uses Angular 14's new standalone features. 

            Angular Material Fundamentals - Mat-Table

              • PDF

              This short book (or Shook as I'm calling them) is about setting up an Angular Material Table with a Drag and Drop feature.

              We will cover the following topics in this Shook.

              • Adding an Angular Material table to a project.
              • Add Drag and Drop support using the Angular CDK library
              • We will add SCSS to style the Drag and Drop preview to make it stand out when users are dragging an item.
              • Bonus Content - we will also look at creating a simplified version that doesn't use a table but gives us a similar user experience.

              This Shook also includes copies of the Angular Setup Guide (one using ngModules and one for the NEW Standalone component feature), which explains how to set up Angular CLI, Node, Node Version Manager (nvm) and how to add Angular Material to an Angular project.

              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 $13 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

              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