AngularJS Single Page App in 1 Hour

Build a single-page application in 1 hour utilizing many parts of AngularJS and HTML5 API's local storage.
3.5 (53 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.
2,009 students enrolled
Sale Ends Today!
25% off
Take This Course
  • Lectures 12
  • Length 2 hours
  • Skill Level Intermediate Level
  • 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


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


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

About This Course

Published 7/2014 English

Course Description

Check out my blog RunAstartup for coupons!!!

BONUS: Now with HTML5 localStorage API, you can save and load your questions/answers locally to your browser!

This is a crash course to get you up to speed quickly on how to use AngularJS and its basics. Therefore it is priced accordingly and is not as comprehensive as the other 6-hour courses for over $99+

By the end of this course you will have completed a customizable working AngularJS application. I cover all the essentials of AngularJS.

I read and studied a lot to prepare this course, but let me warn you, it's fast-paced. Since it's on video, you can pause it and rewind, but if it were to be slow-paced, you wouldn't want to fast-forward possibly skipping some server-saving code.

You will learn all the goodies and "magic" brought to you by the creator Miško Hevery. Seriously, he has permanently changed how web apps are created, let's just call it a "paradigm shift" as a philosopher would call it.

By the end of this course you'll know if AngularJS is for you.

What are the requirements?

  • HTML, CSS, Javascript

What am I going to get from this course?

  • Develop a basic single-page web app
  • Learn how to animate with AngularJS and CSS3
  • Learn directives: model, view, repeat, click, class, more...
  • Learn objects: $scope, $watch, $timeout
  • Learn to create modules, bind them with html, and inject dependencies
  • Learn how the MVC concept works in AngularJS
  • Learn to create a factory service module
  • Learn to use HTML5's localStorage

Who is the target audience?

  • Developers that want to make their first SPA
  • People that want to get a sense of AngularJS's magic

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.


Section 1: Quick Start

Webcast: Outlook on version 2 from the AngularJS Core Team


Link to angular.js

Link to the boilerplate code

Link to LAMP

Link to node

Section 2: Getting the App Working
Creating a Controller for an Interactive List
Creating a Factory Service for Data and Dependency Injection
Section 3: User Interaction
Working with Input Validation and Style Classes
Creating a Counter for the ng-model for the Play Page
Using $watch to Check Input Answers
Section 4: Animating Elements the Angular Way
The ngAnimate Module and Animating with ng-class and CSS3
Section 5: BONUS - Saving using HTML5 Local Storage
Minor Refactoring and Revisions

Creating methods using the HTML5 localStorage API

Finalizing the LocalStorage Methods for AngularJS
Section 6: Summary

Wahoo! You did it! What do you think of AngularJS?

Leave a review or contact me on my blog

Test Your Knowledge
5 questions

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Tom Rutka, Software Engineer + Instructor

Tom Rutka is a front end engineer in silicon valley specializing in improving usability, performance, click-through conversions, and optimization. His code can be fone everywhere from jQuery plugins, to courseware, to early stage startups.

Ready to start learning?
Take This Course