Mastering AngularJS UI Development [Video]

Preview in Mapt

Mastering AngularJS UI Development [Video]

Leon Revill

1 customer reviews
Master the art of creating amazing, reliable, and dynamic user interfaces for your AngularJS applications with the help of a real-world application

Quick links: > What will you learn?> Table of content

Mapt Subscription
FREE
$29.99/m after trial
Video
$80.75
RRP $94.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$80.75
$29.99 p/m after trial
RRP $94.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


Mastering AngularJS UI Development [Video] Book Cover
Mastering AngularJS UI Development [Video]
$ 94.99
$ 80.75
Architect Android apps with MVP, Dagger, Retrofit & RxJava [Video] Book Cover
Architect Android apps with MVP, Dagger, Retrofit & RxJava [Video]
$ 194.99
$ 165.75
Buy 2 for $35.00
Save $254.98
Add to Cart

Video Details

ISBN 139781785289910
Course Length1 hour and 27 minutes

Video Description

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.

Table of Contents

Back to Basics – Learning the Best Practices
The Course Overview
The Project Structure and Scaffolding
Creating Controllers Using AngularJS Best Practices
Implementing Services Using Best Practice Methods
Building a TV Show Tracker App
Providing TV Show Search Functionality
Building a Search Feature UI
Adding the Tracking Functionality
Persisting User Data Using Local Storage
Writing Components with Directives
Directive Basics and Best Practices
Creating a showOverview Component
Creating a next-on Widget
Using AngularUI Bootstrap to Enhance Your App
Adding Suggested Search
Adding Pagination
Adding Ratings
Building Attractive Forms with Validation
Creating a TV Show Diary Feature
AngularJS Form Basics
Adding Custom Validation to AngularJS Forms
Animating a Form Error Message
Troubleshooting and Enhancements
Two-way Data Binding Not Working
Horrible Waterfall Effect on Images with Slow Connections
Dealing with 404s
Wrapping Up

What You Will Learn

  • Build a richly-featured application with dynamic functionalities and a stunning UI 
  • Employ project scaffolding and use naming conventions in an optimal way
  • Gain best practices to perform various tasks such as creating controllers to work with scopes and implement services
  • Configure and implement routing to create content-specific URLs for your application
  • Persist user data with local storage
  • Understand how to write components using directives to build reusable features for your application
  • Make use of various AngularUI Bootstrap features such as pagination, ratings, and auto-suggest to enhance the application
  • Implement attractive web forms with validation to secure your AngularJS projects
  • Solve common AngularJS issues such as two-way binding issues and slow-loading images

Authors

Screenshots

Table of Contents

Back to Basics – Learning the Best Practices
The Course Overview
The Project Structure and Scaffolding
Creating Controllers Using AngularJS Best Practices
Implementing Services Using Best Practice Methods
Building a TV Show Tracker App
Providing TV Show Search Functionality
Building a Search Feature UI
Adding the Tracking Functionality
Persisting User Data Using Local Storage
Writing Components with Directives
Directive Basics and Best Practices
Creating a showOverview Component
Creating a next-on Widget
Using AngularUI Bootstrap to Enhance Your App
Adding Suggested Search
Adding Pagination
Adding Ratings
Building Attractive Forms with Validation
Creating a TV Show Diary Feature
AngularJS Form Basics
Adding Custom Validation to AngularJS Forms
Animating a Form Error Message
Troubleshooting and Enhancements
Two-way Data Binding Not Working
Horrible Waterfall Effect on Images with Slow Connections
Dealing with 404s
Wrapping Up

Video Details

ISBN 139781785289910
Course Length1 hour and 27 minutes
Read More
From 1 reviews

Read More Reviews

Recommended for You

Architect Android apps with MVP, Dagger, Retrofit & RxJava [Video] Book Cover
Architect Android apps with MVP, Dagger, Retrofit & RxJava [Video]
$ 194.99
$ 165.75
Getting Started with Machine Learning for Developers [Video] Book Cover
Getting Started with Machine Learning for Developers [Video]
$ 124.99
$ 106.25
ElasticSearch, LogStash, Kibana ELK #3 - Learn Kibana [Video] Book Cover
ElasticSearch, LogStash, Kibana ELK #3 - Learn Kibana [Video]
$ 194.99
$ 165.75
Beginners' guide to Cloud Computing and OpenStack [Video] Book Cover
Beginners' guide to Cloud Computing and OpenStack [Video]
$ 19.99
$ 17.00
Docker, Apache Mesos & DCOS: Run and manage cloud datacenter [Video] Book Cover
Docker, Apache Mesos & DCOS: Run and manage cloud datacenter [Video]
$ 194.99
$ 165.75
Complete Git and GitHub Masterclass : Beginner to Git Expert [Video] Book Cover
Complete Git and GitHub Masterclass : Beginner to Git Expert [Video]
$ 199.99
$ 170.00