Archive results for: JavaScript

JavaScript Frameworks

headliners-plugins-172440_621x295As the industry continues to evolve, we’re beginning to see widespread adoption of a new methodology for providing highly responsive experiences on the web: SPAs, or single-page web applications.

While, in the past, an effort this ambitious would have required an overwhelming amount of code, luckily, thanks to various frameworks, the process is easier than it’s ever been.

The following tools will jump-start your process:

BackBone (http://backbonejs.org/)
Currently the reigning champ of JavaScript frameworks (at least, in terms of popularity), Backbone provides structure for your sloppy spaghetti jQuery code. Though it may require a bit of rethinking, when it comes to your understanding of a client-side MVC  framework (especially, if you’re coming from a server-side framework), once you fully grasp the essentials you’ll find yourself writing clean, modular, downright elegant code. Read more ›


Framework versus Library

The main difference between a library and a framework is that:

  • libraries are called from your code
  • frameworks call your code

In other words, a framework is a skeleton that you fill with features or serves as a platform on which you build your modules. Whereas a library instead provides attachable modules on top of a platform made by yourself. Some people perceive a framework as something better or more complete than a library, so “framework” became a buzzword that is often overused. Read more ›


Progressive Enhancement

To learn more about JavaScript techniques, you can take the JavaScript class

Progressive enhancement is the fundamental base for all front-end development. At its most basic level, it is creating a functional separation between HTML, CSS, and JavaScript.

Progressive enhancement is a layered approach to Web design, where focus is put on content, the user, and accessibility. The first step is keeping your HTML, CSS, and JavaScript separated, but we don’t refer to them as HTML, CSS, and JavaScript. We refer to these three “layers” as structure, presentation, and behavior, probably so the methodology can be accurately applied to other areas beyond the current state of Web design.

Regardless, it is a bottom-up or inside-out building model for a website or application.

You first focus on the content and mark it up with semantic and meaningful HTML. This is the first layer, “structure.” After the content is properly marked up, we can move onto layer two, “presentation.” On the presentation layer, we deal with CSS. The third layer of progressive enhancement, “behavior,” we deal with last.

3_layers
Read more ›


Page 2 of 212