Data-oriented Development with Angularjs

Data-oriented Development with Angularjs

Language: English

Pages: 129

ISBN: 1784398055

Format: PDF / Kindle (mobi) / ePub


Write DSLs for your user interface code using AngularJS directives and add real-time capabilities to your applications using AngularFire's three-way data binding with Firebase

About This Book

  • Create powerful custom HTML elements and attributes using AngularJS directives
  • Store and sync data in real time using Firebase
  • Practical working examples to help you apply your knowledge to solve real-world problems

Who This Book Is For

This book helps beginner-level AngularJS developers organize AngularJS applications by discussing important AngularJS concepts and best practices. If you are an experienced AngularJS developer but haven't written directives or haven't created custom HTML controls before, then this book is ideal for you.

What You Will Learn

  • Experience the power of two-way data binding using AngularJS and three-way data binding using Firebase
  • Use dependency injection in AngularJS
  • Get the $http and $resource services to work with REST APIs
  • Realize the full power of AngularJS by writing custom elements, attributes, and so on, using directives
  • Create real-time apps using Firebase and AngularJS
  • Discover the benefits and uses of Node.js, Yeoman, Yo Angular generator, Grunt, and Bower
  • Get to grips with the basics of Git and use Git flow for a more productive Git branching workflow

In Detail

AngularJS is one of the most popular JavaScript frameworks used to write single page applications and is suitable for developing large-scale enterprise applications. With Firebase, you can easily store and sync data in real time. It has libraries for all the major web and mobile platforms (including AngularJS) and bindings for the most popular frameworks (such as Node.js).

Data-oriented Development with AngularJS is a systematic learning guide that covers important AngularJS concepts such as data binding, dependency injection, directives, and so on. It also covers the basics of Firebase and three-way data binding with AngularFire. You'll be able to create a small project and build a real-time application using Firebase and AngularJS. This project uses most of the concepts and best practices learned in the book so that you can apply the very same principles in real-world AngularJS development.

Building Business Websites with Squarespace 7

Professional WordPress: Design and Development (3rd Edition)

The Art and Science of Web Design

Programming Microsoft ASP.NET MVC (3rd Edition)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

scope: { require: '^parentDirective' } [ 46 ] www.it-ebooks.info Chapter 3 The ^ prefix means that this directive searches for the controller on its parents. So, if the specified controller is not found, then $compile throws an error. Without the ^ prefix, the search for the controller is done only on the directive element. We can also make the controller optional by putting ? as a prefix for the directive name, for example: scope: { require: '?parentDirective' } If the

117 Emacs Vim Sublime Text Visual Studio and Visual Studio Express Eclipse Brackets WebStorm [ iii ] www.it-ebooks.info 119 120 121 121 122 122 123 www.it-ebooks.info Preface If you've ever wanted to create database-backed Single Page Applications (SPAs), this book will show you how to do it using the power of AngularJS. Along the way, you'll also learn the best practices of AngularJS development and will see how to structure your frontend code that greatly improves maintainability.

Properties
  • {{key}}

Functions

  • {{function}}

(Chapter5\sync-objs-arrays\property\property.tpl.html) [ 71 ] www.it-ebooks.info Getting Started with AngularFire The ng-if directive removes or recreates a portion of the DOM based on the value of the expression/function provided to it. So here, it'll either

appeal to the majority of users who are more accustomed to IDEs such as Visual Studio or Eclipse. Although it is not a free editor, it has a lot of plugins available through its Package Manager (available at https://packagecontrol.io/), which make it suitable for development in any programming language. It is also highly customizable with lots of themes (available at http://colorsublime.com/) and other goodies. Visual Studio and Visual Studio Express How can one talk of editors and not talk

Protractor URL 104 scaffolding 98 scope, AngularJS about 8 reference link 8 server-side MVC frameworks limitations 4 versus AngularJS 4 service versus factory 94-96 shake effect URL 46 Single Page Applications (SPAs) 12 SourceTree URL 109 Spring.NET URL 20 StackOverflow URL 6 Stash about 117 URL 117 Structuring Data, Firebase reference link 91 Sublime Text 121 synchronized arrays with $firebaseArray() 64-68 synchronized objects with $firebaseObject() 70-74 R T React

Download sample

Download