Spectory Blog

App Internationalization and localization For Angular Apps

By Arik A, Mar 5 2019

As developers, we’d like our applications to be accessible and user-friendly to a worldwide audience - that includes people who do not speak the language the app was originally designed in. That is why translating our application is vital for a great user experience.

Read More

PWA - How to make your application work offline

By Amitai B, Jan 26 2019

PWA (progressive web application) is the future (present) of web applications. It has all the benefits of mobile applications (push notification, offline support, lunch icon etc.), And the user does not need to go to the store and install it from there, only navigate to the URL.

Read More

Serverless application with Firebase

By Amitai B, Feb 23 2018

This Is a tutorial that explains step by step how to write a serverless application. In this tutorial, I will use Angular and Firebase, The developer experience of the both are so painless that it is really fun. Especially if you compare it to other serverless solutions such as AWS Lambda.

Read More

Get a Performance Boost with Client-Side Caching

By Guy Y, Feb 4 2018

Network caching is a great way to improve app performance.

Read More

Angular 2 with Rails and Webpacker

By Amitai B, Nov 19 2017

I love Rails, I think it’s the best web development platform, at least from a developer point of view (DX). But it is not perfect. One of its major disadvantages is when you try to use it with one of new modern JavaScript framework (React, Angular, Vue…). There is no “Rails” way to do it. You need to start messing with configurations and settings, all the things that Rails trying to avoid. Writing a web application in Rails traditional way would be using ActiveViews, and add a little JQuery when you need JavaScript in the client. But when You want to write a single page application (SPA), it’s just not good enough.

Read More

Let your job do your job

By Tomer S, Nov 16 2017

We live in a busy world.

Read More

Congratulations, It's a Chrome Extension!

By Tomer S, Jul 31 2017

As a young parents for our little one, my wife and I are learning the "debugging life cycle" of babies.

Read More

Factory girl the Story of Goldilocks and the Three Bears

By Tomer S, Sep 29 2016

Just like in the story of Goldilocks and the Three Bears, in our code- guests are welcome, mystery guests aren't.   While we are testing our application , we need to challenge the logic and design of our code. In order to do so efficiently we will increase the power of our unitests by making it faster and by testing all parts of the code. Testing is an integral part of code writing. Unitests of Web applications need to test both the server side and the client side. The challenge of testing the server side is the decrease in performance speed due to the writing to database. As a Full Stack developer it is very important to conduct the tests in a convenient way, without compromising on quality. This is the main goal of FactoryGirl.      

Read More

Angular2 vs Angular1

By Eyal H, Apr 14 2016

Angular 2 is built as "lego bricks", where every view and it's model (MVC talking) are a "component" that can define it's own onInit, onChange and onDestroy callbacks, giving it an atomic nature from one hand, and callbacks such as afterContentInit or afterViewInit which gives it a container nature from the other hand. Giving each component it's own life-cycle and giving each component the possibility to contain or be contained, makes it much easier to dynamically build an application, or a "lego castle" if you wish. Opposed to angular 1 where the controller is the major parent and it mainly contains a large html and directives.

Read More

Why React

By Gil M, Jan 30 2016

React is a new(ish) front-end library from Facebook that aims to provide a simpler UI programming model with some performance gains.

Read More

Angular Directive Guidelines

By Gil M, May 24 2015

The Angular documentation for directives can be a bit intimidating so here are a few simple guidelines to creating a reusable widget in Angular. A widget is a visual element implemented via an Angular directive and tested mostly manually in a browser. If the widget performs some calculations such as date calculations for instance that do require tests, this is best done in an injected lib that is tested separately. Examples of widgets are two-way sliders, multi-select drop-downs, graphs etc., these are visual elements that have the following interface to the outside world:

Read More

Quick AngularJS Optimizations

By Gil M, Jan 22 2015

Here are a few quick tips to optimize AngularJS code for speed:

Read More