by Simeon Cheeseman | Publisher: Packt Publishing | Release Date: March 2015 | ISBN: 9781784391508

Use dynamic AngularJS code and Bootstrap styling to create effective web applications About This VideoLeverage the power of AngularJS and Bootstrap to develop a functioning web applicationExplore the world of open source AngularJS librariesUnderstand how to create your own custom componentsIn DetailAngularJS is an open source JavaScript library built by Google that allows you to extend and dynamically change HTML. Bootstrap is an open source set of styling rules and components built by Twitter to make building web pages quick and easy. With AngularJS and Bootstrap joining forces, we get tools to quickly and easily create interactive and dynamic websites that look and behave similar to popular websites.This video course will take you through a journey of building your first web application with AngularJS and Bootstrap. Each video will build on the functionality already learned in the previous video, always leaving you with a new feature of the running application.Starting with no knowledge of AngularJS or Bootstrap, you will build up your knowledge through practical examples covered throughout the course. You will cover topics including external libraries to improve the ease of use, dynamic data bindings, dynamic styling, multi-view pages, form feedback, and AJAX form submission.By the end of the video course, you will be able to successfully build a fully functioning web application.

1. Chapter 1 : Getting Started: Strapping Your Boots
   • Course Overview 00:06:05
   • Using AngularJS with Bootstrap 00:04:59
   • Getting started; “Hello, World” 00:06:59
2. Chapter 2 : Asking Users in a Good Way; Getting Inputs
   • Introducing the Input 00:04:02
   • Validating Inputs 00:08:27
   • Taking a Closer Look at ngModel 00:03:19
   • Bonus: Angular-Better-Placeholders for Open Source UX 00:03:50
3. Chapter 3 : You Shall Not Pass! Respecting Requirements
   • Conditionally Disabling Buttons 00:03:57
   • Dealing with Forms 00:03:03
   • Submitting a Form via Ajax 00:02:57
   • Submission Feedback 00:05:13
4. Chpater 4 : Turning a New Leaf; Adding a Second Page
   • Routing – What, Why, and How 00:07:11
   • Routing Events 00:06:43
   • Sharing Data between Routes 00:03:10
   • Bonus – Animating the Route Changes 00:04:15
5. Chapter 5 : Can See!! Displaying Data
   • ngRepeat – What and How 00:04:37
   • Filters for Display 00:08:30
   • Advanced Repeating 00:08:48
6. Chapter 6 : Shiny Trinkets! Adding Visual Spice
   • An Introduction to AngularStrap 00:06:26
   • Using AngularStrap 2 00:06:10