Development on Va...
Follow
Find tag "javascript"
7.0K views | +21 today
Development on Various Platforms
Your new post is loading...
Your new post is loading...
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

JavaScript API Design Principles

JavaScript API Design Principles | Development on Various Platforms | 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.

Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from Software languages and frameworks
Scoop.it!

A re-introduction to JavaScript (JS Tutorial)

Why a re-introduction? Because JavaScript has a reasonable claim to being the world's most misunderstood programming language. While often derided as a toy, beneath its deceptive simplicity lie some powerful language features. 2005 saw the launch of a number of high-profile JavaScript applications, showing that deeper knowledge of this technology is an important skill for any web developer.

Via yannick grenzinger
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from HTML5 Javascript CSS3
Scoop.it!

Matrix Effect Using HTML5 and Javascript

Matrix Effect Using HTML5 and Javascript | Development on Various Platforms | Scoop.it
Now a days I am playing around with HTML5 Canvas API and Java Script. It's an amazing option to create animations. This weekend I saw The Matrix movie.This film known for it's visual effect. Then I...

Via Yudha Setiawan
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

The wondrous world of JavaScript

The wondrous world of JavaScript | Development on Various Platforms | Scoop.it

If you’re following the latest trends in the web development world, you might have noticed that the last years the popularity of JavaScript increased a lot. Lots of frameworks became popular like Google’sAngularJS, ember.js and of course Backbone.js.

One of the first of these “big” frameworks was Backbone.js. JavaScript code before that time was usually unstructured, contained a lot of spaghetti code and was hard to maintain.
Backbone.js gave you the possibility to follow the MVC (Model-view-controller) design paradigm, or in their case, MVP (Model-view-presenter).

Backbone.js gave you the possibility to divide your application in logical parts andprovided data binding. Only that wasn’t enough of course, because applications needed more components like:
* A module system
* Templating
* Data binding
* Data synchronisation
* Widgets
* Testing framework

And so, other frameworks were born, like: RequireJS, CommonJS, Component, AngularJS, Twitter Bootstrap, Flight, Hogan.js, QUnit, Jasmine, … (and I can probably go on for another hour).


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

JavaScript: The Real Bad Parts

difficult concepts to grasp in the languagehigh blog post to understanding ratio

* 6 DIFFERENT WAYS TO SET THIS
* WHAT ON EARTH IS PROTOTYPAL INHERITANCE
* SCOPING: BREAKING THE PRINCIPLE OF LEAST SURPRISE
* TAKEAWAYS


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for mobile
Scoop.it!

Dan Bricklin: JavaScript beats native code for mobile

Dan Bricklin: JavaScript beats native code for mobile | Development on Various Platforms | Scoop.it
VisiCalc's legendary co-inventor argues that most developers should write mobile JavaScript apps rather than build apps in native code

Via Arno_Raulet
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for mobile
Scoop.it!

wakanda

wakanda | Development on Various Platforms | Scoop.it

Via Arno_Raulet
more...
Arno_Raulet's curator insight, September 11, 2013 7:34 AM

Fullstack framework for web and mobile developpement.

Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Get Angular, Durandal, and JavaScript Templates with SideWaffle

Get Angular, Durandal, and JavaScript Templates with SideWaffle | Development on Various Platforms | Scoop.it

Hungry for some file templates to get you started in the morning? Well now you can fill up on a set of web template packs for Visual Studio 2012 and 2013. SideWaffle is an open source project that creates a Visual Studio extension containing a set of file templates you can use for web projects.
SideWaffle currently has several templates including 10 I contributed for Angular, Durandal, and creating a JavaScript IIFE. One of the best parts is that SideWaffle will be frequently updated with new and useful templates (they do check for high quality templates). I expect that in the near term we’ll see a lot of additions.
* Angular Controller (using Controller As syntax)
* Angular Controller (using $scope)
* Angular Directive (creates a skeleton for a directive)
* Angular Factory (great for data, logging, and other services)
* Angular Module (sets up a module)
* Durandal ViewModel
* Durandal Service
* Durandal main.js (common creation syntax for kicking off Durandal)
* JavaScript IIFE (Basic IIFE using vanilla.js)
I use the Angular templates in my upcoming course at Pluralsight on using Angular and Breeze to build a powerful SPA.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

JavaScript for Designers - An Intro to JS Terms and Concepts

