• 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 js files

Managing a Large Front-End Project with Automated Build Tools

February 2, 2013 By Jonathan Jeter Leave a Comment

by kperch at HTML5 Texas Conference in Austin, TX

How do you manage a huge web application’s front-end when you have a diverse team of programmers, and javascript is not a strong suit for all of them? How do you handle both new and old code from multiple developers, and make sure only quality code makes it into your repos? Automated tools such as Yeoman and Grunt are not just for packaging your web project in a performant and clean package. They also allow you to enforce code quality and consistency through automated quality checking, testing, and beautification. This talk will go over the case study of a large web application in need of a refactor and test suite, and how tools such as Yeoman and Grunt allow you to implement a plan to bring projects like these back from the brink, without losing your sanity in the process.

Read the rest of Managing a Large Front-End Project with Automated Build Tools

Like this:

Like Loading...

Filed Under: JavaScript, MVC, Web Development Tagged With: accountability Case Study, Automate Builds, Automate common build, Automated Build Tools, automated testing, Automated tools, Browser Refresh, browserly Related articles, Build automation, case study, cleaner JS Module, code quality, Code refactoring, conference notes, diverse team, easy commit hooks, Enforce Automation, Enforce Educate team, framework grunt, growl pulls, grunt commands works, Grunt.js Precognitive Build, HTML5 Texas, HTML5 Texas Conference, huge web application, javascript code, js files, JSHint Lint, Large Front-End Project, large web application, minifies. styles.stylus, modular js, multiple developers, new automation tools, old code, Operations Automating tasks, process. gruntjs.com, project multiple js, project standards, quality assurance, quality checking, quality code, quality control, Software quality, strong suit, team meeting, team member, team members, test suite, Texas conference, time Automation, tool Automation, Unit test runner, Unit testing, web app, Web application, web project

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

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

  • Verizon Wireless – My Favorite Mobile Provider
  • Who?
  • Intro to WebGL and Three.js – Front Porch…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • Looking for Instagram or Android fonts or logos and…
  • A Brief History of the Complete Redesign of Google…
  • People Data and the Future of Marketing –…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • Jared Spool – The Essential Principles behind…
  • Contact Jonathan Jeter

Copyright © 2025 Jonathan Jeter

 

Loading Comments...
 

    %d