Tagged Questions
0
votes
1answer
55 views
Best practices for creating multiple HTML buttons that are used for a similar purpose
I realize this may be subjective, but I don't see any clear-cut place for asking questions on good software design principals. I'm sure there are some software patterns and anti-patterns I should be ...
6
votes
4answers
389 views
Better ways than traditional polling methods
I'm currently in a AngularJS/Javascript environment.
Currently the application using the polling method (i.e, to retrieve new data from server in a fixed amount of seconds).
This is quite taxing ...
3
votes
3answers
285 views
Should I reduce event listeners by making functions more complex?
An example would be if you had multiple inputs, each of which effect a completely different process, (perhaps one changes a div's width, while another sends ajax request for predictive search), would ...
1
vote
1answer
87 views
Is this a Proxy or Decorator pattern implementation?
The way many design patterns are described in the classical literature is somewhat different from their implementation in dynamic languages such as Javascript.
The presence of some features like ...
9
votes
1answer
663 views
Module Requiring vs Dependency Injection in Javascript
These days a question popped out in my mind:
Does the way we Javascript go against almost everything that is considered a good practice in traditional Software Development?
I have a series of ...
1
vote
2answers
207 views
Reaching back up into the parent class
I have an app with the following structure (simplified a bit here)...
var RecorderApp = function(canvas) {
this.state = undefined;
this.states = { record: recordState, save: saveState };
this....
1
vote
1answer
92 views
API oriented web app for both public and private consumptions in Ruby
In traditional Rail app, we need to deal with controller/model/action and has a view that generate HTML output. Now
There are many JS framework like backbone/react that allow us to code client side ...
15
votes
4answers
2k views
Can't grasp programming design patterns
I've been working with javascript for the past 4 years. I'm very confident about my problem solving skills and I can see that my code quality is improving. I try to stay up to date with the community ...
0
votes
1answer
134 views
Javascript UI OOP design question
I'm kind of new to OOP, so I still have quite some doubts when it comes to how different objects should communicate with each other. I have a concrete case in which I can't figure out which is the ...
2
votes
4answers
367 views
Unit of Work AngularJS
I am writing an application in Angular JS (1.5), and I need to be able to track a model for changes (updates/deletes/additions). For example, I have an ng-model that holds an array of user pets. This ...
1
vote
0answers
71 views
How do I write an API that makes use of many smaller APIs?
I have a solid set of classes that do the following
build tables from data and templates
advanced form serialization
build forms from data and templates
launch overlays with forms/wizards
short poll ...
4
votes
2answers
330 views
How far should encapsulation in JavaScript go?
I have a variable which I want to use in only one function. I can write my code like this:
var theAnswerToLife = 42
var multiplyIt = function(x) {
return ++theAnswerToLife * x
}
I have some other ...
5
votes
2answers
509 views
Respectable design pattern for making node modules flexible/testable?
I am looking to get some input from some more experienced testers than what I am. :)
I am trying to make my node modules testable, allowing for dependency spying/stubbing/mocking without the need to ...
6
votes
2answers
409 views
Is Module Pattern in JavaScript is useful only for singleton creation?
Some articles (JavaScript Module Pattern In Depth, Mastering The Module Pattern) describe defining modules in JavaScript like in the snippet below (from Addy Osmani's "Learning JavaScript Design ...
1
vote
1answer
878 views
JavaScript & AngularJs Modules Implementation technique and structure
So Im building an app and I'm trying to implement the structure of the app so that its robust and scalable in future.
My app is mostly divided into JavaScript Modules (revealing pattern):
// filter....
0
votes
1answer
451 views
Handling multiple asynchronous events - Wait for pending offers to process on new offer?
I have a programming problem, that I don't know how to solve. And while I have provided a sample of my code, I am interested in a conceptual answer on how to resolve this problem.
On a tradeOffers ...
0
votes
1answer
1k views
MVC Best practice mixing Partial View and JavaScript
I searched the internet and really can't find a good answer to this question.
Imagine there is a View that contains a simple tab-element. Each tab-content is loaded dynamically (via ajax) when the ...
2
votes
2answers
85 views
Design architecture advice on relation between objects and singleton JS
I would like your feedback regarding some best practices on design relationship between objects, specially when a singleton object is involved.
Let's imagine I need to simulate a Shop with Customers....
8
votes
2answers
561 views
Doesn't dependency injection push the testing burden further down the chain?
I'm learning about dependency injection and while I can see the appeal of it when writing functional libraries, I fail to see how it solves anything when you'll also be the one using the libraries.
...
1
vote
1answer
43 views
Deploying and maintaining a script on customer's domains
I am trying to figure the best way (or just the pros and cons of various options) for delivering a service via a script which runs on the customer's site (think Google Analytics).
Unlike Google ...
3
votes
1answer
207 views
Is it a good idea to have separate UI components make their own webservice calls?
I have few UI components in an angularjs web-application. Each display data based upon same input. One shows stats which are calculated on the basis of a time period. Other shows a chart of daily ...
0
votes
1answer
1k views
Implementing the State Pattern with Object.setPrototypeOf()
Take a look at this implementation of the state pattern in JavaScript:
var ON = {
switch: function() {
Object.setPrototypeOf(this, OFF);
this.state = "OFF";
}
}
var OFF = {
...
4
votes
2answers
351 views
How to avoid circular patterns in Node?
I'm new to Node and JavaScript (well, asynchronous programming in general) and I noticed when I was working on a project that the following code is a circular pattern and that these are bad practice ...
5
votes
1answer
639 views
is this a valid javascript design pattern when many instances are required?
I have some code that I'm refactoring, right now its just a list of functions, primarily jQuery.
The code is a form builder. The user adds sections, questions etc using jqueryUI drag/drop/sort. They ...
1
vote
1answer
156 views
What is the name of the pattern for passing an incomplete object to a constructor? [closed]
Several times in javascript I've seen a constructor function take in one parameter. The constructor will initialize all the fields for the object to default values and then use the parameter to ...
0
votes
2answers
138 views
The correct way of declaring & instantiating variables ( Javascript ) [duplicate]
I have seen other peoples code and each person has a different way of declaring variables. And I have been told by quite a few people that declaring variables in the Global Scope is wrong.
My ...
4
votes
1answer
982 views
When to use Prototypes & the correct usage of Prototypes ( Javascript )
I have been programming in Javascript for a while and I am quite comfortable with it. And I know the basic concept of prototypes and I have also used them a few times. But one thing I can't figure out ...
2
votes
1answer
226 views
How to avoid tying these two methods together with global mutable state?
I'm in the process of reading Code Complete 2 and learned that using global state is a no-no. What can I do to avoid using global state in this situation?
Some background information: I have two ...
1
vote
2answers
204 views
In javascript, should object properties be declared on top of the function?
I learned that it's good practice to declare variables before they are used. For example:
function myFunction() {
var i;
var j;
}
Does the same thing go for object properties, and is there a ...
1
vote
1answer
155 views
Differences in design/thought process for OO in Java and JavaScript [duplicate]
Despite sharing a similar name and syntax, Java and JavaScript are quite different. However, they both have Object Oriented features.
As a JavaScript novice, the main differences that I can see ...
2
votes
1answer
414 views
React and simple UI state
I'm starting to playing around with React and have a basic question regarding state.
I understand that in React state should only contain data which may change and cannot be computed from elsewhere, ...
0
votes
1answer
274 views
Better pattern than large if/else if/else for checking conditionals [duplicate]
I've got a fairly large set of booleans I'm checking in javascript, and then using them to alter the state of a layout in my React app. The whole thing is unwieldy, difficult to read, inelegant, and ...
16
votes
1answer
816 views
When to use prototypical programming in JavaScript
I've spent a good bit of time developing simple widgets for projects in the following way:
var project = project || {};
(function() {
project.elements = {
prop1: val1,
prop2: val2
}
...
1
vote
1answer
79 views
Is having a parent controller to manage a set of tabbed sections an anti-pattern for an angular application?
A lot of times, I have long forms that I divide into multiple tabbed sections. Each section is managed by it's own controller and there is a parent controller that manages the whole view. I use ui-...
0
votes
1answer
530 views
Front-end or Back-end Implementation of API? [closed]
Lets say I want to implement an API from an external website, for example like Dribbble or Last.fm.
I'm fairly new to this new generation of front-end MVC's (angular, etc), and most example's I've ...
30
votes
5answers
2k views
Why do code-bases in n-tier development have an equal amount of, if not more, JavaScript code now?
I've been doing web programming for a long time now, and somewhere, I lost track of why we are doing what we are doing today (or how did we come to do things this way)?
I started out with basic ASP ...
2
votes
0answers
347 views
How can I put multiple hierarchical forms in a single web page and avoid making it a mess?
We are a group of developers working on a web application that accepts forms filled and sent by our users and present it in an overall view. Our main form view looks like this:
There are multiple ...
4
votes
1answer
215 views
JS design pattern/algorithm for avoiding duplicate redraws in a fairly coupled system
Given:
some sort of widget based web app
lots of JS functionality
high coupling (communication/callbacks between widgets)
widgets draw themselves
certain widgets need to do a complete and fairly ...
0
votes
2answers
896 views
Confused about javascript module pattern implementation
I have a class written on a project I'm working on that I've been told is using the module pattern, but it's doing things a little differently than the examples I've seen. It basically takes this form:...
2
votes
0answers
61 views
How do I differentiate between old and new data in backbone collections?
A common pattern I come across is a backbone collection which is initially seeded from a database.
However, the user can also add to the collection. When the user does add to the collection, these ...
7
votes
1answer
430 views
Restructuring a large Chrome Extension/WebApp
I have a very complex Chrome Extension that has gotten too large to maintain in its current format. I'd like to restructure it, but I'm 15 and this is the first webapp or extension of it's type I've ...
9
votes
2answers
3k views
Javascript MVC application design (canvas)
I'm having difficulty grasping how to structure/architect a canvas application using an MVC like approach in Javascript. UI will be fairly fluid and animated, the games fairly simplistic but with ...
2
votes
1answer
1k views
Methods for structuring JavaScript SDKs
I've built a REST API and have been using Backbone models throughout a couple different applications to communicate to it.
I would really like to build a single JS SDK that can be used in any ...
2
votes
1answer
682 views
Javascript Implementation Patterns for Server-side MVC Websites
I'm looking for information on common patterns for initializing and executing Javascript page by page in a "traditional" server-side MVC website architecture.
A few months ago, my development team ...
6
votes
3answers
541 views
How to decompose / model a chessboard
As someone new to programming, I am building a chess web application in JavaScript, both for fun and to learn more about design patterns. I keep running into a wall, which is how to decompose the ...
0
votes
2answers
244 views
How to remove redundant code that enables button. Or “if” statement
I got probably "micro optimization" problem.
I got "History number", "Next Number", "Reset" buttons, as well "label" for text.
Every time I click At "Next number" button I would like to show random ...
1
vote
1answer
501 views
Recommended architecture for an interactive table widget with multiple behaviors in Javascript / jQuery
Use case:
For an administration UI, I want an interactive table widget with a number of behaviors:
Collapse / expand (yes, this means the rows are a hierarchy)
Update of data in a child cell based on ...
5
votes
4answers
2k views
Refactoring jQuery spaghetti code to use DDD [closed]
Most of my client side code ends up as a long script in one file the mostly looks like this:
<script>
function someFunction1(){/*...*/}
function someFunction2(){/*...*/}
...
var globalVariable1;...
2
votes
1answer
1k views
When to use embedded script language?
I already read some post about the why use embedded script language but I want to ask when to use it.
I have implemented an Objective-C / Javascript binding framework which allow me to write ...
2
votes
2answers
424 views
Refactored to a fancy global variable?
I am currently refactoring an application that i built in JavaScript.
The application uses a starting hour and a total working hour count in order to construct a timetable for daily, weekly and ...