JavaScript for Designers - An Intro to JS Terms and Concepts | Development on Various Platforms | Scoop.it

a humble 115 slides about JS and its programming patterns in a practical context


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Beautiful JavaScript: Easily Create Chainable (Cascading) Methods for Expressiveness

Beautiful JavaScript: Easily Create Chainable (Cascading) Methods for Expressiveness | Development on Various Platforms | Scoop.it

Chaining Methods, also known as Cascading, is the technique of repeatedly calling different methods (or the same method) on an object in one continuous line of code. This technique is popular in jQuery and other JavaScript libraries, and it is even inherent in JavaScript’s native methods like the common String methods. It is just so lovely that we can’t resist making our own methods facilitate cascading.

We will learn that this technique is easy and effortless because it is rather straightforward to implement chainable methods in JavaScript. We only have to return this(the object we want subsequent methods to operate on) in each method. Let’s learn this baby quickly and get back to what we were doing.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Single Page Web Applications: JavaScript End-to-End (The Hard Stuff)

Today, we have the Single Page Application. Most web apps are now in the browsers themselves, and the web is becoming fluid, comfortable, and accessible from any device.

In this talk from HTML5 Dev Conf 3, Josh Powell and Mike Mikowski of snaplogic, teach you their SPA design approach, and then start exploring new techniques like structured JavaScript and responsive design. They also cover server-side JavaScript, NoSQL data stores, and new JavaScript frameworks.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

JavaScript Overview for Beginner Learners

JavaScript Overview for Beginner Learners | Development on Various Platforms | Scoop.it
In this article we will take an overview of JavaScript programming and also we will discuss the solution of problems related to JavaScript programming. We will discuss many problems may be you never thought about them.

Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Object Oriented Javascript

Object Oriented Javascript | Development on Various Platforms | Scoop.it

If you are reading this I’d like to assume you know what Javascript is and the fact that it’s object oriented, what not many people know though is how to do the most common object oriented “things” in Javascript, such as inheritance, private functions and such.

The fact that Javascript is prototype based and not class based is what makes it hard to get into for most programmers. If you come from Java, PHP, C#, C++, Python, Ruby or pretty much any language you’ll find objects in Javascript are a bit unique, and they certainly are but in a good way!

 

* Prototypes
* Constructor Functions
* Encapsulation
* Inheritance
* Static vs Instance
* Abstracting it up a bit
* Conclusion


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from Bonnes Pratiques Web
Scoop.it!

Java script best practices

This presentation will help you to write better applications using JavaScript.

Via Shaker technologies
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

JavaScript debugging for beginners

JavaScript debugging for beginners | Development on Various Platforms | Scoop.it

Over the last five years, thanks largely to the rise of frameworks such as jQuery and Prototype, JavaScript has risen to become a first tier language for scripting on the web. This increased popularity and ease of use, has led to the creation of fully fledged applications such as Gmail, which contain thousands of lines of JavaScript code that required teams of talented developers to create.

As a result of this increasing complexity however, when something does go wrong developers need powerful JavaScript debugging tools in order to quickly root out the cause of the issue and fix it efficiently. A simple var dump via the alert() dialogue simply won’t cut it anymore.

In this tutorial I’ll outline some of the features of modern developer tools that you can use today to help make JavaScript debugging less painful. We’ll focus primarily on the Chrome developer tools and Firebug but many of these features are available in other tools such as Opera Dragonfly.

 


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Crossfilter - Fast Multidimensional Filtering for Coordinated Views

Crossfilter - Fast Multidimensional Filtering for Coordinated Views | Development on Various Platforms | Scoop.it

Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. Crossfilter supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records; we built it to power analytics for Square Register, allowing merchants to slice and dice their payment history fluidly.

Since most interactions only involve a single dimension, and then only small adjustments are made to the filter values, incremental filtering and reducing is significantly faster than starting from scratch. Crossfilter uses sorted indexes (and a few bit-twiddling hacks) to make this possible, dramatically increasing the perfor­mance of live histograms and top-K lists. For more details on how Crossfilter works, see the API reference.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

We should all just decide on JavaScript and solve the interesting problems instead

We should all just decide on JavaScript and solve the interesting problems instead | Development on Various Platforms | Scoop.it

