What is jQuery?
jQuery is the best way to attack cross browser issues, and in addition to being CSS3 compliant, it makes working with client side concerns super easy. Even though we have great and powerful modern web browsers from some of the biggest names in technology, things are still not uniform between them. The syntax of jQuery is very simple and readable, and the power of the library gives developers and designers the ability to create sophisticated animations and effects that would have only been possible in the past with heavy, proprietary, browser plugins. In addition to the jQuery core, you can make use of any of hundreds of freely available plugins from the community to attack virtually any client side problem you may have.
The Benefits of jQuery
- Lightweight Footprint
- CSS3 Compliant
- Cross Browser Compatible
What is Node.Js?
Node.js is based on a non blocking, event driven Input / Output paradigm. This lightweight approach has many benefits since it is ideal for real time applications that make use of distributed networks and real time data updates. The creators of node.js put scalable network programs at the top of the list. With node.js, memory allocation is reduced, and programs run fast – even for developers that are new to this style of design.
Node.js is still a relatively young technology, it was only created in 2009. It’s growth and use has been impressive though with some well known names in business making use of the framework. Microsoft, Yahoo, Dow Jones, Walmart, and LinkedIn are a few of the big names making use of this technology in their business.
Node uses a much different execution model than the most widely used stack on the internet today, and that would be LAMP. LAMP as you know stands for Linux, Apache, MySQL, and PHP. In this configuration, Apache handles all of the HTTP requests while logic and computation get handed off to PHP. Node takes a different approach and combines the server and application logic together. There may be some arguments against this since this removes the separation of concerns, much like we would have with an MVC design pattern where different requirements get bundled together in similar constructs. It does however provide for added flexibility in the Node environment. The other area where Node is different from the LAMP stack is the handling of concurrency. Apache works by keeping a collection of threads available to handle client connections. Each thread consumes resources, and this adds up, which can cause scaling problems. Node uses just a single thread instead. You would think this is no good, but it actually works well. The reason is because Node makes use of a non blocking architecture, so multiple threads are never needed. The way Node would handle a common operation like a database query would be to process something else while it waits to get data back from the query.
Benefits of Node.js
- Non-Blocking, Event Driven Architecture
- Perfect for JSON APIs and Streaming Data Applications
- Scalable and Memory Efficient
What is D3.js?
When you first look at d3.js, you may be tempted to think it is just like jQuery. While they both manipulate the DOM by making use of CSS selectors and are based on web standards, they are different in their application. jQuery is more of a general helper library, while d3.js focuses on the data driven aspect of visualization.
This approach takes data and binds it to the DOM for which it can then be transformed based on the values of that data. Think of an array populated with different number values. By using that data, and employing d3.js, you could use Scalable Vector Graphics to build and animate a bar chart on the fly, or even construct an HTML table – it is very powerful.
Benefits of D3.js
- Adheres to Open Web Standards
- Makes Visualizations easier to work with in the DOM
- Tight integration with Modern Browser Technology give added flexibility
What is Angular.js?
The way Angular.js works is by reading in HTML which as specific tag attributes for which the Angular engine understands. Various actions can be taken based on those custom values. Angular takes a different approach to web applications and tries to actually de-emphasize Document Object Model manipulation, instead relying on a two way binding mechanism to keep data in sync between models and views. Sound tricky? It is a little tricky, but very powerful. What less would we expect from the genius engineers from Google? (Yes Angular.js is sponsored by Google).
Benefits of Angular.js
- Provide a method to decouple DOM manipulation from Business Logic
- Guide developers through the full design and implementation of the application
- Place emphasis on Testing before Deploying
What is Impress.js?
Impress.js takes the power of CSS3 transforms and transitions to make this magic happen. Of course you are going to want to be using a modern browser that makes use of the latest open web technologies to get this to work. Impress.js gives you the ability to make stunning browser based presentations using all open technologies. If that isn’t impressive, I don’t know what is!
Benefits of Impress.js
- Moves the presentation into the Browser. Bye Bye Powerpoint
- Provides new and exciting ways of navigating content
- Standards based
What is Adobe Brackets?
Benefits of Adobe Brackets
- Live HTML Development
- Multi Platform (and Free!)
What is Moment.js?
Benefits of Moment.js
- Feature rich tools for all date manipulation
- Works client and server side with Node.js
- Friendly developer syntax
What is Reveal.js?
Benefits of Reveal.js
- Make your presentations less boring
- Uses open source web standards
What is three.js?
With Three.js you can complete many things with regard to computer animation. Things like camera perspective, parallax barrier, WebGL Renderer, ambient lights, smooth shading, object particles, meshes, lines, particles, and much more are all included. Just like all of the frameworks in this series, if this is something that interests you, the best thing to do is just set up a sandbox environment on your own host, include the script file, and start hammering out the tutorials and demos to see how it all works. Nothing beats hands on learning!
Benefits of Three.js
- Large Community and Help at the official website
- Open Source and freely available
- Based on open web standards
Honorable Mention: Express.js
The Express framework was created by TJ Holowaychuk and provides an additional level of abstraction to the code you would normally write in Node. The Express Framework is based on the Ruby Sinatra framework, and provides the tools to build and maintain single, multipage, and hybrid web applications. The Express Framework provides many convenience methods and syntactic sugar for many common tasks that would otherwise be tedious or redundant. Just as Laravel for PHP makes it extremely pleasant to code common tasks, so too does Express for Node.
Benefits of Express.js
- Makes developing with Node.js easier
- Beautiful syntax
- Powerful Routing Engine