Web Development with AngularJS and Bootstrap

Use dynamic AngularJS code and Bootstrap styling to create effective web applications
3.7 (5 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.
79 students enrolled
$75
Take This Course
  • Lectures 20
  • Contents Video: 2 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2015 English

Course Description

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.

What are the requirements?

  • No prior exposure to AngularJS, Bootstrap, or similar libraries is needed. Some CSS knowledge is useful but not essential.

What am I going to get from this course?

  • 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

What is the target audience?

  • If you are a developer with an intermediate knowledge of JavaScript and HTML, this is the course for you.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Getting Started: Strapping Your Boots
06:04

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

04:59

How Bootstrap and AngularJS improve the classic HTML Input field?

06:59
Set up a very basic AngularJS and Bootstrap web page as a basis for the rest of the course.
Section 2: Asking Users in a Good Way; Getting Inputs
04:02
Introduce the input as read by Bootstrap and AngularJS.
08:26
Use Bootstrap and AngularJS to show the user feedback on the input's validity.
03:18
What is ngModel and how can it be used?
03:50

Integrating open-source libraries into your application.

Section 3: You Shall Not Pass! Respecting Requirements
03:57

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

03:02
Understanding form and ng-submit and how they relate relate to how the data is sent.
02:57

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

05:13
Use feedback to display the current state of the form and its submission process.
Section 4: Turning a New Leaf; Adding a Second Page
07:10

What is routing and why do we need it?

06:42

How to make a route change and react to it?

03:10

Use a service to share data between routes.

04:15

Use CSS animations to give nice transitions to route changes.

Section 5: I Can See!! Displaying Data
04:36
Use ng-repeat to display an array of objects.
08:29
Use the filters to display the data in a more user friendly way.
08:48
Using buttons and input inside ng-repeat to interact with the data.
Section 6: Shiny Trinkets! Adding Visual Spice
06:25
What is AngularStrap and how do we use it?
06:09

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course