Angular Boot Camp

Who benefits from Angular Material Training?

Decision Makers

Create a mutual understanding of Angular component construction within your team.

New Angular Developers

Learn how to use Angular Material for your design system and component library.

Experienced Angular Developers

Learn complex methods for utilizing Angular Material in enterprise applications.

Angular Material Outline

Expand your Angular Material expertise by studying abstractions, components, and best practices. Your team will master the art of producing well-designed and robust user-interfaces.

Introduction and background
- Oasis Digital, student introductions
Angular Material's place in the world
- What is UI/UX?
- Design Systems--a common answer for many UI/UX questions
- Material Design, Google’s design system
  - Material is the metaphor
  - Bold, graphic, intentional
  - Motion provides meaning
  - Flexible foundation
  - Cross-platform
  - Material case studies
- Angular Material, an implementation of Material Design
  - Development speed
  - First class support by the Angular team
  - The people creating the design system are UI/UX experts
  - Reasonably complete
  - Accessibility
  - Performance
  - CDK
  - What kinds of things can you make with Angular Material
  - Demos
  - Angular Material’s dependencies
- Angular Material alternatives
  - Ionic
  - Clarity
  - ng-lightning
  - ng-bootstrap
  - Other implementations of Material Design
Your first Angular Material app
- Create a new CLI app
- Add Angular Material
- See changes made by the schematic
- Built-in themes
- Make sure Angular Material was added
- Add a Material component
- Angular Material schematics
Production Angular Material applications
- Create a new CLI application
- Add Angular Material
- Create a custom theme
- Enable mat-typography
- Use an NgModule to import Angular Material modules in one place
- Use components and directives throughout your application
The most common Material components
- Toolbar
- Icons
- Buttons and Indicators
- Cards
- Menu
- Form Controls
- Table
- Other builtins to be discussed later
Material Page Layout
- Angular Material navigation layout
- Layout systems to use with Angular Material
  - Floats / old Bootstrap style
  - CSS Flexible Box Layout
  - angular/flex-layout - first class sister library for handling layout/responsive design
  - CSS Grid
- Creating a common layout for similar screens
- Laying out a feature versus a screen
- Navigation
  - Side nav
  - Top nav
  - Responsive nav
Typography
- Basic usage
  - Load font
  - Global vs. local CSS classes
- Customization
Custom themes
- The mechanics of Angular Material themes
  - What's in a color palette - the three color system
  - Tips for generating your own palettes
- Applying themes to custom components
- Quick guide to Sass
  - Imports
  - Mixins
  - Variables
- Customizing the builtin components
Build/deployment considerations
- Load from a CDN vs locally?
- Removing dependencies on CDNs
All the other components
Custom schematics
CDK, the layer under Angular Material
- What is CDK
- Common behaviors
  - Drag and drop
  - Accessibility
- Components
  - Stepper
  - Table
  - Tree

Skills you'll learn

Design for customization
Theming in Angular Material
Use Angular Material with interdependent features
Manage screens with numerous interoperating business rules
Build with Angular Material in hands-on, realistic examples

Private Team Training

Upskill developer teams with instructor-led training online or at your location, U.S. or globally. Class content is customized to match your team's environment and needs.

Up to 30 developers can learn together, with multiple instructors for immersive workshop sessions. Accomodate larger teams with multiple classes.

What students are saying

With a second instructor helping the students, things moved along.... Mixing lab work with lectures. There's no substitute for hands-on work.

This class is very good. The content flowed as fast as we could consume it. I can't wait to use this knowledge in my next application!

This was an awesome class- I've been using Angular for almost a year but haven't gone through any training, and this helped fill a whole lot of knowledge gaps. I feel much more confident and am excited to put what I learned to use!

The class was very informative and engaging. The instructor was knowledgeable in answering questions as well as providing use cases and the best practices. The workshops provided an opportunity to learn hands-on while still receiving feedback. I truly enjoyed learning.

