• 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 WebSocket

Model-View-Websockets

February 2, 2013 By Jonathan Jeter 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

Like this:

Like Loading...

Filed Under: JavaScript, MVC, Web Development Tagged With: ad-hoc Related articles, awesome tools, client interaction fit, code good tools, conference notes, CRUD EDA, darn HTTP requests, development Event-Driven Architectures, EDA JS, EDA objects, event handling, event piping decouple, event-driven architectures, events event handling, events free events, family MVC, full-stack Backbone Meteor, global events updates, HTML, HTML server updates, HTML5 Texas, HTML5 Texas Conference, HTTP request, HTTP requests, Hypertext Transfer Protocol, interface inerpolate data, JavaScript, Javascript MVC Frameworks, lightweight MVC, mobile uses tickers, multiple HTTP requests, MVC, MVC framework, MVC Frameworks, MVC suit, Node Knockout app, Node Model-View-* circa, OOP big teams, pubsub implementation WebSockets, quick state changes, replace framework sync, REST easy mapping, server messages, server-rendered HTML Flight, simple browser messaging, Single Page Applications, sophisticated EDA JS, support dead simple, talk DiY WebSockets, Technology Internet, Texas conference, TodoMVC No SPA, user experience, user interaction, user interaction MV*, view server itarction, views MVC, WebSocket

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…
  • Opening Keynote at ClickZ Live Chicago 2015 –…
  • People Data and the Future of Marketing –…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • To The Moon And Back: Taking The Leap Towards…
  • Removing the /blog Slug in WordPress MultiSite
  • Contact Jonathan Jeter
  • Waze Gets You There

Copyright © 2025 Jonathan Jeter

 

Loading Comments...
 

    %d