Level: Intermediate

John Papa

Principal Developer Advocate

Microsoft

Learn how to build robust SPA applications with Angular.

HTML5 Single Page Apps (SPAs) focus on delivering enhanced user experiences with significant client-side interactions using JavaScript, HTML5 and CSS. AngularJS does all of 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 AngularJS including code structure and modularity, using data binding and MV*, abstracted remote data calls, page navigation and routing, rich data features, and responsive design.

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 AngularJS components such as modules, controllers, factories, directives, and more. We'll wrap up with a dive into rich data management using Breeze.

This workshop covers:

• SPA fundamentals
• Importance of Separation of Concerns (SoC)
• JavaScript patterns for creating organized code
• Key components of AngularJS
• 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
• Handling dirty data
• Data validation
• Data binding
• Using rich data with Breeze.js
• Navigating and App LifeCycle
• Debugging Tips