Hello everyone, 2 days ago I recieved my arduino kit that I had ordered and i’m really excited to tell you that I’ll be posting more arduino tutorials from now on.
If you are a web app developer and you care about mobile, you definitely heard of PhoneGap
PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about.
Before we ger started let me clarify that PhoneGap and Cordova are same thing so don’t get confused !!!
I needed a small app to play with phonegap and last time I wrote the simple note application in AngularJS immediately I start converting it to a phonegap application, which wasn’t that hard.
While ago after getting my head around angular, I wrote this application and I had some plans to make it even more interesting which because of exams period I didn’t get chance of implementing them. Now that I have some free time i’m trying to play a bit more with angular and maybe implement the things that I wanted to do for this little note application. But before doing so I want to share this application with our amazing community just to be an example for the people who are new to angular and this is my first angular application and I think I need your help to give me some feedback or send me pull request and tell me where I did something wrong or I could do better !! For storing the notes, I used PouchDB which is a really nice, easy to use and couchdb like database for inside of the browser. Also you can connect it to a couchdb client to sync the data with your online database if you wish !! Also I used Ratchet to make it a bit more ios like !!
Thank you so much !!
You can see the application Here
And the source code on GitHub
Recently I was working on the security part of my application and I was experimenting lots of different ways for keeping the single page application secure and authorised. I saw an example of authentication in AngularJS which I found it really interesting and easy and as always(:D) started thinking how to do the same thing in my Backbone application. I tried to cover most of the advanced stuff that we need in most of web applications and usually in books and screencast about backbone there isn’t mush about it and it can be nightmare for beginners !!
For the rest of this article i’m going to explain this sample application that I wrote which I tried to demonstrate route filtering, session management and securing requests using CSRF-Token in a Backbone Application.
A week ago I was playing with AngularJS and this little chat application which uses socket.io and nodejs for realtime communication. Yesterday I saw a post about ReactJS in EchoJS and started playing with this UI library. After playing a bit with React, I decided to write and chat application using React and I used Bran Ford’s Backend for server side of this little app.
Hi everyone !!!
I’m working on a backbone project at the moment . I have an collection of data and i wanted to filter through them. Using a bit of backbone code I inject this function to my application. This wasn’t a pain at all. However after a bit of playing with AngularJS, I thought it would be cool to show you how filtering works both worlds!!
Hi everybody !!
If you remember my last backbone tip, we added a method called
showView and used it to render all of our views in each route !!
Now we might want to do some operation before and after each route, so its nice to implement these two methods and by using a small hack make them called work !!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
So by this two line code , this.before would be execute before actual route callback and this.after after it !
So the router would be like this :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
As you may see in my previous post about backbone, I used a showView for rendering my views as well as keeping track of current view and closing it. One of the important things that you should consider in real world application is memory leaks. We always render the views and the next view comes and render it’s html on previous view and we think it’s gone. But it steel exist and it’s listening for it’s events and each new view that we render,takes our memory. So we need to somehow close our views before rendering the new one.
What we are going to do it something like this :
- Adding close method to views prototype
- Adding onClose method to views that have child views for closing child views
- Adding showView to our router and using it
Hi everyone, It is about more than 1 month that I haven’t post anything cause I was working on a backbone project and during this time I’ve learned some new tricks which you need to know them if you really want to write a real application.