Today we had the pleasure to host Shai Reznik and talk with him on his true passion – AngularJS. Few of the hot topic we covered in this episode where:
- Data binding is an automatic way of updating the view whenever the model changes, as well as updating the model whenever the view changes. This is awesome because it eliminates DOM manipulation from your todo list and it’s making sure to work efficiently with zero effort on your part.
- Directives – How you can use today ‘Web components’ and see how it will be (fun and productive) to develop in the web platform in the near future.
- Dependency Injection – Why it’s a powerful concept and how it can help you with managing large scale web apps and your testing.
- Module – We spoke about the community around this framework and one of the by products is the modules that extend the options of which APIs and web services you can use directly from Angular.
- Testing – AngularJS was designed from ground up to be testable. It encourages behavior-view separation, comes pre-bundled with mocks, and takes full advantage of dependency injection. It also comes with end-to-end scenario runner which eliminates test flakiness by understanding the inner workings of AngularJS.
- DRY – Don’t repeat yourself (in your code) is an important practice with AngularJS and its ability to use directives to create reusable components you can enjoy it for real. A component allows you to hide complex DOM structure, CSS, and behavior. This lets you focus either on what you wish to create in your web app.
After the show I’ve asked Shai “What are your 5 top tips for developers that wish to work with Angular?” His answer was:
Use Yeoman with bower and grunt.
Follow Year of moo articles on Angular.
Angular.js youtube channels rock!
Angular UI – for components and especially Ui-router
http://www.egghead.io/ contain many useful videocast with good explanations.
- We had two live examples of Angular code to share with you. One for fetching twitter using JSONP and the other (that we will focus on next time) is showing the power of AngularJS with a RESTful API in this case: cloud mongoDB