Home » JavaScript (page 5)

JavaScript

AngularJS Dependency Injection Example

Dependency Injection is a design pattern that divides the application into different components which can be injected into each other as dependencies. In this tutorial, we will understand how the dependency injection principle works in the angular library. Table Of Contents 1. Introduction 1.1 Angular JavaScript 1.2 Dependency Injection in Angular 1.3 Why Dependency Injection? 1.4 Familiar Services in Angular ...

Read More »

Angular 1 to React Migration

Recently I decided to migrate one of my side projects to React. I had several reasons for that, but the most important is that, obviously, Angular 1 is old, and nobody cares about it anymore. No community, no bugfixes, no improvements. It is basically dead. So I decided to give React a go. And you know what? I was blown ...

Read More »

Optimizing Angular Application Using Template Cache

In one of my projects we were experiencing lot of server calls for the HTML files which we optimized it using Angular Template Cache and in this post I will showcase a thin example of our problem and how Angular Template Cache solved it using a Cache object. As creating an application is not a part of this post, I ...

Read More »

AngularJS Dropdown Example

Hello readers, in this tutorial, we will understand how to implement a drop-down in the angular web application. In this step-by-step approach, we’ll cover how to: Bind a drop-down with the controller Select a value in the drop-down and pass to the angular controller Bind a drop-down value with the angular expression 1. Introduction Angular is a JavaScript MVC or ...

Read More »

AngularJS Datepicker Example

Hello readers, datepicker is an important utility that allows the user to choose a date from the calendar pop-up. In this tutorial, we will understand how the datepicker works in the angular library. 1. Introduction Angular is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. But before ...

Read More »

AngularJS ng-checked Directive Example

Hello readers, ng-checked in the angular library is a directive that reads the checked or unchecked status of the radio buttons and check-boxes. In this tutorial, we will see how this directive works in the angular library. 1. Introduction AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable ...

Read More »

AngularJS Controllers Example

Hello readers, controller in the angular library is a JavaScript function that controls the flow of an application data in the angular application. In this tutorial, we will see how the controller works in the angular library. 1. Introduction AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable ...

Read More »

ReactJS Getting Started Example

In this article we will start our adventures in React. We will cover the set up of our local development environment, the various ancillary technologies needed to make our React application work and how a React application is composed. We will finally pull everything together in a simple web application which we can run locally in our browser. Knowledge of ...

Read More »

AngularJS Data Bindings Example

Hello readers, data binding in an angular library is a data synchronization process between the Model and the View components. In this tutorial, we will see how data binding works in the angular library. 1. Introduction Binding of data is an important feature in the UI technology. The data binding acts as a communication medium between the Model and the ...

Read More »