AngularJS Fundamentals and Practice | Sid Azad | Skillshare

AngularJS Fundamentals and Practice

Sid Azad, Founder at VisionHatch Technologies

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

    • 2. Introduction to the class

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

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

      3:01
    • 5. Hello, AngularJS

      3:46
    • 6. Hello, AngularJS

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

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

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

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

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

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

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

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

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

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

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

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

      7:34
    • 19. Understanding Scopes - I

      2:35
    • 20. Understanding Scopes - II

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

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

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

      6:53
    • 24. compile, link, template properties

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

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

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

      5:46
    • 28. Project Description and Directory Structure

      5:03
    • 29. Project Description and Directory Structure

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

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

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

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

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

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

      4:46
    • 36. Bootstrap CSS and Introduction to AngularJS Services

      4:53
    • 37. Bootstrap CSS and Introduction to AngularJS Services

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

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

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

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

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

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

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

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

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

      4:39
    • 47. Projects Pane Directive: Adding new projects

      5:08
    • 48. Projects Pane Directive: Adding new projects

      1:38
    • 49. Projects Pane Directive: Adding new projects

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

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

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

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

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

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

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

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

      4:06
    • 58. Angular UI Bootstrap Library

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

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

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

      4:53
    • 62. Write unit tests with Karma and Jasmine

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

      1:56
    • 64. Conclusion and Review

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

      4:53
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

3 of 5 students recommend this class
Very useful bite sized videos that provide a walkthrough of the angularjs features that will most often be used.
While there is some very helpful information contained within this class, it's nearly impossible to follow along with any of the examples due to the fact there's no way to open his Plunk urls. Aside from not wanting to manually type out each crazy url string, I decided to continue on with the final project which is building a simplified project manager. There were numerous times where his videos would pause and then play with a huge section of prewritten code that magically appeared. So I'd have to pause and retype his code into my local project, but in a few of the videos, he completely skips over writing the necessary code to make the project work, which makes it impossible to actually replicate the final outcome. Not sure why the video editing wasn't checked for continuity, but overall I'm left disappointed and looking for new sources to learn from.