Level: Introductory to Intermediate

John Papa

Principal Developer Advocate

Microsoft

HTML5 Single Page Apps (SPAs) deliver enhanced user experiences with significant client-side interactions using JavaScript, HTML5 and CSS. Angular does all the heavy lifting for you to pave the road towards building a SPA. This workshop explores the core pieces that help you build end-to-end SPA solutions using Angular, including code structure and the most used Angular style guide, using data binding and MV*, abstracted remote data calls, page navigation and routing, rich data features and how to design and architect your Angular modules.

The workshop also covers Angular 2 to show the pros and cons to consider when migration time comes.

Throughout the workshop, you'll learn how to build robust SPA applications with Angular. You'll see several focused demos and full featured apps that will help you learn and understand the role of key Angular components such as modules, controllers, factories, directives and more.

This workshop covers:

• SPA fundamentals
• Importance of Separation of Concerns (SoC)
• JavaScript patterns for creating organized code
• Key components of Angular
• How directives can be used
• The role of views, controllers, and $scope
• Managing remote data calls using services or factories
• The role of modules and how they can be used
• Routing and page navigation
• Data binding
• Navigating and App LifeCycle
• Debugging Tips
• Build automation
• Testing
• Touch

You will learn:

• About design and architect Angular modules
• How to follow industry style and scaling patterns
• How to create testable code you can run through CI