The Complete Guide to Angular 2

117 course lessons | Instructor: Maximilian Schwarzmüller

 
Learn how to create modern web applications with the successor of Angular.js


No-risk money back guarantee

Join this most comprehensive and popular Angular 2 course, because now is the time to get started!

With Angular 2 being in stable beta (i.e. no more drastic changes) and almost released, now is the time to jump in and take the advantage of being amongst the first to fully use the power and capabilities Angular 2 offers! 

Learn all the fundamentals you need to know to get started developing Angular 2 applications right away. This course will be kept up-to-date to ensure you don't miss out on any changes once Angular 2 is finally released!
 

Hear what my students have to say: 

Absolutely fantastic tutorial series. I cannot thank you enough. 

The quality is first class and your presentational skills are second to none. Keep up this excellent work. You really rock! - Paul Whitehouse

Awesome stuff, many thanks! - Carl Wicker

Thank you. Your presentation style is so very well balanced. - Bruce Betts

This Course uses TypeScript

TypeScript is the main language used by the official Angular 2 team and the language you'll mostly see in Angular 2 tutorials. It's a superset to JavaScript and makes writing Angular 2 apps really easy. Using it ensures, that you will have the best possible preparation for creating Angular 2 apps. Check out the free videos for more information.

TypeScript knowledge is, however, not required - basic JavaScript knowledge is enough. 

Why Angular 2?

Angular 2 is the next big deal. Being the successor of the overwhelmingly successful Angular.js framework it’s bound to shape the future of frontend development in a similar way. The powerful features and capabilities of Angular 2 allow you to create complex, customizable, modern, responsive and user friendly web applications. Angular 2 is faster than Angular 1 and offers a much more flexible and modular development approach. After taking this course you’ll be able to fully take advantage of all those features and start developing awesome applications immediately. Due to the drastic differences between Angular 1 and Angular 2 you don’t need to know anything about Angular.js to be able to benefit from this course and build your future projects with Angular 2.

Get a very deep understanding of how to create Angular 2 applications This course will teach you all the fundamentals about modules, directives, components, databinding, routing, HTTP access and much more! We will take a lot of deep dives and each section is backed up with a real project. All examples showcase the features Angular 2 offers and how to apply them correctly. Specifically you will learn:
  • Which architecture Angular 2 uses
  • How to use TypeScript to write Angular 2 applications
  • All about directives and components, including the creation of custom directives/ components
  • How databinding works
  • All about routing and handling navigation
  • What Pipes are and how to use them
  • How to access the Web (e.g. RESTful servers)
  • What dependency injection is and how to use it
  • We will build a major project in this course
  • and much more!

Pay once, benefit a lifetime! 

This is an evolving course! Angular 2 currently is in beta and this course will therefore be expanded and reflect futures currently not fully implemented or documented. You won’t lose out on anything! 

Don’t lose any time, gain an edge and start developing now!

What are the requirements?

  • Basic HTML and CSS knowledge helps, but isn't a must-have                                   
  • Prior JavaScript and TypeScript knowledge also helps but isn't necessary to benefit from this course                           


What am I going to get from this course?

  • Over 117 lectures and 13 hours of content!                                   
  • Develop modern, complex, responsive and scalable web applications with Angular.js 2                                   
  • Fully understand the architecture behind an Angular 2 application and how to use it                                   
  • Use their gained, deep understanding of the Angular 2 fundamentals to quickly establish themselves as frontend developers      
  • Create single-page applications with on of the most modern JavaScript frameworks out there                           

What is the target audience?

  • Newcomer as well as experienced frontend developers interested in learning a modern JavaScript framework                                   
  • This course is for everyone interested in learning a state-of-the-art frontend JavaScript framework                                   
  • Taking this course will enable you to be amongst the first to gain a very solid understanding of Angular 2                           