Our endless bickering over the merits of different languages and paradigms isn’t all that productive, nor is it very interesting. You’re not a Ruby/C#/Java/Elixir developer, you’re a goddamn problem solver. Remove the programming language from your LinkedIn/Twitter bio, that’s not who you are.

All the things that make other languages and platforms more or less sexy are 90 % community and culture. All the loudmouths in the developer community hype things that aren’t “enterprise”. So only 10 % of the sexiness is the actual language*. And the goods news are that we humans can change culture, that’s what we do best when we really want to.

We’re now at the stage when JavaScript is hugely popular and a lot of innovation is taking place in that community. Also, it’s a pretty open language, i.e. it’s not owned by Oracle, Microsoft or IBM. We have the chance of running the same language on the front-end and the back-end. Heck, you can even use it as an officially supported language to write FirefoxOS, Ubuntu Touch and Windows 8 desktop/phone apps.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Handling concurrency and asynchronous JavaScript

If you’ve worked with JavaScript in a browser, or indeed on the server, for any length of time you’ve probably had to deal with asynchronous spaghetti. This kind of spaghetti is not delicious in any way, shape or form.

You end up with multiple boolean variables and function calls constantly checking if all of those AJAX requests have finished; it is far from ideal. I’m going to show you how to break the problem down and come out of the other side with your sanity still intact.

The first step in explaining this involves creating a problem, here’s the scenario: You’re running a site like gist.github.com and you need to fetch some meta data for a list of gists from the server. This is going to involve you making multiple requests and then doing something when they’re all finished, you’ll probably want a loading spinner overlay or something while it fetches them as well.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

DOM Enlightenment - Exploring the relationship between JavaScript and the modern HTML DOM

DOM Enlightenment - Exploring the relationship between JavaScript and the modern HTML DOM | Development on Various Platforms | Scoop.it

This is the free online version of the DOM Enlightenment book in its pre-edited/draft form.

This book is not an exhaustive reference on DOM scripting or JavaScript. It may, however, be the most exhaustive book written about DOM scripting without the use of a library/framework. The lack of authorship around this topic is not without good reason. Most technical authors are not willing to wrangle this topic because of the differences that exist among legacy browsers and their implementations of the DOM specifications (or lack thereof).

For the purpose of this book (i.e. grokking the concepts), I'm going to sidestep the browser API mess and dying browser discrepancies in an effort to expose the modern DOM. That's right, I'm going to sidestep the ugliness in an effort to focus on the here and now. After all, we have solutions like jQuery to deal with all that browser ugliness, and you should definitely be leveraging something like jQuery when dealing with deprecated browsers.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Node.js and JavaScript coding and development guidelines

Node.js and JavaScript coding and development guidelines | Development on Various Platforms | Scoop.it

Two years ago I wrote about “How to get started with Node.js”: I think most of the information there are still valid… even the book Node.js in Action is still a MEAP (this time planned for release this month, August 2013).

This summer I’m planning on revising, during my holidays, the architecture of OpenROV, and given the huge number of people that are starting to use it, I want to inject" a bit more of “better ALM” in the mix, so I started to look around for coding conventions, development guidelines and how to do unit testing, continuous integration, build and so on: this post is a collection of some link that I found useful.

* Coding and development guidelines

* Testing framework

* CI and build

* Deployment


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Scalable JavaScript Application Architecture

Discover how to build a JavaScript application framework that scales for the challenges of today's complex web applications.

Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

High-Quality JavaScript Code

JavaScript code is becoming ever more complex. How can we ensure a high level of code quality?

Some associated examples at: https://github.com/dennisodell/High-Quality-JavaScript-Code


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Writing a Javascript REST client with KnockoutJS, Bootstrap and jQuery

Writing a Javascript REST client  with KnockoutJS, Bootstrap and jQuery | Development on Various Platforms | Scoop.it

We will develop a client application that will run on web browsers, so we need to decide what tools and/or frameworks we will use.

For the base stack we don't really have much of a choice: The layout will be done in HTML, styling will be done in CSS and scripting in Javascript. No surprises here. While there are other choices, these guarantee that most modern browsers will run our application.

But these technologies alone would make for a rough development experience. For example, while Javascript and CSS work in all browsers, implementations differ, many times in subtle or obscure ways. There are three areas in which we would benefit from higher level cross-browser frameworks:

* Presentation and styling* REST request management* Templates and event handling

Let's review each and evaluate what options there are.


Via Jan Hesse
more...
No comment yet.