Software Engineering

How to Create an Angular HttpInterceptor?

Angular 4.3 brought us a new easier way to handle HTTP requests with the HttpClient library. I mentioned how powerful this tool is in my previous post; Introduction to Angular HttpClient Now it’s time to explore another of the powerful angular features: interceptors. Interceptors provide a mechanism to intercept and/or mutate outgoing requests or incoming responses. Interceptors are a way […]

How to Create an Angular HttpInterceptor? Read More »

Your first Angular Component

Creating an Angular Component Angular-CLI creates a component with all required configuration with a simple command; `ng g c name-of-your-component`. This will create the component bundled in a folder that has the same name with your component name. The Component Class Angular-CLI generated the component class in the typescript file. @Component decorator contains the connections

Your first Angular Component Read More »

Introduction to Angular HttpClient Library

Angular 4.3 introduces a new easier way to handle HTTP requests with the HttpClient library. It’s available under a new name to avoid causing breaking changes with the current Http library.  HttpClient basically performs HTTP requests and also gives us advanced functionality like the ability to listen for progress events and interceptors to monitor or modify requests or responses.

Introduction to Angular HttpClient Library Read More »

Initial Parts of Angular

What is Bootstrapping in Angular? The bootstrapping process sets up the execution environment, digs the App Component out of the App Module’s bootstrap array in its NgModule arguments and creates an instance of the App Component to insert it within the element tag identified by the App Component ’s.selector. What is Component? The components are

Initial Parts of Angular Read More »

Bootstrapping in Angular

What Is Bootstrapping in Angular? The bootstrapping process sets up the execution environment, digs the App Component out of the App Module’s bootstrap array in its NgModule arguments and creates an instance of the App Component to insert it within the element tag identified by the App Component ’s.selector. Relevant codes can be found in

Bootstrapping in Angular Read More »

What is TypeScript?

TypeScript is an open-source programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language. TypeScript is designed for development of large applications and transcompiles to JavaScript. TypeScript is a language for application-scale JavaScript. TypeScript adds optional types to JavaScript that support tools for

What is TypeScript? Read More »

Introduction to New Angular

What is Angular? Angular (2+) is not a programming language like JavaScript or TypeScript. Angular is a front-end or client-side Framework, which needs a programming language like Typescript (developed by Microsoft). The angular platform facilitates the creation of single-page web applications. Angular combines declarative templates, dependency injection, end-to-end tools and integrated best practices to solve

Introduction to New Angular Read More »