This class offered a space to interact and learn more in depth than you could from just reading documentation or watching videos. I liked being able to interact with instructors and ask specific questions. Really helped me understand way more than I have been able to learn on my own.

The instructor was probably the best I have ever experienced.Deeply knowledgeable about all of the subject matter, able to answer every question (including a handful that he was uncertain about). Very well spoken.

The Angular boot camp was extremely helpful. helped me get from no Angular knowledge to a point where I could dive in and begin to understand my organization's code.

Great overview, easy-to-understand examples, very knowledgeable instructor who was able to answer just about everything we asked him. Never felt at any point that it was going too fast or too slow. Learned a ton of useful information without feeling overwhelmed.

With a second instructor helping the students, things moved along.... Mixing lab work with lectures. There's no substitute for hands-on work.

This class is very good. The content flowed as fast as we could consume it. I can't wait to use this knowledge in my next application!

Meet your instructors

Every instructor is also a contributor to our curriculum and proven Angular expert.

Paul Spears

Paul leads our Angular training and curriculum team. His passion for effective class structure and pedagogy allows him to spread state-of-the-art Angular techniques as a speaker and panelist.

John Baur

John leads development projects, focusing on regular delivery and team orchestration. He specializes in sanding rough edges and reducing speed bumps that slow the learning progress.

Zachary Kipping

Zachary is a front-end heavy, full stack developer who loves learning about the shiniest new technologies.

Lance Finney

Lance has been an Angular developer since 2015, and a Java developer for over a decade. He specializes in powerful Angular add-ons including NgRx and ag-grid.

Joshua Demetri

Joshua is a software developer working with web applications in the Angular framework. He also has experience with large enterprise applications.

David Moore

David is a mobile and web developer. He's been programming computers since the 1990s, and enjoys working on puzzles in the front-end enterprise space. He's written for several technical publications.

FAQs

How closely do the classes follow the outlines?

We always cover many key topics. In private group classes we adjust the content to match your group's requests.

Are the online classes the same as the in-person classes?

The contents are the same; we strive to offer the same "magic" in-person and online, helping students one-on-one as needed. Still, there are inherent advantages to attending in person. Learn more from our online-vs-in-person blog post.

Should our team attend a public class, or a private on-site class?

We offer group discounts for 4 or more tickets. If you have 6 or more developers, it may be more economical to bring an instructor to you. In private classes, the instructor can tailor the class topics to your team's needs, and discuss specific use cases in more depth.

Are more advanced classes available?

Yes! Angular Boot Camp covers introductory through intermediate topics, while our other other classes cover more advanced and related tools and topic in the Angular ecosystem.

Do the classes cover server-side API / data services?

Angular Boot Camp covers how to call server-side APIs, while our other classes and consulting services go in depth on full stack development.

Can students receive a Certificate of Completion?

Yes, we can issue a certificate on request; please inquire by email after your class is complete.

Is an AngularJS 1.x class still available?

Demand for 1.x live training is not sufficient for ticketed classes, but we occasionally teach it for private groups.

Do you cover Node.js in Angular Boot Camp?

We discuss Node.js, and assist with installation, as Node.js powers the Angular development tools. If you want to dive deeper, we recommend our Node.js/TypeScript class.

Do the classes cover HTML and CSS?

Students should already be familiar with HTML and CSS, but we cover the basics in the context of the HTML DOM which Angular manipulates. We recommend the extensive free or inexpensive HTML and CSS materials online, but also often assist teams to make best use of HTML and CSS (including SCSS) at scale.

How about code review and project assistance?

Our private Angular Boot Camp classes often include additional days of customized training, with code review, project launch or design assistance.

What should students bring to class?

Students should bring a laptop with Chrome and their preferred editor or IDE. We'll provide more preparation details after sign-up.

Angular Material in Depth

Stop Designing. Start Building.

Training Catalog

Learn as a Team

Immediate Answers

Enterprise Focus

Move Faster

Future Ready

Proven Results