
Learn how TypeScript, the base language of Angular, is a typed superset of JavaScript that compiles to plain JavaScript, enabling scalable apps with static checking and safer code refactoring.
Explore types in TypeScript, including number, string, boolean, void, undefined, and null, and learn how to use them with variables and operations, contrasting with JavaScript.
Learn how TypeScript uses classes as blueprints for objects in object oriented programming. Discover fields and methods, illustrated with a human example, and how to define a class in code.
Explore TypeScript classes and objects, defining fields such as first name, last name, eye color, hair color, age, and methods like get name and get all data.
Master advanced TypeScript class constructors by enforcing five properties, using optional parameters, and safely handling undefined values with conditional logic in getAllData.
Explore inheritance in TypeScript by extending a base class, using super in constructors, and combining fields from parent and child classes to create objects.
Explore how interfaces extend a class in TypeScript, and how an object can satisfy the extended interface with properties from the class (name and age) when compiled to JavaScript.
Learn how read-only properties in TypeScript restrict updates on classes and interfaces, preventing reassignment of name and age and shaping object creation and module usage.
Install node and npm, then install the Angular CLI globally. Create a new Angular app with ng new, then run ng serve to view at localhost:4200.
Learn how the component.ts file defines a component, its selector and templateUrl, and connects the HTML template to component logic for data binding.
Master style binding in Angular by binding color, background color, and borders to tile elements using square brackets, including boolean-driven ternary logic and inline style strings.
Explore event binding in Angular 9, sending data from the view to the component via the click event, accessing the event object, and logging or processing the event data.
Learn to use the ngFor directive in Angular 9 to iterate arrays and render each object’s properties, such as id, name, and subject, with index-based IDs.
Explore how to implement the ngSwitch directive in Angular 9 by binding a switch source, defining cases and a default, and rendering templates in the view.
Learn how to fetch data from APIs using http requests, explore JSON responses from JSON Placeholder, and handle arrays and objects in Angular applications for real-world data retrieval.
Explore the covid-19 API documentation, access the summary, countries, and day-one endpoints, and learn how to interpret responses, data volume, and webhook notifications.
Explore how Angular Material typography formats text with size, weight, and line height, using mat display, mat heading, mat subheading, and mat body to create clear typographic hierarchy.
Explore how to set up Angular Material icons by importing MatIconModule, using the mat-icon component, and selecting icons such as home and faith, with optional color styling.
Explore Angular Material lists, from simple lists with mat list items and dividers to navigation links and buttons, and learn to implement selection and action lists with options.
Learn to implement a toolbar in Angular Material by importing MatToolbarModule, using mat toolbar and mat toolbar row to create multiple rows, and styling with primary, accent, and warning colors.
Do you want to master Angular 9 and Angular Material to become a highly paid, professional web developer, who can build beautiful websites with material design?
If the answer is yes, then this course is for you!
Hi my name is Rangel and I now serve more than 35.000 students on Udemy and I have partnered up with Shahzaib Kamal who has more than 200,000 happy students, and we have came together to create a masterclass course on angular 9 with material design
Here is what you are going to gain from enrolling in this course with 10 + HOURS OF HD VIDEO CONTENT:
You will learn the ins and outs of TypeScript even if you have never used it before
Types, Functions, Arrays & Tuples in TS
Unions, Interfaces, Classes & Inheritance in TS
Advanced TypeScript Concepts in order to understand Angular 9 better
You are going to learn the basics of Angular 9 from setting up your first app to building a working application using public APIs
Components, Data Bindings, Attributes & more
Class, Style & Event Bindings in Angular 9
You will understand Directives and how to interact with them
You will learn how to use templates & Decorators in Angular
What is Observable & how to process a response
How to style your application
Learn about Typography, Buttons & Badges in Angular Material
Understand the usage of Chip, Icons & Progress Spinners in Angular Material
Get to know Cards, Dividers & Expansion Panels in Angular Material
Introduction to Lists, Steppers & Tabs in Angular Material
Learn how to use Grid Lists & make a Layout in Angular Material
How to use side navigation & side drawer with Angular Material
Learn how to use Tables with Angular Material
+ constant updates with new content
In this class you are going to learn not only how to use Angular but also you are going to deepen your knowledge on TypeScript
You will start with the basics of TypeScript and learn how to use it in order to understand its usage in Angular projects
You are going to go through arrays, tuples, unions, classes and interfaces in typescript and many more important concepts in order to move forward to the Angular section.
After that you are going to go through every part of creating and setting up an Angular 9 project.
You will learn about components, data binding, events, two way data binding, directives and many more concepts that are required in order for you to become a highly paid angular programmer.
We also believe the best way of learning is by doing so along the way you will have projects and a lot of practice.
You are going to learn about HTTP requests and how to interact with APIs in order to build working angular applications
After that you are going to learn how to use angular material in order to build well designed web apps fast and with less effort.
You will learn all of this and so much more by enrolling.
We are going to take you from a complete beginner to advanced angular developer with more than 10h+ of HD Video content
Now, we always want our students to feel comfortable when they make a purchase, that is why we have uploaded multiple free videos for you to view at any time.
It’s time to take action. This offer won’t last forever.
Go ahead and click the Buy now button and I will see you inside.