HTML5

Introduction to the Backbone.js, Ember.js, and AngularJS Frameworks

January 31 · 6:00 PM
Yelp

The first event in 2013 will feature a framework extravaganza, featuring three action-packed talks about different application frameworks:

Backbone.js
Ember.js
AngularJS

Presentation Details

Talk #1 —Put some Backbone in your Apps (Sidney Maestre)

When developing HTML5 application, your code is bound to get more complex over time. Employing design patterns like MVC is important for separating concerns and creating more modular and reusable code.

Backbone.js is one of the more popular JavaScript frameworks to help you do this. Unfortunately, like most open source projects, the documentation is a work in progress. Don't worry, Sidney will walk you through a series of examples that build on each other as he shows how the moving parts work together.

About Sidney Maestre

Sidney Maestre (@SidneyAllen) is the Platform Evangelist for StackMob, a leading provider of backend services for mobile developers. Prior to joining StackMob, Sidney immersed himself in the world of payments as a Developer Evangelist at PayPal. He spent the last few years building mobile apps and sharing his knowledge with others. These efforts included speaking at Adobe MAX, 360iDev, SenchaCon, HTML5DevConf, Silicon Valley Code Camp, creating two courses, jQuery Mobile for Beginners and Learn Backbone.js + StackMob, for the uDemy.com platform, and organizing the Bay Area Mobile meetup.

Talk #2—Ember.JS with Anthony Bull

If you've ever cobbled-together spaghetti JavaScript for Single Page Applications but wished there was a better way, Ember.js has arrived. For team leads and solo developers alike, the choice of a development framework is fraught with uncertainty around ease-of-use, support, stability, and projected longevity. Now is the time to be considering Ember.js for your needs given its rise as a mature option through significant improvements and explosive community growth all within the last year. In thirty minutes, Anthony will highlight not only the framework's basic concepts for building better-factored, browser-based apps but also how it can be used for state management and front-to-back-end data synchronization.

About Anthony Bull

Anthony Bull (@inkredabull) has been a professional F2E in one form or another in startup and enterprise environments for more than a decade. He has been working with Ember.js since early last year and used it to transform a product idea into alpha and beta versions of a public app that is now catering to a base of 4M+ users. He recently joined CrowdFlower as Sr. Web Engineer where he is using Rails 3 and Ember.js on the forefront of crowdsourcing. He also teaches the Pro Ember.js training course at Marakana.

Talk #3—Introduction to AngularJS (Miško Hevery)

What if you could write modern web apps with dramatically fewer lines of code and improve its readability and expressiveness at the same time? No, there’s no new language to learn. Just familiar old HTML and JavaScript. As a matter of fact, there’s some stuff for you to un-learn.

AngularJS is a client-side JavaScript web development framework where we believe we’ve done something special. We’ve approached the problem let’s say differently from the way any other JavaScript tool has before. Instead of asking what kind of functions we could provide to make writing apps smoother, we asked “what if the browser worked differently in a way that eliminates code and gives structure to apps?”

This talk will take the audience on a tour of what the web platform of the future will look like and how the AngularJS framework can provide many of the powerful capabilities to existing browsers and bridge the path to web components, model driven views and other platform features that are currently being spec-ed.

About Miško Hevery

Miško Hevery (@mhevery) works as an Agile Coach at Google where he is responsible for coaching Googlers to maintain the high level of automated testing culture. This allows Google to do frequent releases of its web applications with consistent high quality. Previously he worked at Adobe, Sun Microsystems, Intel, and Xerox (to name a few), where he became an expert in building web applications in web related technologies such as Java, JavaScript, Flex and ActionScript. Miško is very involved in Open Source community and an author of several open source projects such as AngularJS and JsTestDriver.

Schedule

5:30 p.m. Doors Open. Please see Yelp's guidelines for entry.
6:00 p.m. Mingle and enjoy refreshments
6:25 p.m. Welcome notes and Introduction
6:30 p.m. Backbone.js
7:00 p.m. Break and lightning talks*
7:15p Ember.js
7:45p Break and lightning talks*
8:15p AngularJS
8:45p Prize Giveaways**

** If you are interested in doing a lightning talk, send the organizers your proposal.

** You must be at the venue to qualify for prizes. Tip: Tweeting #sfhtml5 and checking in may increase your chances of winning a prize.

This event will be recorded. We will post the recording as soon as it is available, typically within a week after the event. Follow @sfhtml5 or visit this page for the announcement.

Join or login to comment.

Don Cowan

Great meetup.

Hope all enjoyed my brief presentation on using randomized variables in HTML5 Canvas animations.

You can see the demo here: http://marketimpacts.squarespac...

Demo is from: http://www.amazon.com/HTML5-Can...

