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.7 (48 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.
1,996 students enrolled
$20
Take This Course
  • Lectures 12
  • Contents Video: 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

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

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

Curriculum

Section 1: Quick Start
08:39

Webcast: Outlook on version 2 from the AngularJS Core Team

16:59

Link to angular.js http://docs.angularjs.org

Link to the boilerplate code http://jsfiddle.net/RunAstartup/4YspT/

Link to LAMP https://en.wikipedia.org/wiki/LAMP_(software_bundle)

Link to node http://nodejs.org

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

Creating methods using the HTML5 localStorage API

Finalizing the LocalStorage Methods for AngularJS
06:38
Section 6: Summary
00:36

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

Leave a review or contact me on my blog http://RunAstartup.com

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 web developer specializing in improving usability, performance, click-through conversions, and optimization. He also likes the psychology behind human computer interaction. His past work includes a/b testing scripts, government clients such as the Department of State, USPS, American Institute for Research, Southern Command. Tom has also participated in startups having developed while traveling globally. He made a tourist scheduler while in Brazil and a social directory for dance.

Ready to start learning?
Take This Course