Jonathan Jeter

Director of Application Development

Home Archives for MVC Frameworks

Model-View-Websockets

By Leave a Comment

by Garann Means at HTML5 Texas Conference in Austin, TX

Many front-end developers are familiar with MVC, and almost all are familiar with event-driven architectures (even if they call them something else). How do those two philosophies work together? And, more importantly, how can websockets help future applications become more responsive, more consistent, and easier to develop? We’ll reexamine the Controller concept from MVC and figure out how to combine simple browser messaging and websockets to address our application needs and improve our user experiences.

Model-View-WebsocketsJavaScript

Did well for a while without patterns and frameworks, but once we realized its potential we added everything at once, adding complexity and functionality.

#singlepageappaproblems

Single Page Applications (SPAs) today are everywhere, as well as SPA behavior on static pages, requiring 3rd-party tools and systems of dependencies. It’s easy to set up, but difficult to maintain.

Read the rest of Model-View-Websockets

You Got your MVC into my Components: Adding Bindings to Enyo

By Leave a Comment

by Ben Combee at the HTML5 Texas Conference in Austin, TX

Enyo (http://enyojs.com) started as an web application framework, focusing on the problem of effectively building reusable UI components.  However, many app developers view problems through a Model-View-Controller (MVC) point-of-view where the UI is seen as a templating problem.  This talk looks at how the Enyo framework evolved in late 2012 to take on aspects of MVC, integrating support for Backbone models and data binding into our component & message passing architecture.  In doing so, it reveals what these two worlds can learn from each other, and how they both play into future work on the “web platform”.

Adding bindings to EnyoEnyo help build html apps with the feel of native apps.

A new way of thinking

How do you keep application state?

Templates are not enough. Interactive controls are hard to put into templates.

Read the rest of You Got your MVC into my Components: Adding Bindings to Enyo

Backbone: 3 Ways

By 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?

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

HTML5 TX 2013

By Leave a Comment

HTML5 TX Opening CircleToday is the 2nd annual HTML5 Texas conference at St. Edwards University in Austin. Looking forward to learning some great HTML5 goodness today.

Important things for today:

  • Parking is available in any lot except the red lots (resident parking)
  • Great sponsors
  • Hackython with free copies of Kendo UI
  • Closing Party tonight

Open Spaces – Alan Stevens

HTML5TX Open Spaces by Alan Stevens

Open spaces technology allows for the important stuff that goes on at conferences in the hallways. An open space is a place where you can run an impromptu session on any topic. The first step is to propose a topic that you’re passionate about. It doesn’t have to be related to other topics or the conference at all. Announce your topic and your name and put it on the board in one of the areas available. The only other responsibility is to show up. Then you can do whatever you want. Give a lecture or a presentation or a conversation. If no one shows up, that’s okay, too. Just stay there and see what happens. It is an amazing experience.

Read the rest of HTML5 TX 2013

Killer App Design with Javascript and HTML 5

By 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