Real Time Apps with TypeScript: Integrating Web Sockets, Node & Angular

Some time ago I implemented a simple chat application using TypeScript language only. The main goal was to write a demo to explain how you can use this programming language on the client side and on the server. The client app is using latest Angular features.

Full article

Read More

? A Comprehensive Guide to Angular onPush Change Detection Strategy

By default Angular uses the ChangeDetectionStrategy.Default change detection strategy. The default strategy doesn’t assume anything about the application, therefore every time something changes in our application, as a result of various user events, timers, XHR, promises, etc.

Full article

Read More

Optimizing AngularJS: 1200ms to 35ms

Here at Scalyr, we recently embarked on a full rewrite of our web client. Our application is a broad-spectrum monitoring and log analysis tool. Our home-grown log database executes most queries in tens of milliseconds, but each interaction required a page load, taking several seconds for the user.

Full article

Read More

How to Build a Portfolio Platform App Using AngularJS

In this tutorial I’m going to show you how to create a “Portfolio Platform” app using AngularJS, a little bit of Node, and Cosmic JS. At the end of the tutorial we will have a platform that enables management of multiple portfolio websites. Users can login and manage their portfolio website.

Full article

Read More

Measuring performance gains — AngularJS to React (with Redux or Mobx)

In this post, I will go over the performance and memory profiles of a various UI scenarios implemented using AngularJS, React/Redux and React/Mobx. We will compare and contrast the performance of these frameworks on measures like script execution time, frames per sec and usedJSHeapSize for each scenario.

Full article

Read More

Deploy an AngularJS Ecommerce App in 4 Steps

In this blog I will demonstrate how to Install and Deploy an AngularJS Ecommerce Application built using AngularJS, Node.js and Cosmic JS. This Ecommerce Application allows you to process orders from customers and accept Stripe payments for goods and services.

Full article

Read More

How to Build a Mobile Product Catalog App Using Angular JS, Ionic and Cosmic JS

You’ll need the node.js, npm and ionic cli pre-installed. Make sure you already have them before start. Please refer to ionic docs how to do this. You need Ionic framework >= 2.0 to run this example, so make sure you have the right Ionic version:

Full article

Read More

Firebase- Authentication Using AngularJS

In the past weeks, I have written several posts about Firebase Real-Time Database, Firebase Storage and the new version of AngularFire 2.3.0 which includes Firebase Storage as well.

Full article

Read More

Firebase: Real-Time Database Using AngularJS

Today, we're going to talk about Firebase, a powerful Google mobile platform that provides a bunch of tools such as storage, cloud messaging, hosting, and a real-time database that can be accessed via web, iOS, or Android app.

Full article

Read More

AngularJS 1.x Fundamentals (Part 2)

Angular 2 is the shiny new framework that comes with a lot of new concepts. Learn all the great new features. In the previous article in this series, we looked into AngularJs concepts and features. We looked into what AngularJs is and its features that make it standout.

Full article

Read More

Password Strength Meter in AngularJS 1.x

Angular 2 is the shiny new framework that comes with a lot of new concepts. Learn all the great new features. In this tutorial, we would be creating a simple registration form with just fields for fullname, email and password.

Full article

Read More

Creating An AngularJS Application With Sequelize – Part 3

This is the third part of a three-part series on building an angularJS application with Sequelize broken down as follows. Before we begin the final stage of testing the bookmark application and deploying to heroku, let's make a few changes to the app so that it runs smoothly on production.

Full article

Read More

Angular 1.6 is here, this is what you need to know

After Angular 1.5 was released, the component method has taken over. Now there are important changes to take note of when upgrading to Angular 1.6 - this post outlines some hints and tips as well as runs through some new features.

Full article

Read More

A Guide to Building Quality Angular 1.5 Components

This article was peer reviewed by Mark Brown and Jurgen Van de Moere. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! In Angular 1, components are the mechanism which allows you to create your own custom HTML elements.

Full article

Read More

Creating An AngularJS Application With Sequelize – Part 2

Angular 2 is the shiny new framework that comes with a lot of new concepts. Learn all the great new features. This is the second part of a three-part series on building an angularJS application with Sequelize broken down as follows.

Full article

Read More

AngularJS 1.x Fundamentals (Part 1)

Angular 2 is the shiny new framework that comes with a lot of new concepts. Learn all the great new features. AngularJS is a structural framework for dynamic web apps. It lets you extend HTML's syntax to express your application's components in a clear and concise manner.

Full article

Read More

Modern Angular 1.x essential interview questions

Angular 1.x has changed a lot with 1.5 introducing .component(), and with this it brings a whole new light to interviewing. At many previous jobs I’ve interviewed many developers on Angular, JavaScript in general and combining the two. This is my list of what I’d consider “modern Angular 1.

Full article

Read More

Tutorial: Get Started with AngularJS, Spring Boot, and Stormpath

Last year, Micah Silverman wrote about integrating Spring Boot, Spring Security, and Stormpath. Today, I’m going to take you on a similar journey, except this time you’ll be using AngularJS and Stormpath’s AngularJS SDK for the UI.

Full article

Read More

Prototyping with AngularJS & Google Sheets

I just spent a week prototyping with AngularJS and Google Sheets. It turned out to be a powerful and relatively simple way to get a working prototype up and running fast! I wanted to share what I learned to hopefully help other designers leverage these tools for quick prototyping.

Full article

Read More

Data Binding In AngularJS

Data binding is a process of establishing the connection between View and Model to communicate or updating the data from View to model and from Model to View. Data binding is of 3 types, as listed below.

Full article

Read More