0 · April 2
Hank Wang

couldn't attend, any presentation slides online?

0 · February 1
- Peter Lubbers
  
  Some links already here in the comments, videos and slides will be posted in about a week and announced here so stay tuned
  
  0 · February 1
- Peter Lubbers
  
  Here are the links to the presentations:
  Backbone: http://goo.gl/ogx8W
  Ember: http://goo.gl/nQETR
  Angular: http://goo.gl/GIOaI
  
  0 · February 18
Ben Wu

Is it any video from the meet up.

0 · February 1
- Vanessa Wang
  
  We will post the videos when available (about a week or so). Check back here or on Twitter @sfhtml5.
  
  0 · February 1
- Peter Lubbers
  
  We just posted the links to the videos: Here are the links to the presentations:
  Backbone: http://goo.gl/ogx8W
  Ember: http://goo.gl/nQETR
  Angular: http://goo.gl/GIOaI
  
  0 · February 18
Peter Lubbers

Here are the links to the framework presentations:
Backbone: http://goo.gl/ogx8W
Ember: http://goo.gl/nQETR
Angular: http://goo.gl/GIOaI

0 · February 18
Peter Lubbers

A big thanks to Sid, Anthony, and Miško for their great talks.

2 · February 1
- Vanessa Wang
  
  +1 Thanks for the great information!
  
  0 · February 1
Nathan

This meetup was informative and strongly influenced my decision on which 'framework' I'm committing to. As we all know, for a developer to commit to a direction it takes a lot of soul searching.

Soul has been searched. Angular wins my soul.

0 · February 1
Kristi G

Very impressed with last night. Thank you for putting it on, and hope to attend more in the future.

0 · February 1
Marat N

Very good talks.

0 · February 1
Jeff Schuenke

Great presentations! I really enjoyed the infor, food, beer, drinks. I also want to say thanks for the cool door prize! A Chrome Box!

Thanks!

0 · February 1
James Downey

Three great presentations on the big three js frameworks plus interesting lightning talks. Thanks for putting this together.

0 · February 1
Anthony Bull

Once again, thanks to Peter, Vanessa, and SFHTML5 for having me and to all of you for coming. Slides are up: http://www.slideshare.net/inkre...

1 · February 1
Benoit Marchant

For those interested to hear more about Montage, there's a meetup next week: http://www.meetup.com/Montage-D...

0 · January 31
Benoit Marchant

Great meetup! Thanks Peter for the opportunity to do the lightning talk on Montage! Here's the URL to Montage site: http://montagejs.org, demos: http://montagejs.org/apps/ and I especially recommend looking at this one on an iPad: http://montagejs.github.com/mon...

0 · January 31
Dan Tsui

It was a great introduction to three awesome frameworks, and well organized. Big thanks to the folks who organized the event.

0 · January 31
Paul Keister

Good speakers and a great format. A good overview of all 3 libraries.

0 · January 31
Melih Onvural

Very good set of presentations, though I wish there was more building and less comparing and evangelizing. Seeing the same app built in each framework would have been a great exercise.

1 · January 31
Corinne

I really enjoyed the Backbone.js and AngularJs talks.

1 · January 31
Alfred Tom

presentations could have had better pace but overall a good flavor of the frameworks. good lightning talks also.

0 · January 31
Aaron Reisman

Great meetup! Thanks so much to everyone who helped put it together. The talks were wonderful.

0 · January 31
Suyash Joshi

are we going to have a debate amongst all the speakers today :P ?

2 · January 31
Steven Roussey

Illuminations for Firebug * works with Backbone.js and Ember.js. I will have to double down to get it to work with Angular.js by the time of this meetup...

* http://www.illuminations-for-de...

2 · January 8
- View all 3 replies
- Peter Lubbers
  
  Maybe you can give a lightning talk :-)
  
  0 · January 8
- Steven Roussey
  
  Sounds great!
  
  0 · January 10
- Steven Roussey
  
  But let me know either way
  
  0 · January 30
Christopher Black

I am currently on the waitlist. If I am not able to get pushed into the attendees group, would there be a possibility to offer my time and volunteer?

0 · January 24
Thillai Narayanan

Hey please share the recorded video as we are unable to attend

3 · January 22
- Peter Lubbers
  
  Definitely--we usually have them up the week after the event. We'll announce here and on Twitter (@sfhtml5)
  
  1 · January 22
Alexis Valerio

Hey guys, I'm working on a new app that is html5 based. Would love to speak with the group and learn about any media contacts, reviewers, as well as give away some of Narr8's swag. Looking forward to hearing from you soon.

0 · January 16
Connor

Awesome event, hope I can get off the waitlist!

0 · January 8