• What?
  • Who?
  • Contact Jonathan Jeter
  • Privacy Policy

Jonathan Jeter

Director of Application Development

  • Jonathan Jeter on Google+
  • Jonathan Jeter on Facebook
  • Follow Jonathan Jeter on Twitter
  • Jonathan Jeter on LinkedIn
  • Jonathan Jeter's rss feed
Home Archives for JavaScript micro-frameworks

Backbone: 3 Ways

February 2, 2013 By Jonathan Jeter Leave a Comment

by Pamela Fox at HTML5 Texas Conference, Austin, Texas (Deck)

Backbone is one of the most popular MVC frameworks for JavaScript these days, and one of the reasons for its popularity is that its minimal and lightweight. That makes it easy to use in different ways and adapt to different projects – but can also make it hard to learn. In this talk, I’ll start with Backbone basics, and then dive into three different ways that we use it to power the frontends of Coursera.org.

Backbone 3 Ways HTML5TX

Why use an MVC framework? Website includes: 242 js files, 28848 lines of code & 5-person frontend team. Needed more structure to their code.
Why Backbone?

  • Structure
  • Modularity
  • Persistence Layer
  • Common Services
  • Best Practices

Backbone JS MVC Diagram

Backbone is a lightweight model view controller framework. Models use set & get so the framework know what’s going on. Collections group objects together. Views with basic data binding. Router is available, but you don’t have to use it.

Read the rest of Backbone: 3 Ways

Like this:

Like Loading...

Filed Under: JavaScript, MVC, Web Development Tagged With: 5-person frontend team, Admin pieces, Application programming interface, backbone app, backbone backend, Backbone basics, Backbone Beginner HTML5, Best Practices, Best Practices Backbone, change log, collaborative interface, Collections group, Common Services Best Practices Backbone, conference notes, controller framework, CSS3 Resources, current status, custom router custom, data binding, data binding. Router, Deck Backbone, different applications, different projects, different technologies, different ways, entire site, form building interfaces, Front and back ends, front-end MVC, frontend application, HTML5 Texas, JavaScript micro-frameworks, JavaScript micro-frameworks Backbone, js files, layer Entire page, lightweight model view, lightweight model view controller, manager custom API layer, Modularity Persistence Layer, MVC framework, MVC Frameworks, Node.js App, normal page loads, options open Figure, page load, Pamela Fox, Persistence Layer, popular MVC frameworks, real deletes, relational models, Server The rise, Share models, Single-page web apps, static html pages, Technology Internet, Texas conference, Uniform Resource Locator, web app, Web apps

Killer App Design with Javascript and HTML 5

March 11, 2012 By Jonathan Jeter 1 Comment

HTML5 and Complex Web Apps

Web 2.0 vs HTML5 apps

Web 2.0

  • Dynamic content
  • Database driven
  • Social applications
  • Stupid name
  • “The Internet is more than lame dancing genies and hit counters!”

HTML5 Apps

  • Interactive content
  • Real-time
  • Task-oriented
  • Cool logo
  • “You can have a desktop experience in your browser”
  • Not trying to replicate a desktop software experience.

HTML5 – New Markup (separating functionality and presentation in the DOM with data-* attributes)

Amazing JavaScript APIs

Application Architecture

Lots of tools available that will allow for a more robust application development process.

  • Moving state to the client
  • Wep app Kool-Aid: MVC/MVVM, pub/sub and the module pattern
  • Your application as an API

Don’t do it alone

Toolkits, precompilers, boilerplates, and more

For the enterprise-y among you

Testing, IDEs and other developer tools

Read the rest of Killer App Design with Javascript and HTML 5

Like this:

Like Loading...

Filed Under: Web Development Tagged With: AJAX, API Separating Presentation, App design, app kool-aid, Application programming interface, Aptana Cloud9 WebStorm, BahaviorJS UI Testing, battery life access, Boilerplate Lungo JS, Cascading Style Sheets, chat application, common programming concepts, Complex Web Apps, CSS, CSS selectors, desktop software experience, Device Access File, Document Object Model, Ember Enyo SproutCore, IxEdit Slide URL, JavaScript, javascript api, JavaScript APIs Application, javascript applications, JavaScript jasmine jsspec, JavaScript micro-frameworks, JavaScript MVC Knockout, JavaScript Renaissance, Killer App Design, mobile device, mobile devices, module pattern, multi-threaded javascript apps, multiple nested ajax, MVC Frameworks, Offline Storage Store, old school mvc, pre-compilers css kind, push technology, related mvvm patterns, robust application development, SASS Compass Frameworks, simple javascript api, single tcp socet, small local app, SXSW, SXSW2012, Technology Internet, twitter bootstrap javascript, Web 2.0, web app, Web app Kool-Aid, Web application, Web apps, Web Apps Web, web server, web sockets, Web Tookit, Web Tookit Pyjamas, Web workers, WebSocket, WebSockets Bi-directional communication, wep app kool-aid, Workers spawn background

Stuff I Like to Talk About:

  • Business
  • Digital Imaging
  • Internet Marketing
    • Email Marketing
    • SEM / Paid Search
  • Life
  • Other Stuff
    • Health
    • Taekwondo (TKD)
  • Sports
    • Football
  • Technology
    • Augmented Reality
    • Awesome or Scary?
    • Marketing Technology
      • Data / Analytics
      • Omnichannel
    • Mobile
      • Android
    • Virtual Reality
  • User Interface / User Experience Design
  • Web Development
    • Browsers
    • CSS
    • Front-End Development
    • Google+ (Google Plus)
    • HTML5
    • JavaScript
    • jQuery
    • Mobile
    • MVC
    • Responsive Design
    • SEO
    • Social Media
    • UI/UX
    • WordPress

HTML

  • HTML Entities

JavaScript

  • MEAN.js

My Sites

  • Head Turning Media
  • Jonathan Jeter (Brand Yourself)
  • My Humor

Online Experts

  • Bryan Eisenberg
  • Danny Sullivan
  • Duane Forrester
  • Keith Brown
  • Louis Gray
  • Matt Cutts

UI / UX

  • Jared Spool
  • Paul Jeter
FreshBooks
Genesis Framework for WordPress Premise Landing Pages Made Easy

Most Popular

  • Who?
  • Verizon Wireless – My Favorite Mobile Provider
  • Intro to WebGL and Three.js – Front Porch…
  • To The Moon And Back: Taking The Leap Towards…
  • Opening Keynote at ClickZ Live Chicago 2015 –…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • People Data and the Future of Marketing –…
  • Removing the /blog Slug in WordPress MultiSite
  • Contact Jonathan Jeter
  • In Data We Trust

Copyright © 2025 Jonathan Jeter

 

Loading Comments...
 

    %d