Wednesday, February 10, 2016
ANGULARJS 2 - Webinar video of Building Awesome Apps with Firebase and Angular 2
Building Awesome Apps with Firebase and Angular 2
https://www.youtube.com/watch?v=A1dpvZqoM_wMy notes:
Angular 2 Cool features:
https://github.com/angular/angularfire2
https://www.npmjs.com/package/angularfire2
In Angular 1 promises guaranteed that you will receive the response, but only once. Working with Firebase needs response working as STREAMS.
Zones + Change Detection
Zones - Asynchronous execution context. It let you know when the synchronous action are completed. Also Zones will allow to have continuous stack-trace of errors.
Change Detection - will take a look at what is changed and it knows what to do with it.
Pipes
It is like Filters in Angular 1, but now they can manage state.
You can take URL where is your data and pipe it, so that it could be used in your template. When data changes then your its value automatically changes in your template.
Observables
Promises will give you callback just one time. Observables will fire off as a continuous stream, it is like a promises but they continue to fire off.
Installation
npm install --save angularfire2
npm install --save angular-cli
ng new my-awesome-app
cd my-awesome-app
ng serve
1. Instantiate our Firebase URL
For instance AngularfireDemoApp is a component. Everything in Angular 2 is based on Components.
bootstrap(AngularfireDemoApp, [
defaultFirebase('https://FB-URL.firebase.com'),
FIREBASE_PROVIDERS
]);
2. Push data to Firebase
return PromiseObservable
.create(this._fbRef.child('message').push({
message,
user
}));
Pipes - transform data as input a desired output
Statless pipes - transform data without remembering or detecting anything about it
Stateful pipes (async) - receive a Promise or Obsorvable as input, maintain a subscription to that
Stateful pipes (async) - example of use Async Pipes in html template:
'<div *ngFor="#message of messages | async"><div>'
sadfsadf
Tuesday, February 9, 2016
Monday, February 8, 2016
WEB AUDIO - short example of WEB Audio API use (link)
http://gonehybrid.com/how-to-add-sound-effects-to-your-ionic-app-with-native-audio/
https://www.airpair.com/ionic-framework/posts/using-web-audio-api-for-precision-audio-in-ionic
Io.sound (a plugin based on WEB Audio API) - a good examples of its use:
http://ionden.com/a/plugins/ion.sound/en.html
https://blog.nraboy.com/2014/11/playing-audio-android-ios-ionicframework-app/
http://stackoverflow.com/questions/32507229/saving-web-audio-api-output-to-local-file-in-ionic
https://www.airpair.com/ionic-framework/posts/using-web-audio-api-for-precision-audio-in-ionic
Io.sound (a plugin based on WEB Audio API) - a good examples of its use:
http://ionden.com/a/plugins/ion.sound/en.html
https://blog.nraboy.com/2014/11/playing-audio-android-ios-ionicframework-app/
http://stackoverflow.com/questions/32507229/saving-web-audio-api-output-to-local-file-in-ionic
Saturday, February 6, 2016
IONIC - resources, links
The Ionic View App - http://blog.ionic.io/view-app-is-alive/
Ionic cheatsheet: https://devdactic.com/ionic-cheatsheet/
Comparision natiove iOS, Android and Ionic https://www.airpair.com/javascript/posts/switching-from-ios-to-ionic
Automating Icons and Splash Screens http://blog.ionic.io/automating-icons-and-splash-screens/
Android version s that will be supported - ^4.1.* http://blog.ionic.io/market-share-movement-android/ (Android dashboard for 01.2016 http://developer.android.com/about/dashboards/index.html)
Codepen Ionic examples - http://codepen.io/ionic/
Ionic Tips and Tris - http://www.sitepoint.com/5-ionic-app-development-tips-tricks/
Ionic cheatsheet: https://devdactic.com/ionic-cheatsheet/
Comparision natiove iOS, Android and Ionic https://www.airpair.com/javascript/posts/switching-from-ios-to-ionic
Automating Icons and Splash Screens http://blog.ionic.io/automating-icons-and-splash-screens/
Android version s that will be supported - ^4.1.* http://blog.ionic.io/market-share-movement-android/ (Android dashboard for 01.2016 http://developer.android.com/about/dashboards/index.html)
Codepen Ionic examples - http://codepen.io/ionic/
Ionic Tips and Tris - http://www.sitepoint.com/5-ionic-app-development-tips-tricks/
Friday, February 5, 2016
Wednesday, February 3, 2016
ANGULARJS - angular + breeze application with saving data into Local Storage
Angular application could save Work In Process files (WIP) in Local Storage. The Breeze framework is widely used for this purpose. John Papa gives good explanation how it works:
https://www.youtube.com/watch?v=JLij19xbefI
https://www.youtube.com/watch?v=JLij19xbefI
Tuesday, February 2, 2016
COUCHBASE - how to create primary index for N1QL
C:\Users\andriypa>cbq
Couchbase query shell connected to http://localhost:8093/ . Type Ctrl-D to exit.
cbq> CREATE PRIMARY INDEX ON `default`;
{
"requestID": "65230d77-9d8f-4f13-9590-776ad6309f9c",
"signature": null,
"results": [
],
"status": "success",
"metrics": {
"elapsedTime": "3.1251858s",
"executionTime": "3.1241875s",
"resultCount": 0,
"resultSize": 0
}
}
Couchbase query shell connected to http://localhost:8093/ . Type Ctrl-D to exit.
cbq> CREATE PRIMARY INDEX ON `default`;
{
"requestID": "65230d77-9d8f-4f13-9590-776ad6309f9c",
"signature": null,
"results": [
],
"status": "success",
"metrics": {
"elapsedTime": "3.1251858s",
"executionTime": "3.1241875s",
"resultCount": 0,
"resultSize": 0
}
}
Subscribe to:
Posts (Atom)