Angular 4 Crash Course for Busy Developers – Mosh Hamedani
What is Angular?
Angular is one of the most popular frameworks for building client apps with HTML, CSS and TypeScript.
And why does it matter?
Because if you want to stay competitive in the marketplace, you need to have Angular in your resume.
Are you tired of incomplete tutorials?
If you’re frustrated with disconnected and outdated tutorials and find Angular documentation confusing, you’re not alone! I’ve been there! That’s why I’ve created this course for you so you don’t go through the same pain to learn Angular.
In this course, I’m gonna share with you what I’ve learned about Angular the hard way in a step-by-step and pragmatic way. You’ll learn how to:
What you’ll learn
Right from the beginning, you’ll jump in and build your first Angular 4 app within minutes. Say goodbye to boring tutorials and courses with rambling instructors and useless theories!
- Display data and handle events
- Build re-usable components
- Manipulate the DOM using directives
- Format data using pipes
- Build template-driven and reactive forms
- Consume HTTP services
- Use Reactive Extensions and observables
- Implement routing and navigation
- Add authentication and authorization
- Deploy your applications
Course Curriculum
Getting Started (30m)
Preview1- Introduction (0:39)
Preview2- What is Angular (2:00)
Preview3- Architecture of Angular Apps (3:48)
Preview4- Setting Up the Development Environment (2:40)
Preview5- Your First Angular App (2:25)
Preview6- Structure of Angular Projects (6:54)
Preview7- Webpack (3:15)
Preview8- Angular Version History (3:34)
TypeScript and Object-oriented Programming Fundamentals (1h)
Start1- Introduction (0:41)
Start2- What is TypeScript (2:24)
Start3- Your First TypeScript Program (3:00)
Start4- Declaring Variables (4:49)
Start5- Types (5:43)
Start6- Type Assertions (2:47)
Start7- Arrow Functions (1:44)
Start8- Interfaces (3:54)
Start9- Classes (4:31)
Start10- Objects (4:09)
Start11- Constructors (2:52)
Start12- Access Modifiers (2:56)
Start13- Access Modifiers in Constructor Parameters (1:41)
Start14- Properties (5:18)
Start15- Modules (4:31)
Start16- Exercise
Start17- Solution (8:48)
Angular Fundamentals (45m)
Start1- Introduction (0:19)
Start2- Building Blocks of Angular Apps (3:41)
Start3- Creating Components (9:38)
Start4- Creating Components Using Angular CLI (4:41)
Start5- Templates (2:28)
Start6- Directives (3:27)
Start7- Services (4:29)
Start8- Dependency Injection (7:20)
Start9- Generating Services Using Angular CLI (2:11)
Start10- Exercise- Authors (0:32)
Start11- Solution (6:17)
Displaying Data and Handling Events (1h5m)
Start1- Introduction (0:24)
Start2- Property Binding (3:16)
Start3- Attribute Binding (3:35)
Start4- Adding Bootstrap (4:53)
Start5- Class Binding (1:47)
Start6- Style Binding (1:19)
Start7- Event Binding (4:30)
Start8- Event Filtering (1:50)
Start9- Template Variables (1:53)
Start10- Two-way Binding (8:05)
Start11- Pipes (6:38)
Start12- Custom Pipes (6:16)
Start13- Exercise- Favorite Component (1:22)
Start14- Solution- Favorite Component (5:05)
Start15- Exercise- TitleCase (1:17)
Start16- Solution- Title Case (10:25)
Building Re-usable Components (1h)
Start1- Introduction (0:26)
Start2- Component API (4:22)
Start3- Input Properties (4:44)
Start4- Aliasing Input Properties (4:22)
Start5- Output Properties (3:22)
Start6- Passing Event Data (5:51)
Start7- Aliasing Output Properties (2:05)
Start8- Templates (2:41)
Start9- Styles (5:10)
Start10- View Encapsulation (9:11)
Start11- ngContent (4:56)
Start12- ngContainer (2:34)
Start13- Exercise- LikeComponent (1:38)
Start14- Solution- LikeComponent (4:51)
Directives (1h)
Start1- Introduction (0:31)
Start2- ngIf (6:11)
Start3- Hidden Property (3:25)
Start4- ngSwitchCase (6:36)
Start5- ngFor (4:18)
Start6- ngFor and Change Detection (3:28)
Start7- ngFor and TrackBy (5:47)
Start8- The Leading Asterisk (1:47)
Start9- ngClass (1:51)
Start10- ngStyle (2:31)
Start11- Safe Traversal Operator (2:45)
Start12- Creating Custom Directives (9:52)
Start13- Exercise- Zippy (1:06)
Start14- Solution- Zippy (7:56)
Template-driven Forms (1h)
Start1- Introduction (0:26)
Start2- Building a Basic Bootstrap Form (4:05)
Start3- Types of Forms (3:21)
Start4- ngModel (5:30)
Start5- Adding Validation (3:17)
Start6- Specific Validation Errors (4:20)
Start7- Styling Invalid Input Fields (1:26)
Start8- Cleaner Templates (1:52)
Start9- ngForm (5:05)
Start10- ngModelGroup (2:38)
Start11- Control Classes and Directives (1:47)
Start12- Disabling the Submit Button (1:08)
Start13- Working with Check Boxes (2:18)
Start14- Working with Drop-down Lists (6:02)
Start15- Working with Radio Buttons (2:55)
Start16- Exercise- Create Course Form (1:08)
Start17- Solution- Course Form (11:34)
Reactive Forms (1h15m)
Start1- Introduction (1:15)
Start2- Building a Bootstrap Form (0:50)
Start3- Creating Controls Programatically (6:14)
Start4- Adding Validation (7:07)
Start5- Specific Validation Errors (2:33)
Start6- Implementing Custom Validation (7:01)
Start7- Async Operations (5:13)
Start8- Async Validators (8:04)
Start9- Displaying a Loader Image (1:37)
Start10- Validating Upon Submitting the Form (4:58)
Start11- Nested FormGroups (2:40)
Start12- FormArray (8:43)
Start13- FormBuilder (3:59)
Start14- Quick Recap (1:16)
Start15- Exercise- Change Password Form (1:27)
Start16- Solution- Change Password Form (15:17)
Consuming HTTP Services (1h50m)
Start1- Introduction (1:03)
Start2- JSONPlaceHolder (1:52)
Start3- Getting Data (8:17)
Start4- Creating Data (7:59)
Start5- Updating Data (5:05)
Start6- Deleting Data (1:59)
Start7- OnInit Interface (3:54)
Start8- Separation of Concerns (3:41)
Start9- Extracting a Service (7:09)
Start10- Handling Errors (3:21)
Start11- Handling Unexpected Errors (2:27)
Start12- Handling Expected Errors (4:28)
Start13- Throwing Application-specific Errors (8:32)
Start14- Code Review (2:59)
Start15- Importing Observable Operators and Factory Methods (3:08)
Start16- Global Error Handling+ (7:03)
Start17- Extracting a Reusable Error Handling Method (3:35)
Start18- Extracting a Reusable Data Service (7:39)
Start19- The Map Operator (4:27)
Start20- Optimistic vs Pessimistic Updates (6:25)
Start21- Observables vs Promises (6:44)
Start22- Exercise (1:15)
Start23- Solution (5:31)
Routing and Navigation (1h5m)
Start1- Introduction (0:30)
Start2- Routing in a Nutshell (1:04)
Start3- Configuring Routes (6:47)
Start4- RouterOutlet (2:29)
Start5- RouterLink (5:41)
Start6- RouterLinkActive (1:52)
Start7- Accessing Route Parameters (5:23)
Start8- Why Route Parameters Are Observables (8:57)
Start9- Routes with Multiple Parameters (1:48)
Start10- Query Parameters (4:28)
Start11- Subscribing to Multiple Observables (4:45)
Start12- The SwitchMap Operator (7:59)
Start13- Programmatic Navigation (2:16)
Start14- Exercise-Blog Archives (2:01)
Start15- Solution (8:23)
Authentication and Authorization (1h5m)
Start1- Introduction (0:46)
Start2- Application Overview (2:29)
Start3- Architecture (3:02)
Start4- JSON Web Tokens (5:47)
Start5- The Starter Code (8:02)
Start6- Implementing the Login (6:08)
Start7- Implementing the Logout (1:47)
Start8- Showing : Hiding Elements (6:40)
Start9- Showing – Hiding Elements Based on the User’s Role (4:15)
Start10- Getting the Current User (0:49)
Start11- CanActivate Interface (5:35)
Start12- Redirecting the Users After Logging In (4:34)
Start13- Protecting Routes Based on the User’s Role (5:45)
Start14- Accessing Protected API Resources (7:27)
Start15- Quick Recap (1:54)
Deployment (1h15m)
Start1- Introduction (0:36)
Start2- Preparing for Deployment (5:36)
Start3- JIT vs AOT Compilation (5:29)
Start4- Angular Compiler in Action (3:34)
Start5- Building Applications with Angular CLI (6:40)
Start6- Environments (4:27)
Start7- Adding a Custom Environment (3:10)
Start8- Linting with Angular CLI (4:45)
Start9- Linting in VSCode (1:59)
Start10- Other Deployment Options (3:59)
Start11- Deploying to GitHub Pages (7:29)
Start12- Deploying to Firebase (7:03)
Start13- Heroku (1:44)
Start14- Deploying to Heroku (8:04)
Start15- Engines (1:28)
Start16- Exercise (0:20)
PLEASE CHECK ALL CONTENTS:
Delivery Method:
After your purchase, you’ll get access to the downloads page. Here, you can download all the files associated with your order.
Downloads are available once your payment is confirmed, we’ll also send you a download notification email separate from any transaction notification emails you receive from Vinlearn.
