Firebase App Development With SwallowJS

SWALLOWJS + FIREBASE

Transcript

2. • • • • Friday 28th July, 2017
3. Friday 28th July, 2017
5. Friday 28th July, 2017
6. Friday 28th July, 2017
7. Friday 28th July, 2017
8. Friday 28th July, 2017
9. Friday 28th July, 2017 Var View: { "home": "views/home.html", "page_loader": "view/loader.html", "404": "views/error/404.html" }
10. { "beatles": [ { "firstName": "John", "lastName": "Lennon" }, { "firstName": "Paul", "lastName": "McCartney" }, { "firstName": "Ringo", "lastName": "Starr" } ], "full_name": function () { return this.firstName + " " + this.lastName; } } {{#beatles}} * {{full_name}} {{/beatles}} * John Lennon * Paul McCartney * George Harrison * Ringo Starr Friday 28th July, 2017
11. Friday 28th July, 2017 renderView('users',container); “layout” View
12. Friday 28th July, 2017
13. Friday 28th July, 2017 LogMessages(“ log messages ”); swallowLoading(TRUE); //to show loading loadScript(‘../path_to_jsfile’); loadStyles(‘../path_to_cssfile’); getInputFile(‘file_image’); // input name shuffleArray([array]); // input name And many more...
14. Friday 28th July, 2017
15. Friday 28th July, 2017 findOne(‘/user’) findAll(‘/user’, ‘10’) //with limit saveData({name: Olatunde, email: name@gmail.com}) updateData(‘/user/-kginie3bjd’,{name: Olatunde}) deleteData(‘/user/-kginie3bjd’) //with node id customQuery(ref('albums').orderByChild('album_artist')) incrementValue(‘/user/-kginie3bjd’, +1) fileUpload initLoadMore & loadMore(‘20’) //load more nodes
16. Friday 28th July, 2017
17. Friday 28th July, 2017 Path.map("#/users").to(function(){ renderView('users', swallowJsContainer, data); }); Path.map("#/users/:user_id").to(function(){ Var user_id = this.params[user_id]; logMessage(user_id); });
18. Friday 28th July, 2017
20. Friday 28th July, 2017
21. Friday 28th July, 2017
23. Friday 28th July, 2017