Javascript
Follow
3.9K views | +18 today
Your new post is loading...
Your new post is loading...
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Browserify All The Things

This talk is about how to use browserify to develop front-end modular code using Common.JS, and how those modules should be documented, designed, and released using an automated build system. In order to explain these concepts I'll walk you through a few of my own open-source creations, highlighting interesting points as we go along.


Via Jan Hesse
more...
No comment yet.
Scooped by Darlene Tate
Scoop.it!

JavaScript's $(document).ready vs. $(window).load - CodeProject

JavaScript's $(document).ready vs. $(window).load - CodeProject | Javascript | Scoop.it
A most common event; Author: _Canny_Brisk_; Updated: 16 Sep 2013; Section: Client side scripting; Chapter: Web Development; Updated: 16 Sep 2013 (RT @marvinse92: Diferencia entre window.load y document.ready en Javascript:
more...
No comment yet.
Rescooped by Darlene Tate from Web Developer & Design Graphics
Scoop.it!

15 Responsive jQuery UI Snippets & Modules - Designmodo

15 Responsive jQuery UI Snippets & Modules - Designmodo | Javascript | Scoop.it
We present fresh responsive jQuery snippets that would let you enhance the experience your users have while browsing your website, be that on mobile devices, tablets or regular browsers.

Via Jakarta Web Developer
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

JavaScript Memory Management Masterclass

Efficient JavaScript webapps need to be fluid and fast. Any app with significant user interaction needs to consider how to effectively keep memory usage down because if too much is consumed, a page might be killed, forcing the user to reload it and cry in a corner.

Automatic garbage collection isn't a substitute for effective memory management, especially in large, long-running web apps. In this talk we'll walk through how to master the Chrome DevTools for effective memory management.

Learn how to tackle performance issues like memory leaks, frequent garbage collection pauses, and overall memory bloat that can really drag you down.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Browserify and Gulp with React

Browserify and Gulp with React | Javascript | Scoop.it

The JS world moves quickly, and nowadays, there’re some new kids around the block. Today, we’ll explore Browserify, Gulp, and React and see whether they’d sound suitable for our projects. You might have heard of them but not have had the time to check them out. So we’ll look at the advantages and disadvantages of using Browserify, using Gulp, using React. Because it certainly doesn’t hurt to know our options.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

AngularJS - Overcoming performance issues. Limits.

We will discuss about...

1. View watches / data bindings

2. What you see is what you show

3. The risk of polluting scopes

4. Core directives to avoid

5. Splitting the page

6. Miscellaneous

7. Limits


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from Web Developer & Design Graphics
Scoop.it!

jQuery Full Page Navigation by Pete R. | The Pete Design

jQuery Full Page Navigation by Pete R. | The Pete Design | Javascript | Scoop.it
Create a fully responsive and dynamic full page navigation with one JS call.

Via Jakarta Web Developer
more...
No comment yet.
Rescooped by Darlene Tate from Web Developer & Design Graphics
Scoop.it!

jQuery One Page Scroll by Pete R.

jQuery One Page Scroll by Pete R. | Javascript | Scoop.it
Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin

Via Jakarta Web Developer
more...
No comment yet.
Rescooped by Darlene Tate from Web Developer & Design Graphics
Scoop.it!

Trianglify - Javascript Library for Generating Colorful Triangle Meshes

Trianglify - Javascript Library for Generating Colorful Triangle Meshes | Javascript | Scoop.it

Trianglify is a javascript library for generating colorful triangle meshes that can be used as SVG images and CSS backgrounds.

Trianglify is open source software. Check it out on Github!

Made by Quinn Rohlf


Via Jakarta Web Developer
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Creating An Application With Sails, Angular and Require.js

Creating An Application With Sails, Angular and Require.js | Javascript | Scoop.it

There are a lot of really good client-side and server-side JavaScript frameworks popping up, but there are not many in-depth articles on how they fit together. This series will look at a very specific stack and how it can be used to create an application.

 

Here is what we will cover:

* Starting The Sails Project
* Sails Server-Side Views
* Adding dependencies
* Angular Controllers
* Sails Models
* Syncing With The Server


Via Jan Hesse
more...
No comment yet.
Scooped by Darlene Tate
Scoop.it!

Single Page Apps with AngularJS Routing and Templating

Single Page Apps with AngularJS Routing and Templating | Javascript | Scoop.it
Overview Single page apps are becoming increasingly popular. Sites that mimic the single page app behavior are able to provide the feel of a phone/tablet application. Angular helps to create applications like this easily.
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Build a Node API Client - Part 2: Encapsulation, Resources, & Architecture

Build a Node API Client - Part 2: Encapsulation, Resources, & Architecture | Javascript | Scoop.it

Detailed How-To for building API Client libraries in Node.js. Client design and architecture using encapsulation and resources.

 

To achieve this, your Node.js client should only expose users to the public version of your API and never the private, internal implementation. If you’re coming from a more traditional Object Oriented world, you can think of the public API as behavior interfaces. Concrete implementations of those interfaces are encapsulated in the private API. In Node.js too, functions and their inputs and output should rarely change. Otherwise you risk breaking backwards compatibility.

Encapsulation creates lot of flexibility to make changes in the underlying implementation. 


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from Software Development Hub
Scoop.it!

Gulp + Browserify: The Everything Post | Viget

Gulp + Browserify: The Everything Post | Viget | Javascript | Scoop.it

Via Srdjan Strbanovic
more...
No comment yet.
Scooped by Darlene Tate
Scoop.it!

Why Now is the Best Time to Learn JavaScript - Treehouse Blog

Why Now is the Best Time to Learn JavaScript - Treehouse Blog | Javascript | Scoop.it
JavaScript may feel like an old language – and it is, being 19 years old – but it has a myriad of uses and is popping up in places you wouldn’t expect it to. Now, is definitely the time to …Continue reading →
more...
No comment yet.
Rescooped by Darlene Tate from #TheCodingReview
Scoop.it!

Node Roundup: Tint, Redbird

Node Roundup: Tint, Redbird | Javascript | Scoop.it
Tint
Desktop apps built with node-webkit or similar technologies are on the rise. The idea is seemingly simple: package the Node runtime along with a small program that runs your Node web app as if it’s a native application.

Via Ex FromTheLeft
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Node, Grunt, Bower and Yeoman - A Modern web dev's Toolkit

Node, Grunt, Bower and Yeoman - A Modern web dev's Toolkit | Javascript | Scoop.it

This article aims at introducing you to some of the currently most popular tools when developing modern web applications with JavaScript. These are totally not new at all and have been around for a couple of years now. Still, I found many devs still don't use or know about them (as you might), wherefore this article tries to give you a quick, concise intro to get you started.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

React’s diff algorithm

React’s diff algorithm | Javascript | Scoop.it

In this article I will present how the diff algorithm and rendering work in React so you can optimize your own apps.

 

At any point in time, you describe how you want your UI to look like. It is important to understand that the result of render is not an actual DOM node. Those are just lightweight JavaScript objects. We call them the virtual DOM.

React is going to use this representation to try to find the minimum number of steps to go from the previous render to the next.

 


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Debugging AngularJS Apps from the Console

Debugging AngularJS Apps from the Console | Javascript | Scoop.it

When building AngularJS apps, it can be challenging to access data and services hidden deep in our application through the Javascript console in Chrome, Firefox, and IE. Here are some simple tricks we can use to inspect and control a running Angular app through the browser Javascript console, making it easy to test, modify, and even program our Angular app in real-time:

1: Access Scopes
2: Inspect the Scope Tree
3: Grab any Services
4: Access controller for directive
5: Chrome Console Features
6: Conclusion


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

First Look: Getting Started with Facebook's ReactJS Library

First Look: Getting Started with Facebook's ReactJS Library | Javascript | Scoop.it

Let’s go back to our Component which is the main React’s object. You can create complicated Web interfaces by combining Components. Each one of them implements render() where the temporary DOM is created and this rendering can be hierarchic. This way the Components tree is created. Each block contains of its current state and is re-rendered after any change. Changes in parent’s component are also passed to children.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from Web Developer & Design Graphics
Scoop.it!

jQuery Fly Side Menu by Pete R.

jQuery Fly Side Menu by Pete R. | Javascript | Scoop.it
Recreate an iOS7 Airbnb App Side Menu Animation using jQuery and CSS3

Via Jakarta Web Developer
more...
No comment yet.
Scooped by Darlene Tate
Scoop.it!

Resources For Developers and Designers

Resources For Developers and Designers | Javascript | Scoop.it
Website: Build My Site Resources For Developers and Designers was originally published at Web Design and Development - Topics For Web, Mobile, App Design and Development All rights reserved.
more...
No comment yet.
Rescooped by Darlene Tate from #TheCodingReview
Scoop.it!

How to: AngularJS with Slim PHP Micro Framework

How to: AngularJS with Slim PHP Micro Framework | Javascript | Scoop.it
AngularJS is a popular front-end framework that can be used with many server-side technologies.

Via Ex FromTheLeft
more...
No comment yet.
Scooped by Darlene Tate
Scoop.it!

AngularJS vs. Backbone.js vs. Ember.js

AngularJS vs. Backbone.js vs. Ember.js | Javascript | Scoop.it
Angular, Backbone and Ember all have the concept of views, events, data models and routing. We will compare their differences and outline ideal use cases. (Choosing the right #JavaScript Framework – #angularjs vs.
more...
No comment yet.
Rescooped by Darlene Tate from #TheCodingReview
Scoop.it!

10 Incredible jQuery Libraries For Developers To Handle Touch Events Proficiently

10 Incredible jQuery Libraries For Developers To Handle Touch Events Proficiently | Javascript | Scoop.it
In this article, we have collected a list of jQuery Touch Event Libraries for managing touch events for your smartphone apps.

Via Ex FromTheLeft
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Introduction to Ember.js

Ember is…

• A framework for creating ambitious web applications

• Built for productivity

• Opinionated

• Sometimes perceived as difficult to learn (Not to scale)

 

Core Concepts
• Models

• Routes

• Templates

• Views

• Controllers

• Components


Via Jan Hesse
more...
No comment yet.