Packt Publishing – Web Development with AngularJS and Bootstrap

Packt Publishing – Web Development with AngularJS and Bootstrap

Use dynamic AngularJS code and Bootstrap styling to create effective web applications

Use dynamic AngularJS code and Bootstrap styling to create effective web applications About This Video

Leverage the power of AngularJS and Bootstrap to develop a functioning web application

Explore the world of open source AngularJS libraries

Understand how to create your own custom components

In Detail

AngularJS 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.

Get Packt Publishing – Web Development with AngularJS and Bootstrap At tenco.pro

Course Curriculum

Getting Started: Strapping Your Boots

• Course Overview (6:05)
• Using AngularJS with Bootstrap (4:59)
• Getting started; “Hello, World” (6:59)

Asking Users in a Good Way; Getting Inputs

• Introducing the Input (4:02)
• Validating Inputs (8:26)
• Taking a Closer Look at ngModel (3:18)
• Bonus: Angular-Better-Placeholders for Open Source UX (3:50)

You Shall Not Pass! Respecting Requirements

• Conditionally Disabling Buttons (3:57)
• Dealing with Forms (3:02)
• Submitting a Form via Ajax (2:57)
• Submission Feedback (5:13)

Turning a New Leaf; Adding a Second Page

• Routing – What, Why, and How (7:10)
• Routing Events (6:42)
• Sharing Data between Routes (3:10)
• Bonus – Animating the Route Changes (4:15)

I Can See!! Displaying Data

• ngRepeat – What and How (4:36)
• Filters for Display (8:29)
• Advanced Repeating (8:48)

Shiny Trinkets! Adding Visual Spice

• An Introduction to AngularStrap (6:25)
• Using AngularStrap 2 (6:09)

Get Packt Publishing – Web Development with AngularJS and Bootstrap At tenco.pro