Blog | Nisan Sabag

JavaScript Runtime

Posted on January 8, 2022January 8, 2022 by nisan250

The JavaScript engine and the JavaScript runtime are responsible for running JavaScript code, the JavaScript engine alone will freeze the page as long as the call stack is not empty. it means that the JavaScript engine is synchronous. but with the JavaScript runtime, we can run asynchronous code.

The JavaScript runtime is a set of features the exist in the browser and while the JavaScript engine runs our code synchronously, the browser works in the background.

JavaScript Engine

Posted on January 8, 2022January 8, 2022 by nisan250

The job of the JavaScript engine is to translate the JavaScript code that we write into something that the computer can understand which is 0 and 1.

There are a lot of JavaScript engines and one of them is the V8 engine by google (written in C++) which was released in 2008. Google had a problem with the basic engines that ran google Maps slowly so they created their engine. the result was an advanced engine that ran the JavaScript code faster.

Web Components Overview

Posted on May 6, 2021May 6, 2021 by nisan250

Web components are HTML elements that are not built into the browser, but are created by developers.

Web components are broad term for a couple of specifications that are built in modern browsers:

Angular Service: Notification

Posted on December 13, 2020May 6, 2021 by nisan250

Services are not only great for sharing data, they can also provide notifications. we can use the service to broadcast a notification to components/services about state changes without the need to wait for the component to ask for the new state.

Angular Service: State Management

Posted on December 12, 2020December 12, 2020 by nisan250

communication is all about sharing and we can use services to share entity data across components. entity data can be for example posts, products, songs, movies and so on. this kind of service is a data access service.

We use the service as a data access service to encapsulate the common operations with data like get, add, update and delete data items. in the service we create methods that usually will make HTTP requests to get, add, update and delete data. each component that needs the data will use the service to get the data and will make an action on the data through the use of the service.

Angular Service: Property Bag

Posted on December 12, 2020December 12, 2020 by nisan250

There are several ways to manage state with services and the simplest one is named “property bag”. it means that the service is like a bag of properties with no real logic or state management. this type of service exposes simple properties that the components use to communicate state among themselves.

Angular Services

Posted on December 11, 2020December 11, 2020 by nisan250

Angular services are a very important building block in angular, they can help us to centralize general tasks, share data, prevent code duplication and to communicate between components.

Angular Custom Structual Directive

Posted on December 9, 2020December 9, 2020 by nisan250

Structural directives looks like normal HTML attribute but with a leading star. they affect the whole area in the DOM, it means they change the structure of the DOM around the element they added on. for example, *ngIf can remove an element from the DOM.

Angular Custom Attribute Directive

Posted on December 9, 2020December 9, 2020 by nisan250

Attribute directives look like normal HTML attributes (possibly with data binding or event binding). they affect/change the element they added on, means they change the properties of the element. for example, changing the background color.

Angular Content Projection and @ContentChild

Posted on December 8, 2020December 8, 2020 by nisan250

Content projection with ng-content is a feature that can help us when we building a configurable reusable component.

ng-content is a directive that we can use as a selector and this serves as a hook you can put in a component to mark the place for angular where it should add any content it findes between the opening and closing tag of the component.