Course Lessons

  • 1. Course Introduction
    Preview
     
  • 2. What is Angular 2?
    Preview
     
  • 3. The Architecture of an Angular 2 Application
    Preview
     
  • 4. Setting up the Development Environment
  • 5. Overview over the directory structure
  • 6. Imports & Dependencies
  • 7. Using TypeScript
  • 8. Code
  • 9. Components - Intro
  • 10. The Basics about Components
  • 11. Initializing our Root Component
  • 12. Multiple Components
  • 13. Manipulating Templates (1/2)
  • 14. Manipulating Templates (2/2)
  • 15. External Templates & Component Lifecycle
  • 16. First Project - Puzzle App: Overview & Preparation
  • 17. First Project - Puzzle App: Part 1
  • 18. First Project - Puzzle App: Part 2
  • 19. First Project - Puzzle App: Part 3
  • 20. Databinding Overview
  • 21. String Interpolation
  • 22. Property Binding
  • 23. Event Binding
  • 24. Two-Way Databinding
  • 25. Using Property Binding with a custom Component
  • 26. Using Event Binding with a custom Component (Custom Events)
  • 27. Databinding Summary
  • 28. Second Project - Input Confirmation: Overview
  • 29. Second Project - Input Confirmation: The Input Component
  • 30. Second Project - Input Confirmation: The Confirm Component
  • 31. Directives Overview
  • 32. Attribute Directives
  • 33. Custom Attribute Directive: Part 1
  • 34. Custom Attribute Directive: Part 2
  • 35. Structural Directives
  • 36. Structural Directive: ngIf
  • 37. Structural Directive: ngFor
  • 38. Structural Directive: ngSwitch
  • 39. Custom Structural Directive
  • 40. Third Project - Shopping List 1.0: Overview
  • 41. Third Project - Shopping List 1.0: Adding Items to the List
  • 42. Third Project - Shopping List 1.0: Editing & Deleting Items
  • 43. Services Overview
  • 44. Creating a Service
  • 45. Injecting a Service
  • 46. Example: Calculator Service
  • 47. Example: Data Service
  • 48. Fourth Project - Shopping List 2.0
  • 49. Bonus - Dependency Injection in Angular 2 (Theory)
  • 50. Bonus - Dependency Injection in Angular 2 (Practice)
  • 51. The Complexity of Forms
  • 52. Doing it wrong
  • 53. Template-driven approach - Part 1
  • 54. Template-driven approach - Part 2
  • 55. Data-driven approach - Part 1
  • 56. Data-driven approach - Part 2
  • 57. Custom Validators
  • 58. Fifth Project - Shopping List 3.0: Use Forms
  • 59. What are Pipes?
  • 60. How to use Pipes
  • 61. More built-in Pipes
  • 62. Chaining Pipes
  • 63. Custom Pipes
  • 64. Stateful Pipes
  • 65. Sixth Project - Shopping List 4.0: Adding live filtering
  • 66. Creating and configuring Routes
  • 67. Imperative Routing
  • 68. Routing Parameters
  • 69. Child Routes
  • 70. Routing Lifecycle Hooks
  • 71. HTTP Overview & Observables
  • 72. Setting up Firebase
  • 73. HTTP POST Request
  • 74. HTTP GET Request
  • 75. What we will build
  • 76. Folder Structure & Shared Elements
  • 77. Setting up our (mocked up) Data Source
  • 78. Setting up Services
  • 79. Creating the Recipes Root Component
  • 80. Setting up the Shopping List Component & Routing
  • 81. The Edit Ingredients Component for our Shopping List
  • 82. Shopping List CRUD operations
  • 83. Shopping List Component: Final Touches
  • 84. Creating the Recipes List Component
  • 85. Creating the Recipes Detail Component
  • 86. Recipes Section Subrouting
  • 87. Editing Recipes - The Form Template
  • 88. Editing Recipes - The Form Code (Formbuilder)
  • 89. Editing Recipes - Connecting HTML Form & Created Form
  • 90. Form Interactions
  • 91. Error-safe navigation
  • 92. Finishing Touches
  • 93. Course Roundup and Outlook
  • 94. Section Introduction
  • 95. Project Setup
  • 96. Setting up Firebase
  • 97. Creating the Data Service
  • 98. Authenticating with Firebase (using Firebase SDK)
  • 99. Firebase JSON Web Tokens
  • 100. User Logout Management (using Observable Pattern)
  • 101. Using JWT to access protected Data on a Server
  • 102. Protecting Routes - Custom RouterOutlet - Creation & Background
  • 103. Protecting Routes - Custom RouterOutlet - Middleware
  • 104. Wrap up & Summary over Route Protection/ JWT
  • 105. TypeScript Introduction (for Angular 2 Usage)
  • 106. Using Types
  • 107. Classes
  • 108. Interfaces
  • 109. Generics
  • 110. Wrap up & Modules
  • 111. ngUpgrade: Upgrading from Angular 1 to Angular 2
  • 112. Deep dive into TypeScript
  • 113. More on rxjs Observables
  • 114. Deployment
  • 115. Advanced: ng-content
  • 116. Advanced: Component Lifecycle Deep Dive
  • 117. Advanced: View Encapsulation


No-risk money back guarantee

About the instructor

1460652910036 max

Maximilian Schwarzmüller

Professional Web Developer and Instructor

Experience as Developer
Starting out at the age of 13 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. This passion has since lasted and lead to my decision of working as a freelance web developer and consultant. The success and fun I have in this job is immense and really keeps that passion burningly alive. Besides web development languages like HTML, PHP, CSS etc. I also got into mobile app development and were able to launch apps as well. As a self-taught developer I had the chance to broaden my horizon by studying Business Administration where I hold a Master's degree. That enabled me to work in a major strategy consultancy as well as a bank. While learning, that I enjoy development more than these fields, the time in this sector greatly improved my overall experience and skills.

Experience as Instructor
As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving known languages. This background and experience enables me to focus on the most relevant key concepts and topics. Whether working as development instructor or teaching Business Administration I always received great feedback. The most rewarding thing is, though, seeing what people you helped or advised are able to pull off and how you improve as a developer yourself.