- Angular Material 7 Tutorial
- Angular Material 7 - Home
- Angular Material 7 - Overview
- Environment Setup
- Form Controls
- Angular Material 7 - Auto-Complete
- Angular Material 7 - Check Box
- Angular Material 7 - Date Picker
- Angular Material 7 - Form Field
- Angular Material 7 - Input
- Angular Material 7 - Radio Button
- Angular Material 7 - Select
- Angular Material 7 - Slider
- Angular Material 7 - Toggle Slider
- Navigation
- Angular Material 7 - Menu
- Angular Material 7 - Side Nav
- Angular Material 7 - Tool Bar
- Layout
- Angular Material 7 - Card
- Angular Material 7 - Divider
- Angular Material 7 - Expansion Panel
- Angular Material 7 - Grid List
- Angular Material 7 - List
- Angular Material 7 - Stepper
- Angular Material 7 - Tabs
- Angular Material 7 - Tree
- Buttons & Indicators
- Angular Material 7 - Button
- Angular Material 7 - Button Toggle
- Angular Material 7 - Badge
- Angular Material 7 - Chips
- Angular Material 7 - Icons
- Angular Material 7 - Progress Spinner
- Angular Material 7 - Progress Bar
- Angular Material 7 - Ripples
- Popups & Modals
- Angular Material 7 - SnackBar
- Angular Material 7 - Tooltip
- Data table
- Angular Material 7 - Paginator
- Angular Material 7 - Sort Header
- Angular Material 7 - Table
- Angular Material 7 Resources
- Angular Material 7 - Quick Guide
- Angular Material 7 - Resources
- Angular Material 7 - Discussion
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Angular Material 7 Tutorial
Angular Material 7 is a UI component library for Angular developers. Angular Material components help in constructing attractive, consistent, and functional web pages and web applications while adhering to modern web design principles like browser portability, device independence, and graceful degradation. It helps in creating faster, beautiful, and responsive websites. It is inspired by the Google Material Design.
Audience
This tutorial is meant for professionals who aspire to learn the basics of Angular Material and how to use it to create faster, beautiful, and responsive websites. This tutorial explains the fundamental concepts of Angular Material.
Prerequisites
Before proceeding with this tutorial, you should have a basic understanding of TypeScript/JavaScript, text editor, and execution of programs, etc. Because we are going to develop web-based applications using Angular, it will be good if you have an understanding of other web technologies such as HTML, CSS, and AJAX.