Web Development with AngularJS and Bootstrap
3.7 (14 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
112 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Development with AngularJS and Bootstrap to your Wishlist.

Add to Wishlist

Web Development with AngularJS and Bootstrap

Use dynamic AngularJS code and Bootstrap styling to create effective web applications
3.7 (14 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
112 students enrolled
Created by Packt Publishing
Last updated 7/2015
Current price: $10 Original price: $75 Discount: 87% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Explore the documentation for AngularJS and Bootstrap
  • Navigate through the basic steps to get going with AngularJS and Bootstrap
  • Use AngularJS and Bootstrap to validate and display feedback on forms
  • Display multiple views without needing to refresh the page
  • Implement AngularJS’ AJAX POST and GET functions to send and receive data
  • Excel at one way and two way bindings to display and store data from the user
  • Display repeating data dynamically
  • Create filters to format data according to your expectations
  • Utilize third-party modules to improve the look and feel of your application
View Curriculum
  • No prior exposure to AngularJS, Bootstrap, or similar libraries is needed. Some CSS knowledge is useful but not essential.

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.

About the Author

Simeon Cheeseman is a JavaScript developer primarily focussed on AngularJS and NodeJS. He started off his career coding Coldfusion HTML pages before teaching himself AngularJS and later NodeJS as they started getting traction. He has been employed building a variety of web-based applications from content management systems, phone bill re-rating programs, customer resource management, and billings systems. He is currently heavily involved in several open source AngularJS projects and when he has the time, he helps out on StackOverflow and Wizperts.

Who is the target audience?
  • If you are a developer with an intermediate knowledge of JavaScript and HTML, this is the course for you.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
20 Lectures
Getting Started: Strapping Your Boots
3 Lectures 18:02

An overview of the course will be presented, and the presenter will be introduced.

Preview 06:04

How Bootstrap and AngularJS improve the classic HTML Input field?

Using AngularJS with Bootstrap

Set up a very basic AngularJS and Bootstrap web page as a basis for the rest of the course.
Getting started; “Hello, World”
Asking Users in a Good Way; Getting Inputs
4 Lectures 19:36
Introduce the input as read by Bootstrap and AngularJS.
Preview 04:02

Use Bootstrap and AngularJS to show the user feedback on the input's validity.
Validating Inputs

What is ngModel and how can it be used?
Taking a Closer Look at ngModel

Integrating open-source libraries into your application.

Bonus: Angular-Better-Placeholders for Open Source UX
You Shall Not Pass! Respecting Requirements
4 Lectures 15:09

Use AngularJS and Bootstrap to prevent a user from clicking a button when the form is invalid.

Preview 03:57

Understanding form and ng-submit and how they relate relate to how the data is sent.
Dealing with Forms

How to submit a form via Ajax over the $http service and how to simulate this for testing?

Submitting a Form via Ajax

Use feedback to display the current state of the form and its submission process.
Submission Feedback
Turning a New Leaf; Adding a Second Page
4 Lectures 21:17

What is routing and why do we need it?

Preview 07:10

How to make a route change and react to it?

Routing Events

Use a service to share data between routes.

Sharing Data between Routes

Use CSS animations to give nice transitions to route changes.

Bonus – Animating the Route Changes
I Can See!! Displaying Data
3 Lectures 21:53
Use ng-repeat to display an array of objects.
Preview 04:36

Use the filters to display the data in a more user friendly way.
Filters for Display

Using buttons and input inside ng-repeat to interact with the data.
Advanced Repeating
Shiny Trinkets! Adding Visual Spice
2 Lectures 12:34
What is AngularStrap and how do we use it?
Preview 06:25

Using AngularStrap to create a better user interface for the user.

Using AngularStrap 2
About the Instructor
Packt Publishing
3.9 Average rating
8,175 Reviews
58,756 Students
686 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.