Web by Default – O’Reilly Radar

Know a full stack, even if you don’t work it every day

A very few brave developers still customize every aspect of their sites and apps, from polishing interface design on the front end to optimizing database connections on the back end. Many more people choose standard sets of tools — the LAMP stack or MEAN stack — and hope that they can stay within the lines enough to get help. Building effective web systems, though, means understanding how the layers of applications interact and their communications styles. At the very least, it means understanding the layers with which your work interacts.

via Web by default – O’Reilly Radar.

This reflects my technical skills philosophy pretty succinctly although I have definitely grown to prefer the front end work.

The analogy that I use is that I prefer finish carpentry over framing or plumbing because, although both the other disciplines are important, the mainly interacts with the visible surface of the thing.

The Future of AngularJS – O’Reilly Radar

Data Persistence

One last major piece of the puzzle that is AngularJS 2.0 is the persistence story. AngularJS started with pure XHR request support (through $http and $resource). Sockets were introduced through third-party services and integrations. Offline support was done through LocalStorage on a per-application basis. These have become common enough in applications nowadays that rethinking the core AngularJS communication and persistence story was necessary. To this extent, the following are planned:

Phase 1 of AngularJS 2.0 would come with support for Http communication (using ngHttp), Local Storage, Session Storage, and IndexedDB access (through ngStore), and WebSocket API (through ngWebSocket). Each of these would be optional modules that could be included on a per-project basis.

Phase 2 would build on top of this to build offline-first applications, which would be able to check connectivity status, cache data offline, and more.

Phase 3 would finally aim to build an ngData module which would allow developers to build Model classes which represent your data, and act as an abstraction layer on top of Phase 1 and Phase 2 modules. Thus, it would be able to handle offline access, querying network, fetching pages and so on.

via The Future of AngularJS – O’Reilly Radar.

JavaScript Application Architecture On The Road To 2015 — Medium

Composition is incredibly powerful, allowing us to stitch together reusable pieces of functionality to “compose” a larger application. Composition ushers in a mindset of things being good when they’re modular, smaller and easier to test. Easier to reason with. Easier to distribute.

via JavaScript Application Architecture On The Road To 2015 — Medium.

From Addy’s excellent survey of the JS landscape for 2015.  As a front end developer that got started with JS hacking the ExtJS components built into ColdFusion 8 and moved on to straight up ExtJS applications I definitely experienced the power of composition.

Technology Radar Digital Preview | ThoughtWorks

A living CSS style guide is a page on your site that uses your current CSS styles and acts as a reference for all the currently available visual elements and design patterns. This helps to tightly integrate design into your delivery process by promoting co-ownership of the UI and avoids duplication of styling across your application. Styling changes are visible in the guide immediately and changes propagate across your site from a central location. A sensible way to do this is with a well organized SASS/LESS file structure with semantically named elements that separates structure, aesthetics, and interaction.

via Technology Radar Digital Preview | ThoughtWorks.

I built one of these in 2014 – woot!

Planning A Front-end JavaScript Application -Telerik Developer Network

16 steps that front-end developers should go through when planning a front-end web application

via Planning A Front-end JavaScript Application -Telerik Developer Network.

Cody’s insights are alway’s interesting and this post contains some excellent insights on current front end development and links to some tools in each step of interest as well.

What is Traceur?

Traceur is a JavaScript.next-to-JavaScript-of-today compiler that allows you to use features from the future today. Traceur’s goal is to inform the design of new JavaScript features which are only valuable if they allow you to write better code. Traceur allows you to try out new and proposed language features today, helping you say what you mean in your code while informing the standards process.

via google/traceur-compiler.

How to Embrace Angular 2.0 Today with a Future-Friendly Angular 1.3 Application – The rangleBlog

You’ll Want an ES6-based FrameworkThe transition to ES6 introduces a challenge to all existing frameworks. When using ES6 becomes practical, frameworks that take advantage of its features such as classes and “native” modules would look a lot more attractive than those that do not. Angular 2.0 is AngularJS’s team response to that challenge. It is a framework that is based on ES6 and that aims to take advantage of the new features introduced in ES6. A large part of the reason Angular 2.0 looks so different is precisely that it makes use of those new features. Other frameworks that compete with Angular 1.x today will also look quite different once they leave ES5 behind.It is worth noting here, a good deal of Angular 1.3 is a polyfill for the missing features of today’s JavaScript. This will no longer be necessary when such features become available in JavaScript.

via How to Embrace Angular 2.0 Today with a Future-Friendly Angular 1.3 Application – The rangleBlog.

UXD and Javascript Apps