JavaScript

JavaScript Introduction

By: Stephen Patrick | 13 Jul 2016 | Category: JavaScript Introduction

JavaScript Introduction

JavaScript is an important technology, in modern web development. JavaScript allows us to add dynamic behavior to our pages. Over the last number of years there has being many new frameworks and libraries created that simplify working with JavaScript. JavaScript is an important technology used in many large applications.

Read More

JavaScript Functions

By: Stephen Patrick | 13 Jul 2016 | Category: JavaScript Functions

JavaScript Functions

We can consider JavaScript as a functional language. In fact all functions in JavaScript are first class objects, and can be treated as such. Functions can be assigned to variables, passed to and returned from functions. Functions can also be defined as literals.

Read More

JavaScript Anonymous Functions

By: Stephen Patrick | 13 Jul 2016 | Category: JavaScript Functions

JavaScript Anonymous Functions

An anonymous function is a function without a name. Anonymous functions are useful in a number of scenarios. We can create them when needed such as passing them as a callback function to receive notification of a task. We can also assign them to a variable to be used later. For example, we can use an anonymous functions as a callback.

Read More

JavaScript Function Arguments

By: Stephen Patrick | 13 Jul 2016 | Category: JavaScript Functions

JavaScript Function Arguments

JavaScript allows to define functions that take no arguments. We can also define functions that take arguments. JavaScript allows us to pass values to functions as arguments. We can define our function to take arguments by placing one or more variables in the function definition parentheses.

Read More

JavaScript Scope

By: Stephen Patrick | 19 Jul 2016 | Category: JavaScript Functions

JavaScript Scope

Javascript allows us to define variables and functions. The location of where and how we define determines how that item can be used. Javascript has a global scope. Global scope is the top level or root scope any variable, function etc that is defined at global scope can be referenced, from a child scope or a variable at the same scope.

Read More

JavaScript Functions Are Objects

By: Stephen Patrick | 19 Jul 2016 | Category: JavaScript Functions

JavaScript Functions Are Objects

Functions in JavaScript are different to other programming languages such as Java. Functions in JavaScript are objects. In fact functions in JavaScript allow you to create new objects similar in some respects (but not the same) to classes in Java, C# etc.

Read More

JavaScript: Object Orientation

By: Stephen Patrick | 20 Jul 2016 | Category: JavaScript Object Orientation

JavaScript: Object Orientation

JavaScript supports object orientated features. JavaScript is not a traditional object orientated language as it is a prototypical language. A prototypical language does not make a distinction between classes and objects as is with programming languages such as Java and C#. An object in JavaScript has a prototype property.

Read More

JavaScript: Object Literals

By: Stephen Patrick | 21 Jul 2016 | Category: JavaScript Object Orientation

JavaScript: Object Literals

JavaScript also allows us to create objects via object literal notation. This notation does not use a constructor function. Moreover, defining a variable with object literal notation does not require the use of the new keyword. As previously mentioned when we create an object using a constructor function we use the new keyword. The new keywords creates a new reference type.

Read More

JavaScript: Object Properties

By: Stephen Patrick | 27 Jul 2016 | Category: JavaScript Object Orientation

JavaScript: Object Properties

We can add properties to objects. Properties, allow us to give a name to a value we wish to store on the object. We can add both data and behavior to our objects. Properties can also be added to an object at run-time.

Read More

Javascript Accessor Properties

By: Stephen Patrick | 28 Jul 2016 | Category: JavaScript Object Orientation

Javascript Accessor Properties

As mentioned, we can add properties to an object as an own property added to the object itself, or to the object prototype. JavaScript provides us with another type of property called an accessor property. This property can be likened to a property in c# .net.

Read More

JavaScript: Scope Revisited

By: Stephen Patrick | 20 Jul 2016 | Category: JavaScript Code Organization

JavaScript: Scope Revisited

As we mentioned when working with JavaScript variables exist within a scope. Within a scope we can create named data types, such as objects, arrays, functions and variables. We can also create unnamed data types for example anonymous functions. We also mentioned the scope is the domain in which data types, variables, functions etc exist and can be referenced. Scope can also be arranged hierarchically.

Read More

Jasmine And Karma

By: Stephen Patrick | 09 Oct 2016 | Category: Jasmine JavaScript Testing

 Jasmine And Karma

In this tutorial we will look at how to test with Jasmine and Karma. Karma is a test runner and is a product of AngularJs. Karma can be used to test code on various browser’s and devices. In this tutorial we will use NPM (Node Package Manager) to configure our environment and run our tests.

Read More

Webpack Introduction

By: Stephen Patrick | 16 Feb 2016 | Category: Webpack

Webpack Introduction

Webpack is a packaging tool that can be used to bundle web resources, such as JavaScript, css etc. Webpack facilitates treating resources as dependencies allowing you to pull in the dependencies required by your project. Webpack provides a declarative mechanism for defining dependencies via configuration.

Read More

Angular Js: Introduction

By: Stephen Patrick | 04 Aug 2016 | Category: Angular Js

Angular Js: Introduction

JavaScript allows us to add dynamic behavior to our web applications. It allows us to manipulate, and animate page elements, send and receive data to and from a server, synchronously and asynchronously. Over the last number of years there are many JavaScript frameworks that aim to simplify how we write Web Applications.

Read More

Creating A Rest Service With Node, React, And Webpack

By: Stephen Patrick | 19 Oct 2016 | Category: Node Rest

Creating A Rest Service With Node, React, And Webpack

Nodejs provides mechanisms for building Rest Services. One advantage of Node is that it provides an API for creating and configuring a Web Server out of the box. In this tutorial we will build a simple Rest Service using Node. We will also use Webpack to package our code.

Read More

ReactJs Introduction

By: Stephen Patrick | 16 Aug 2016 | Category: ReactJs Introduction

ReactJs Introduction

ReactJs, is a little different to other JavaScript MVC Web frameworks in that it is not intended to support the full MVC spectrum. Reactjs focuses on building View components. The components contain code to render the view. The aim of Reactjs is to reduce boilerplate code and increase productivity when manipulating DOM elements.

Read More

JSX Introduction

By: Stephen Patrick | 18 Aug 2016 | Category: ReactJs Introduction

JSX Introduction

JSX is an extension of JavaScript that provides an XML like syntax that resembles HTML. JSX is used by Reactjs to reduce the amount of code required to create elements. JSX provides a concise syntax, for example compare the two below code snippets.

Read More

ReactJs Component Attributes

By: Stephen Patrick | 19 Aug 2016 | Category: ReactJs Introduction

ReactJs Component Attributes

As mentioned Reactjs allows us to build custom view components that encapsulate both state and the behavior required to render the view. Reactjs also provides a means to pass arguments to components as attributes. Reactjs facilitates this by providing a props property.

Read More

Reactjs JavaScript Expressions

By: Stephen Patrick | 20 Aug 2016 | Category: ReactJs Introduction

Reactjs JavaScript Expressions

Reactjs JavaScript expressions facilitate the inclusion of dynamic data. We can use JavaScript expressions, to create elements from dynamic data. JavaScript expressions are defined within chain brackets { and }. We can include any piece of JavaScript code within those expressions.

Read More

Reactjs Key Warnings

By: Stephen Patrick | 22 Aug 2016 | Category: ReactJs Introduction

Reactjs Key Warnings

Reactjs allows us to render and create a number of dynamic elements and add them to the browser DOM tree. Moreover, when these elements are added to the DOM tree, giving the nature of dynamic web applications, JavaScript can be used to change the order of these elements. The order could be changed through crud operations, such as add, edit delete, sorting operations, drag and drop operations etc.

Read More

Popular Articles