Ending In:
access
lifetime
content
7.0 Hours
Description
Start building Angular 2 apps within minutes of this comprehensive, 7 hour course. You'll learn this exciting new framework with hands-on lessons, and by building actual, real-world applications. Approved by Google Developer Expert, Todd Motto, this is the one-stop shop to master Angular 2.- Access 156 lectures & 7 hours of content 24/7
- Master the core Angular 2 concepts & how to use them in building real-world apps
- Understand & resolve common Angular 2 errors
- Build single page applications (SPA)
- Learn ways to write cleaner, more maintainable code, & build reusable components
- Use Reactive Extensions & Observables to handle asynchrony
- Connect to backend services & APIs
Instructor
Moshfegh Hamedani is a passionate and creative software engineer with a strong focus on pragmatism and simplicity. He started programming at the age of seven on a Commodore 64. Later, during his high school years, he started learning C and C++ . In 2002, along with the first release of .NET, he shifted his focus to C#. Since then he has been involved in the design and implementation of numerous software projects, including modern web applications, mobile apps, desktop applications and frameworks.Aside from his career as a software engineer, he truly enjoys sharing his knowledge with others. Since his early twenties, he has been teaching courses and running workshops on C#, ASP. NET, object-oriented programming and clean coding. He is author of 6 best-selling courses on Udemy and more will be coming soon.
Mosh has a Master of Science in Network Systems and a Bachelor of Science in Software Engineering. He is also a Microsoft Certified Application Developer, Technology Specialist (Web Applications) and Professional.
Outside the software world, Mosh is a photographer, a pianist and a passionate Latin dancer.
Important Details
- Length of time users can access this course: lifetime
- Access options: web streaming, mobile streaming
- Certification of completion not included
- Redemption deadline: redeem your code within 30 days of purchase
- Experience level required: all levels, but familiarity with developing web applications is necessary
Requirements
- Internet required
Terms
- Unredeemed licenses can be returned for store credit within 15 days of purchase. Once your license is redeemed, all sales are final.
Course Outline
- Getting Started with Angular 2
- 1- What is Angular 2 (2:59)
- 2- Architecture of Angular 2 Apps (4:53)
- 3- TypeScript (3:51)
- 4- Setting Up the Development Environment (1:38)
- 5- Your First Angular 2 App (4:36)
- 6- TypeScript Compilation (3:13)
- Angular Dependencies
- angular2-seed
- The Big Picture
- 1- Introduction (0:30)
- 2- Creating Components (4:23)
- 3- Using Components (5:25)
- 4- Templates (4:30)
- 5- Services (2:32)
- 6- Dependency Injection (5:46)
- 7- Angular Basics Cheat Sheet
- 8- Exercise (0:57)
- 9- Code Review (2:22)
- 10- Directives (7:39)
- 11- Summary (0:25)
- Boilerplate
- Completed
- Displaying Data and Handling Events
- 1- Introduction (0:22)
- 2- Property Binding (3:25)
- 3- Class Binding (1:48)
- 4- Style Binding (1:10)
- 5- Event Binding
- 6- Two-way Binding (5:23)
- 7- Bindings Cheat Sheet
- 8- Exercise (1:35)
- 9- Code Review (1:39)
- 10- Summary (0:25)
- Building Re-usable Components
- 1- Introduction (0:21)
- 2- Component API (1:42)
- 3- Input Properties (4:27)
- 4- Output Properties (4:32)
- 5- Templates (2:55)
- 6- Styles (3:31)
- 7- Angular Components Cheat Sheet
- 8- Exercise (1:15)
- 9- Code Review (2:35)
- 10- Exercise 2 (3:25)
- 11- Code Review 2 (4:10)
- 12- Challenge (2:17)
- 13- Summary (0:34)
- Controlling Rendering of HTML
- 1- Introduction (0:19)
- 2- ngIf (4:30)
- 3- ngSwitch (7:04)
- 4- ngFor (2:13)
- 5- Leading Asterisk (2:22)
- 6- ngClass (2:23)
- 7- ngStyle2 (1:58)
- 8- Elvis Operator (3:15)
- 9- ngContent (5:45)
- 10- Angular Templates Cheat Sheet
- 11- Exercise (1:51)
- 12- Code Review (3:32)
- 13- Solution - ZippyComponent
- 14- Summary (0:36)
- Building Forms with Simple Validation
- 1- Introduction (0:34)
- 2- Building a Basic Form (7:00)
- 3- Control and ControlGroup (3:18)
- 4- ngControl (6:13)
- 5- Showing Validation Erros (7:00)
- 6- Showing Specific Validation Errors (6:05)
- 7- ngForm (5:17)
- 8- Disabling the Submit Button (1:27)
- 9- Angular Template-driven Forms Cheat Sheet
- 10- Exercise (1:10)
- 11- Solution - Template-driven Forms
- 12- Summary (0:41)
- Building Forms with Complex Validation
- 1- Introduction (0:20)
- 2- Building a Basic Form (0:47)
- 3- Creating Controls Explicitly (8:43)
- 4- Using FormBuilder (2:29)
- 5- Implementing Custom Validation (6:58)
- 6- Async Validation (8:37)
- 7- Showing a Loader Image (1:48)
- 8- Validating Upon Form Submit (3:09)
- 9- Angular Model-driven Forms Cheat Sheet
- 10- Exercise (2:51)
- 11- Exercise - Model-driven Form
- 12- Solution - Model-driven Forms
- 13- Summary (0:54)
- Introduction to Reactive Extensions
- 1- Introduction (0:33)
- 2- What is Reactive Extensions (1:48)
- 3- Callback Hell (5:51)
- 4- Observables (2:47)
- 5- SeedForObservables
- 6- Creating Observables (2:43)
- 7- Using Observable Operators (4:20)
- 8- Transforming Observables (5:37)
- 9- Canceling Subscriptions (0:52)
- 10- Importing Operators (2:26)
- 11- Exercise (0:53)
- 13- Summary (0:56)
- 12- Adventures in Rx
- Connecting to the Server
- 1- Introduction (0:14)
- 2- A Simple RESTful API (1:32)
- 3- Getting Data (6:30)
- 4- Sending Data (1:48)
- 5- Dependency Injection (5:11)
- 6- Component Lifecycle (2:56)
- 7- Static Type Checkign (5:42)
- 8- Adding a Loader Icon (3:39)
- 9- Using Promises (1:29)
- 10- Accessing Cross Domain (2:38)
- 11- Connecting to the Server Cheat Sheet
- 12- Exercise (0:47)
- 13- Exercise - Http
- 14- Code Review (4:39)
- 15- Solution - Connecting to the Server
- 16- Summary (0:29)
- Building Single Page Apps
- 1- Introduction (0:18)
- 2- Seed Project (0:47)
- 3- Routing - Seed Project
- 4- Enabling Routing (3:09)
- 5- Configuring Routes (5:10)
- 6- Router Outlet (2:21)
- 7- Adding Links (5:46)
- 8- Route params (4:45)
- 9- Imperative Navigation (1:44)
- 10- Implementing Dirty Checking (5:44)
- 11- Structuring Large Apps (1:45)
- 12- Angular Routers Cheat Sheet
- 13- Exercise (1:42)
- 14- Solution - Routers
- 15- Summary (0:47)
- Building a Real-world App (CRUD Operations)
- 1- Introduction (0:40)
- 1- Building an App - Seed Project
- 2- Adding a Navbar (2:07)
- 3- Code Review (2:05)
- 4- Setting Up a Basic SPA (1:13)
- 5- Code Review (1:47)
- 6- Setting Up a Basic SPA - Common Issues
- 7- Highlighting the Current Menu (1:53)
- 8- Displaying the List of Users (1:14)
- 9- Displaying List of Users - Common Issues
- 10- Building a Form (1:54)
- 11- Bootstrap Grid System
- 12- Implementing Validation (1:38)
- 13- Implementing Dirty Tracking (0:41)
- 14- Creating a User (1:34)
- 15- Cleaning a Form Upon Submit
- 16- Code Review (2:14)
- 17- Editing a User (2:48)
- 18- Code Review and Refactoring (4:52)
- 19- Updating a User (1:12)
- 20- Deleting a User (1:14)
- Building a Real-world App (More Challenges)
- 1- Introduction (0:44)
- 2- Displaying the List of Posts (0:54)
- 3- Adding a Loader Icon (0:21)
- 4- Refactoring (1:38)
- 5- Master Detail (1:52)
- 6- Styles for list of posts
- 7- Loading Related Objects (2:25)
- 8- Reusing the Spinner component (0:28)
- 9- Cleaning the Code (0:56)
- 10- Filtering (1:26)
- 11- Implementing Filtering (9:21)
- 12- Pagination (1:36)
- 13- Pagination Component Requirements
- 14- Using External Libraries (4:48)
- 15- Paging with Underscore (2:19)
- 16- Restrucutring the App (3:46)
- 17- Updates after Moving Files
- Appendix: From Beta to Release Candidate
- 1- Introduction (0:31)
- 2- From Beta7 to RC1 (2:38)
- 3- Angular Beta7 to RC1 Cheat Sheet
- 4- Seed Project RC (2:09)
- 5- angular2-seed-rc1
- 6- Upgrading (4:41)
access
lifetime
content
7.0 Hours
