Skip to content

Instantly share code, notes, and snippets.

@chrisnicola
Created March 20, 2014 20:25
Show Gist options
  • Save chrisnicola/9673040 to your computer and use it in GitHub Desktop.
Save chrisnicola/9673040 to your computer and use it in GitHub Desktop.
AngularJS Tutorial Syllabus

Course Outline

  • 1 Overview of AngularJS (1hr)
    • 1.1 AngularJS architecture overview
    • 1.2 The Angular Batarang
    • 1.3 Using Karma
    • 1.4 Get Setup
    • 1.5 Angular Seed Tour
    • 1.6 Build: Hello World
      • Bind tweet to input
      • Disable button, if tweet is empty
      • Character count binding
  • 2 Data Binding (1hr 30mins)
    • 2.1 Wiring up a controller
    • 2.2 Binding
    • 2.3 Iteration
    • 2.4 Filters
    • 2.5 Forms binding and validation
    • 2.6 Build: A two-way bound form with validation
      • Post: add tweet to list
      • Show error validation message (tweet too long)
      • Search filter by tag/username/text
  • 3 Services and DI (1hr 30mins)
    • 3.1 Overview of the built-in AngularJS services
    • 3.2 Using angular's $http and $resource services
    • 3.3 Promises
    • 3.4 Service registration and injection
    • 3.5 Using services to build a service
    • 3.6 Injecting services
    • 3.7 Build: Create a twitter search service
      • Submit simple search
      • Set result size
      • Create a paging stream (with promises)
      • Pass tests

{{ Lunch Break }}

  • 4 Templates and Routing (1hr)

    • 4.1 Linking and images
    • 4.2 The routing API
    • 4.3 PushState, hasbangs and SEO
    • 4.4 Build: Using templates with iteration
      • Create a template for each tweet in the list
    • 4.5 Build: Using templates and routing for master/details navigation
      • Create a details page for a tweet
  • 5 Directives (2hr)

    • 5.1 Simple directives
    • 5.2 Using templates
    • 5.3 Working with controllers
    • 5.4 Transclusion
    • 5.5 Directive scope and isolate scope
    • 5.6 Build: Tweet Directive
      • Add a timer that updates tweet time continuously
      • Add a marquee news ticker that can accept data from the incomming tweets
      • Bonus: Use D3 to chreat a chart of something
  • 7 Advanced Topics (30 mins)

    • 7.1 How to avoid polluting the global namespace
    • 7.2 Using modules
    • 7.3 Some AngularJS best practices
    • 7.4 Using $watch, $digest, $apply
    • 7.5 AngularJS events
      • 7.5.1 Routing lifecycle events
    • 7.6 Route Resolving
  • 8 Code Dojo: Hacking (30 hr)

    • Spend the last hour playing and hacking with AngularJS
@maninder55
Copy link

i wanna download the PDF of this course so please give me link of this full course.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment