• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Tikal's Backbone_js introduction workshop
 

Tikal's Backbone_js introduction workshop

on

  • 1,189 views

With “Introduction to Backbone.js” workshop by Tikal’s Oren Farhi, attendees will learn to develop web application using Backbone.js framework. In addition to the basics of Backbone.js, ...

With “Introduction to Backbone.js” workshop by Tikal’s Oren Farhi, attendees will learn to develop web application using Backbone.js framework. In addition to the basics of Backbone.js, attendees will get familiar with Twitter’s Bootstrap and will finally, connect to a live feed and develop a full working backbone.js application.

Statistics

Views

Total Views
1,189
Views on SlideShare
925
Embed Views
264

Actions

Likes
2
Downloads
26
Comments
0

2 Embeds 264

http://www.tikalk.com 258
http://tikalk.com 6

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Tikal's Backbone_js introduction workshop Tikal's Backbone_js introduction workshop Presentation Transcript

    • Backbone.jsIntroduction / Oren Farhi
    • Oren FarhiFront End Architect, JS Engineer @TikalJS Group Leader - Meet, Share, Contribute & CodingSpeaker (Israel & World Wide)Developing with:Pure Javascript, Backbone.js, Underscore.js, jQuery,Common Sense, CSS3github.com/tikalk@tikalk
    • We help companies build, deliver, deploy, manage and optimize their products.ALM JAVA JS .NET RoR“Today we are SURE that we made the right decision, choosing Tikal” Guy Ben-Porat - Development Manager “ExLibris”
    • Tikal by Numbers 1600+ 150+ 460+Community Blog Posts Meetup Members Last Year Members 90+ 100+ 12+ Tikal’s ProjectsYears old Experts Team Last Year “Actions speak louder than words” Tikals motto
    • The Past:JS is the wild westNo code conventionsjQuery bloated codeData & DOM mixedjQuery ajax & callbacks are abit messyNo ReuseMost End Result:words and sentences withlong selectors and "hanged"functions everywhere
    • The Present: All we have is nowJS is the wild westNo code conventionsjQuery bloated codeData & DOM mixed SimplicityjQuery ajax & callbacks are abit messyNo Reuse Organization FocusMost End Result:words and sentences withlong selectors and "hanged"functions everywhere
    • Backbone BackgroundJeremy Ashkenas -Underscore, CoffeescriptDocumentCloudDependencies:jquery / zeptounderscore.jsjson2.js ( IE, other without JSON )
    • Backbone is:MVC library (MIT) ModelProject "DocumentCloud" EventsStructure ViewRESTful JSON connector CollectionHash Routing Engine RouterEvent Driven Utilities - based underscore.jsExtended Templating Engine - based underscore.js
    • What is it good for?Web Applications Modular, ExtensibleStructure for Code Reusable ModulesDivide & Conquer Loose CouplingOne Responsibility Concept Model Driven Unit Test Ready M - Backbone.Model V - _.template C - Backbone.View / Router
    • This is a backbone.When used properlyIt keeps ones headOut of ones buttRand Macivor
    • What were going to do today: https://github.com/tikalk/backbone-workshop/downloads
    • Backbone.ModelWhere JSON data is stored Methods:REST, Constructor, Manually set - validateData Change Events getWorks With: Collection, View escape clear fetch save (REST) - parse destroy (REST)
    • Backbone.Model
    • Backbone.Model - PRACTICE
    • Backbone.ViewA Controller for a DOM Element (wrapper) Methods:Renders Model/Collection to DOM (html) render (return this)Delegates DOM Events makeWorks With: Model, Collection removeCan use Any template engine to render un/delegateEventshtml Properties: $ = $el.find el $el options events
    • Backbone.View
    • Backbone.View - PRACTICE
    • _.Underscore.jsUtilities for Javascript (60) Methods:Collections, Arrays, Functions, Objects, Collections - each, map, filter, pluck,Uses Browsers Implementation if possible groupByHigh Expressiveness Arrays - without, uniqWorks With: Backbone, Standalone Functions - bind, debounce, Object - keys, values, is-* (Empty, Date, String, Function etc..), has Utility - template, escape, mixin Chaining - chain, value
    • _.Underscore.js
    • Backbone.CollectionCollection of Models Methods:REST, Constructor, Manually addInherits Change Events from Models removeWorks With: Model, View lengthMany utilities methods from underscore.js fetch save (REST) - parse destroy (REST) + 28 Underscore methods: map, find, filter, sortBy, groupBy, pluck, invoke ... Properties: options
    • Backbone.Collection
    • Backbone.Collection - PRACTICE
    • Backbone.RouterNavigation Handling (bookmarks) Methods:Listens to url change events customNatively integrated to Back/Forward navigateEasy routing handling route (create)Works With: Backbone.History Properties: routes (key - value) - (route - handler)
    • Backbone.Router
    • Backbone.Router - PRACTICE
    • Questions?Backbone - http://documentcloud.github.com/backbone/Underscore - http://documentcloud.github.com/underscoreTikal - http://www.tikalk.com