 Your new post is loading...
Your new post is loading...
Scoop.it!
A year after pulling back the curtains on the Polymer Project, Google’s taken part of I/O 2014 to demo what the code can do. Right on cue, the web is abuzz with discussion comparing Polymer to other popular web frameworks, and it’s no surprise since it bears some resemblance to Google’s very own AngularJS. Join me after the break as I introduce Polymer and explore just how it relates to Angular. 
No comment yet.
Sign up to comment
Scoop.it!
As a quick follow-up to the previous post about creating a traditional MVC-style Web API using Sails.js, I did get some questions around how to test models in Sails, especially those that have instance methods and override their Waterline lifecycle callbacks, such as afterCreate and afterUpdate. This post is for you guys!
Scoop.it!
This article introduces several Gulp.js tasks that can be used to improve the workflow on Ember.js projects.
Scoop.it!
At HasOffers, we’ve been talking about using different view renderers inside of our Angular app, like React or Polymer. So we can delegate to React for the rendering, but we can do we better - we could leverage React to write isomorphic JavaScript. We can use our same React components on the server to send prepopulated templates. And then, instead of fetching the prepopulated templates from the server, we could just manually prepopulate the templates ourselves on the client. We wouldn’t even need to touch the server! (So my thought process moved from client to server and then back to the client.)
Scoop.it!
From
tech
There are cases when displaying a list of data where you may want to have a list of elements that contains a preview with a bit of data and when you click on that item, it expands out for a detailed view. A performance savvy developer may want to provide a way to simply load the preview data initially, and only load the detailed information when asked for. Perhaps the query to retrieve the details does several costly joins or what not. You can accomplish a lazy loaded detail list quite easily using knockout.js.
Scoop.it!
Ariya Hidayat discusses principles for designing JavaScript APIs by observing the interactions between modules, particularly the influence of an interface on the code patterns.
Scoop.it!
When it comes to server-side JavaScript programming, there are other choices besides v8 based solutions like NodeJS, TeaJS, SilkJS, and others. For the longest time, the Rhino JavaScript engine has been around for the JVM, and recently Java 8 was released with a brand new and improved JavaScript engine for the JVM called Nashorn. There is another project called DynJS that shows a lot of promise as well. In this post, I will investigate the benefits of JavaScript running on the JVM and demonstrate how easy it is to integrate with, or script, Java from JavaScript. Contents: * Introduction
Scoop.it!
Raddish is a new NodeJS Framework incorporating the power of MVC and DCI in a single framework. Letting you write less code to reach the same goal,
Jan Hesse's insight:
Scoop.it!
My previous introduction to promises left out a common case: cancelling a chain of promise. Ideally, this is something you won't have to do too often; but for the one or two times when you run into it, here's one solution to handle it. First though, the problem. Pretend you have a chain of promises, this could be a controller that has to go through multiple steps and transformation...
Scoop.it!
The next version of JavaScript comes with a module system heavily inspired by Node.js modules.
Scoop.it!
JSX is a Facebook project that embeds an XML-like language in JavaScript, and is typically used with React. Many people love it and find it highly useful. Unfortunately it requires its own compiler and doesn't mix with other language extensions. I have implemented a JSX "compiler"with sweet.js macros, so you can use it alongside any other language extensions implemented as macros.
Scoop.it!
From
tagtree
Get introduced to ES6 proxies by following along with this screencast where we imagine building clever atomic updates with the power of proxy middleware on objects.
Scoop.it!
1. asm.js: near-native performance on the web
|
Scoop.it!
Today we’ll look at how to wrap React components using Custom Elements, allowing us to interop with Web Component-based libraries using the DOM as a simple configuration API. Similar to libraries like Polymer, React cares about composition, lifecycle events and modularity so seeing how well it fits with Web Components is an interesting thought experiment. As React doesn’t need to take over your whole app and components built with it can comfortably live inside existing ones, you may indeed run into situations where component built with different libraries need to both co-exist and interop.
Scoop.it!
Getting used to the concept of scope in Angular is among the more difficult concepts to fully grok when first being introduced to the magical land of Angular. Like anything else though, "once you understand it, it's really not that bad"... Constents:
Scoop.it!
I had some thoughts on how to automatically detect changes made to a viewModel , so it will prompt to the user to save changes when the viewModel (the whole viewModel or any part of it), changes. This is done by adding a new bool property to your viewModel called .isDiry() that will get updated by the magic, automatic logic that this post will explain. So, what I did was to actually to decorate the observable functions (ko.observable() and ko.observableArray()) with a bool property isDirtyObservable (remember, in Javascript, a function is also an object so it can have properties as well ;) ). If the observable has the isDirtyObservable property equals to true, that property will be taken into consideration into the automatic algorithm to check the IsDirty flag. Simple, isn’t it? Here we go with a sample code...
Scoop.it!
Tests are pieces of code that check if your main code works. I write tests to catch bugs when I refactor. I write tests to force myself to think through and handle edge cases. I write tests to show the users of my project that my code does what I say it does.
Scoop.it!
So you're curious in learning this new thing called (Functional) Reactive Programming (FRP). The hardest part of the learning journey is thinking in FRP. It's a lot about letting go of old imperative and stateful habits of typical programming, and forcing your brain to work in a different paradigm. I haven't found any guide on the internet in this aspect, and I think the world deserves a practical tutorial on how to think in FRP, so that you can get started. Library documentation can light your way after that. I hope this helps you.
Scoop.it!
From
knexjs
Knex.js is a "batteries included" SQL query builder for Postgres, MySQL, MariaDB and SQLite3, designed to be flexible, portable, and fun to use. It features both traditional node style callbacks as well as a promise interface for cleaner async flow control, a stream interface, full featured query and schema builders, transaction support, connection pooling and standardized responses between different query clients and dialects.
Scoop.it!
Jan Hesse's insight:
Scoop.it!
From
leanpub
A Complete Beginner's Guide to Meteor.js Are you a beginning developer eager to learn how to build web applications with the Meteor JavaScript framework? This is the book for you. Your First Meteor Application is not a definitive guide to Meteor. You won't be a full-fledged developer by the final page. You will, however, understand the core concepts that will make your future education in Meteor a lot more approachable.
Scoop.it!
In this article we will exploring more about DocType and will understand how does this effect the page rendering.
Scoop.it!
Before I get into Polymer, we'll look at Web Components in this post, what it means for the web and how it completely changes things and our outlook on building for the web platform from today. Gone are the days of actually creating HTML structures and "pages" (what're those?). The web is becoming "all about components", and those components are completely up to us thanks to Web Components. Google are innovating in this area like no tomorrow with Polymer.js, a polyfill and platform (that provides additional features such as data-binding, event callbacks and much more) for those missing pieces in modern browsers that don't fully support Web Components.
Scoop.it!
From
tagtree
We build a sample app in the Facebook view library, following along with their 'Thinking in React' guide
Scoop.it!
Building, transpiling, or compiling front-end assets, whichever way you want to state it, modern web development is best accomplished using tools like Less, CoffeeScript, Browserify, RequireJs, or any other variant that does or will exist. The difficulty comes in unifying this vast pool of resources to arrive at the most efficient application you can for todays standard web browsers. But, more importantly that they leave the door open for you to migrate to the next powerful tool without significant effort. It is important to note that these technologies are not required to write an efficient application, but they are paramount when developing a maintainable codebase.
|
