AngularJS Fundamentals and Practice Premium class

Sid Azad, Founder at VisionHatch Technologies

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
65 Videos (4h 57m)
    • Trailer

    • Introduction to the class

      3:21
    • Review of Web Architecture, Web-dev History and Single Page Apps

      3:01
    • Review of Web Architecture, Web-dev History and Single Page Apps contd.

      3:01
    • Hello, AngularJS

      3:46
    • Hello, AngularJS

      5:29
    • Introducing Models, Views, Scopes and Controllers

      5:14
    • Introducing Models, Views, Scopes and Controllers

      4:50
    • Introducing Models, Views, Scopes and Controllers

      2:07
    • Scope Hierarchies,Multiple Controllers,Controller communication: Cost Calculator

      4:47
    • Scope Hierarchies,Multiple Controllers,Controller communication: Cost Calculator

      4:17
    • Scope Hierarchies,Multiple Controllers,Controller communication: Cost Calculator

      6:02
    • How does AngularJS play with the Browser: Bootstrapping, $digest, $compile, DI

      4:14
    • How does AngularJS play with the Browser: Bootstrapping, $digest, $compile, DI

      6:04
    • How does AngularJS play with the Browser: Bootstrapping, $digest, $compile, DI

      4:45
    • Introduction to Directives: Reusability, Code a directive, Passing data

      6:35
    • Introduction to Directives: Reusability, Code a directive, Passing data

      5:26
    • Introduction to Directives: Reusability, Code a directive, Passing data

      7:34
    • Understanding Scopes - I

      2:35
    • Understanding Scopes - II

      3:35
    • Child Scopes, scopes automatically created by directives (e.g. ng-repeat)

      6:56
    • Isolated scopes, Transclusion, binding in different scopes

      4:03
    • Isolated scopes, Transclusion, binding in different scopes

      6:53
    • compile, link, template properties

      3:51
    • Nested directives, @scope: Programming nested radio button directive

      5:56
    • Nested directives, @scope: Programming nested radio button directive

      5:01
    • Nested directives, @scope: Programming nested radio button directive

      5:46
    • Project Description and Directory Structure

      5:03
    • Project Description and Directory Structure

      3:06
    • Project Setup, Third party libraries, directory structure, ng-app

      4:40
    • Project Setup, Third party libraries, directory structure, ng-app

      3:56
    • Project Setup, Third party libraries, directory structure, ng-app

      3:55
    • Setup for an SPA: Routes with ng-route and ng-view

      5:45
    • Setup for an SPA: Routes with ng-route and ng-view

      4:20
    • Setup for an SPA: Routes with ng-route and ng-view

      4:46
    • Bootstrap CSS and Introduction to AngularJS Services

      4:53
    • Bootstrap CSS and Introduction to AngularJS Services

      3:55
    • Writing an authentication service, Using LocalStorage with AngularJS

      8:03
    • Using templates with ng-include: Logging out

      4:08
    • Using templates with ng-include: Logging out

      5:49
    • Controller-Directive Communication: Projects Pane Directive

      5:58
    • Controller-Directive Communication: Projects Pane Directive

      6:01
    • Separation of Responsibilities in AngularJS, '&' scope

      5:04
    • Separation of Responsibilities in AngularJS, '&' scope

      4:01
    • Separation of Responsibilities in AngularJS, '&' scope

      4:30
    • Create the project pane directive to add new projects

      4:39
    • Projects Pane Directive: Adding new projects

      5:08
    • Projects Pane Directive: Adding new projects

      1:38
    • Projects Pane Directive: Adding new projects

      3:51
    • Communicating between directives, ng-click, ng-if: Project Details Directive

      5:35
    • Communicating between directives, ng-click, ng-if: Project Details Directive

      4:52
    • $http: Writing the Weather Service, promises

      4:33
    • $http: Writing the Weather Service, promises

      5:26
    • CSS using ng-class and Searching with AngularJS ‘filter’

      2:40
    • CSS using ng-class and Searching with AngularJS ‘filter’

      4:19
    • CSS using ng-class and Searching with AngularJS ‘filter’

      3:29
    • CSS using ng-class and Searching with AngularJS ‘filter’

      4:06
    • Angular UI Bootstrap Library

      4:30
    • CSS using ng-class and Searching with AngularJS ‘filter’

      2:30
    • Unit Testing using Karma, Jasmine, angular-mock.js

      5:02
    • Unit Testing using Karma, Jasmine, angular-mock.js

      4:53
    • Write unit tests with Karma and Jasmine

      4:36
    • Unit Testing using Karma, Jasmine, angular-mock.js

      1:56
    • Conclusion and Review

      5:30
    • Conclusion and Review - 3rd Party tools and plugins

      4:53

About This Class

AngularJS is a JavaScript framework developed by Google. This is a project based course with 2 parts spanning 29 videos and over 300 minutes of content. A comprehensive table of contents is available on angularjstutor.com as well as the slides are downloadable fromangularjstutor.com/toc
The codebase is located at github.com/sidazad/AngularJS

The first part of the course deals with getting a strong understanding of AngularJS fundamentals and concepts using many examples made via plunkr.io.

The second part of this course brings all these concepts together and builds a web application (SPA or Single Page Application) using AngularJS. Some of the relevant features of this course are:

- An approach of understanding AngularJS concepts
- Follow-up with many live coding examples
- A project that covers various components and aspects of AngularJS
- A video dedicated to unit testing using Karma and Jasmine libraries
- Examples using third part libraries including
- Angular UI Bootstrap
- Bootstrap CSS
- Angular Local Storage library
- Karma
- Jasmine

Even though this is an introductory level course that requires some prior knowledge of JavaScript, it is extensive enough for you to get started with professional AngularJS development.

For more details visit angularjstutor.com

2 of 4 students recommendSee All

Very useful bite sized videos that provide a walkthrough of the angularjs features that will most often be used.

368

Students

--

Projects

Sid Azad

Founder at VisionHatch Technologies

I am passionate about technology and enjoy programming in many different platforms and languages. Currently I lead a web development team on a Django and AngularJS stack. I have been developing software, managing software teams and mentoring and teaching software for several years now. 

AngularJS is a revolutionary new way of developing single page apps. With my practical experience in AngularJS and related technologies I am at a unique place to teach this course. Especially because I have developed web apps with and without Angular and can compare with examples and explain what makes Angular not only important but the future of web app development.