Front-End Web Technologies

With more and more web and nonweb applications being developed every day, JavaScript, HTML5, CSS3, AngularJS, React, Node.js, to name just a few, are becoming more attractive to small and large companies alike. Trainologic’s experts bring in-depth knowledge in these scripting languages, collaborating with your developers to drive innovation.

Our Front-End Web Technologies Courses
Front-End Web Technologies Professional Content

Optimizing React

May 27, 2018 | Gilad Dayagi

We all know good performance is important, yet often this aspect of a project is neglected. That is unfortunate, as...

Micro Front Ends

| Ori Calvo

Micro front end is all about using multiple frameworks (Angular, React, VueJS) on the same page without refreshing the page....

Managing JavaScript projects inside Mono Repo

| Zacky Pickholtz

Managing a large front end project with multiple NPM packages can be overwhelming. During this session we cover popular tools...

Typescript Tips & Tricks

September 15, 2017 | Ori Calvo

Thank you all for coming to our September meetup This time we discussed Typescript 2.X new features Samples can be...

ES6 Modules are almost here

July 30, 2017 | Ori Calvo

This short video demonstrates that Chrome 61 supports ES6 modules without having to use transpilers like Babel/Typescript

Logging inside Angular application

July 20, 2017 | Ori Calvo

This short video demonstrates how to add a logging infrastructure without loosing debug tracking of each log message

Monitor Angular Change Detection

July 17, 2017 | Ori Calvo

This short video demonstrates how we can “monkey patch” Angular’s tick function and thus able to monitor its performance

Improving Angular logging

July 12, 2017 | Ori Calvo

This video demonstrates how you can use the simple complog library to improve logging inside Angular application

State Management Patterns

June 12, 2017 | Ori Calvo

Thanks all for joining me last week at WDCIL for my “State Management Pattern” talk It was quite different talk...

Angular 2 – Advanced Concepts

March 29, 2017 | Ori Calvo

Thanks to all joining me yesterday at my “Angular 2 – Advanced Concepts” session. As always, it was fun and...

Angular Web Worker – Building Super Responsive UI

February 24, 2017 | Ori Calvo

Angular Web Worker – Building Super Responsive UI | AngularUP 2016

Angular2 – Minimal seed

February 16, 2017 | Ori Calvo

Angular2 is great. It offers much mature component based architecture than Angular 1 However, simplicity is lost. For example, take a...

Object literals in Typescript

February 15, 2017 | Ori Calvo

