This video course is for those who are already familiar with AngularJS, but are interested in honing their UI development skills with the framework, using AngularUI and other methods.Comprehend the process of creating quality AngularJS UI from scratch to completionUnderstand key concepts related to building AngularJS UI, such as interacting with APIs, writing reusable components, and persisting user dataExplore AngularJS UI Bootstrap and implement its key features into your applications

Table of Contents

BACK TO BASICS - LEARNING THE BEST PRACTICESBUILDING A TV SHOW TRACKER APPWRITING COMPONENTS WITH DIRECTIVESUSING ANGULARUI BOOTSTRAP TO ENHANCE YOUR APPBUILDING ATTRACTIVE FORMS WITH VALIDATIONTROUBLESHOOTING AND ENHANCEMENTS

What You Will Learn

Build a richly-featured application with dynamic functionalities and a stunning UIEmploy project scaffolding and use naming conventions in an optimal wayGain best practices to perform various tasks such as creating controllers to work with scopes and implement servicesConfigure and implement routing to create content-specific URLs for your applicationPersist user data with local storageUnderstand how to write components using directives to build reusable features for your applicationMake use of various AngularUI Bootstrap features such as pagination, ratings, and auto-suggest to enhance the applicationImplement attractive web forms with validation to secure your AngularJS projectsSolve common AngularJS issues such as two-way binding issues and slow-loading images

In Detail

Developing powerful, interactive modern web applications is a complex endeavor. Enter AngularJS, the framework par excellence which has clearly emerged the winning solution, due to its simplicity and extensive range of features, including Two Way Data-Binding and Directives. These features enable a developer to write flexible and testable front-end code, and ultimately to build efficient, photogenic web applications.

Though documentation and online tutorials are available to develop with AngularJS UI, it can be difficult to locate the resources to really take advantage of all the available options for great UI design. Mastering AngularJS UI Development takes you step by step through core AngularJS concepts by demonstrating the build of a TV Show tracking app, before showing you how to enhance and beautify the UI.

Firstly, you will start out with a skeleton application and apply best practices for creating controllers and implementing services. Then, you will learn how to connect the application to an API and add various features to it such as search, tracking, and rating functionalities. You will also learn how to persist data with local storage. Here we move on to beautifying your app by creating various components and reusing them with the help of directives. You'll build attractive forms to validate your users and make your app secure. After that, you will learn different ways to troubleshoot issues with routes, two-way bindings, animations, and isolated scopes.

With best practices engrained throughout, and many advanced concepts explained, after this course you will be able to build better, fantastic-looking AngularJS applications.

Style and approach

This video course follows a strict hands-on approach and with the help of a practical example, will take you through the entire app creation process step by step while explaining things clearly and providing plenty of additional learning resources if you want to explore more possibilities.

Authors

Leon Revill

Leon Revill has over three years of commercial AngularJS development experience and is currently working as a Mobile Architect building complex mobile platform applications using AngularJS and other modern web technologies. As an AngularJS mentor at Thinkful, he tutors students all around the world, taking them from AngularJS novices to ninjas in just a few months.