Consider the following code written in Typescript The Typescript compiler raises the following error: Argument of type ‘{ x: number;...

WebStorm – Drag & Drop a reference

February 14, 2017 | Ori Calvo

It took quite a long time and I am not realy sure when the WebStrom guys actualy added this feature...

Immutability & Change Detection

February 13, 2017 | Ori Calvo

Immutable data structures are extremely useful when building multithreaded applications. A data structure that cannot be modified can be safely...

Protected: Typescript wrongly assumes browser context

February 12, 2017 | Ori Calvo

Running Typescript under NodeJS is easy Create a new main.ts file and put some code inside it Install typescript compiler...

Taking Your Node.js Apps to the Next Level with Typescript

February 9, 2017 | Zacky Pickholtz

For a language developed in merely 10 days, JS has made a long way, evolving along time and gaining huge...

Modern Component based Architecture

January 16, 2017 | Ori Calvo

A component based architecture is not a new idea. VB6 for example, offered such architecture (almost 20 years ago …). Data...

Angular2 – Load component’s template and styles by convention

July 19, 2016 | Ori Calvo

Below is a common definition of Angular2 component. clock.ts We use the require function to load the component’s template and styles...

Debugging Angular2 Source Code

July 13, 2016 | Ori Calvo

Angular2 is written using Typescript and then is compiled into plain ECMA5 JavaScript. Chrome (and other browsers) allows you to...

Using relative templateUrl in Angular 2

July 12, 2016 | Ori Calvo

One of the annoying thing using Angular2 templateUrl is that you must use absolute URL. Else, Angular is not able...

Performance killer – setTimeout

July 11, 2016 | Ori Calvo

For the last few weeks I had the opportunity to analyze the performance for a large scale Angular application. The...

Cache buster for SystemJS

March 21, 2016 | Ori Calvo

SystemJS module loader uses XHR to load module files from the server. This means that it is subject to caching...

Debugging NodeJS Applications

October 6, 2015 | Ori Calvo

With the introduction of Microsoft Visual Studio Code, debugging of NodeJS application is now a quite simple procedure to follow...

Bringing the simplicity of Attributes/Annotations into Angular 1.X

September 28, 2015 | Ori Calvo

One of the more interesting features of Angular 2 is its improved dependency injection mechanism Unlike Angular 1.X you don’t...

Typescript 1.6 – Async & Await

September 20, 2015 | Ori Calvo

The Promise pattern simplifies JavaScript asynchronous function management While using promises is much cleaner than using naive callbacks the code...

Prototype based controller with Angular 1.4

June 29, 2015 | Ori Calvo

I just encountered a brilliant post written by Eyal Vardi (Hebrew only) Eyal talks about how we can use Angular metadata...

Adding zone.js to Angular 1.4

June 27, 2015 | Ori Calvo

(I find below bits quite useful so I add them to github. You can get them by using bower install...

Configuring a Provider

February 23, 2015 | Ori Calvo

What is wrong with below code ? Nothing. But, depends on the version of Angular you are using you might...

$injector.instantiate

February 19, 2015 | Ori Calvo

Not every class inside Angular application is a service For example, consider the following class definition Above class represents a...

Mobile Icons

February 14, 2015 | Ori Calvo

You know why I like Twitter’s Bootstrap? Because of the Icon gallery I don’t know what about you but for...

CSS Pixel Insenity

February 1, 2015 | Ori Calvo

There are lots of articles trying to explain what is a pixel from CSS perspective. Here are the most popular...

Our Front-End Web Technologies Experts

Ori Calvo

Ori Calvo is the head of front end technologies at Trainologic. Ori supports leading software companies like HP, Amdocs and Verint by designing and implementing complex web applications. He specializes...

Yoav Melkman

Yoav is with 8 years of experience in creating web products, I have an excellent understanding of how technology and design can be used to align the requirements of both...

Avishai Cohen

Avishai is a professional and experienced MEAN stack web developer, passionate for all aspects of front-end technology combined to deliver a perfect user experience applications. Provide consulting services for...

Gilad Dayagi

Gilad started programming at a young age and have not stopped since, building and leading software projects - mostly in start-up companies. His experience range from IOT devices to mobile...

Zacky Pickholz

Zacky is a full-stack software developer with 20 years’ experience delivering fast, robust and high quality software solutions to companies big and small in various industries including Big Data, Security,...

Ariel Eisenstein

Ariel is a programmer since birth. Programming in his entire life Ariel gained extensive knowledge in many languages over the years such as java, c++, javascript and many more. The...

Elad Hirsch

Elad is developer and architect consultant at Trainologic. Elad has a strong expertise with over 10 years in a broad set of server & client technologies (using Java ,JavaScript)...

Eliran Levi

Eliran is experienced enterprise SPA developer. Mainly use Angular and Typescript for apps.

Uzi Hagigi

Uzi is a Front-End Developer who's passionate about web technologies and is eager to learn.

Yoram Kornatzky

Yoram is Software Architect & Engineer Yoram has 20 years of development experience Ph.D. Computer Science Open Source, Web, Server, Mobile, Cloud Mobile Apps iOS, Android, Phone Gap,...

Adi Lipin

Highly qualified Full Stack expert with vast experience in software design & development and in data/big data solutions. A real team player, with full commitment to the team & company,...

Simon Kaplinsky

Simon specialize in newest web thechniologis Build super fast web application Help people and companies shine online