My Blog

Author: saqibkhan

  • What are Single Page Applications (SPA)?

    —

    by

    saqibkhan
    in

    Single-page applications are web applications that load once with new features just being mere additions to the user interface. It does not load new HTML pages to display the new page’s content, instead generated dynamically. This is made possible through JavaScript’s ability to manipulate the DOM elements on the existing page itself. A SPA approach…

  • What is data binding? Which type of data binding does Angular deploy?

    —

    by

    saqibkhan
    in

    Data binding is a phenomenon that allows any internet user to manipulate Web page elements using a Web browser. It uses dynamic HTML and does not require complex scripting or programming. We use data binding in web pages that contain interactive components such as forms, calculators, tutorials, and games. Incremental display of a webpage makes…

  • What is TypeScript?

    —

    by

    saqibkhan
    in

    TypeScript is a superset of JavaScript that offers excellent consistency. It is highly recommended, as it provides some syntactic sugar and makes the code base more comfortable to understand and maintain. Ultimately, TypeScript code compiles down to JavaScript that can run efficiently in any environment. 

  • What is Angular? Why was it introduced?

    —

    by

    saqibkhan
    in

    Angular was introduced to create Single Page applications. This framework brings structure and consistency to web applications and provides excellent scalability and maintainability. Angular is an open-source JavaScript framework entirely written in TypeScript. It uses HTML syntax to express your application’s components clearly.

  • Forms

    —

    by

    saqibkhan
    in

    Angular forms are used to handle user’s input. We can use Angular form in our application to enable users to log in, to update profile, to enter information, and to perform many other data-entry tasks. In Angular 8, there are 2 approaches to handle user’s input through forms: Both approaches are used to collect user…

  • Two way Data Binding in Angular 8

    —

    by

    saqibkhan
    in

    We have seen that in one-way data binding any change in the template (view) were not be reflected in the component TypeScript code. To resolve this problem, Angular provides two-way data binding. The two-way binding has a feature to update data from component to view and vice-versa. In two-way databinding, automatic synchronization of data happens…

  • Event Binding in Angular 8

    —

    by

    saqibkhan
    in

    In Angular 8, event binding is used to handle the events raised from the DOM like button click, mouse move etc. When the DOM event happens (eg. click, change, keyup), it calls the specified method in the component. In the following example, the cookBacon() method from the component is called when the button is clicked:…

  • String Interpolation in Angular 8

    —

    by

    saqibkhan
    in

    String Interpolation is a one-way databinding technique which is used to output the data from a TypeScript code to HTML template (view). It uses the template expression in double curly braces to display the data from the component to the view. String interpolation adds the value of a property from the component. For example: We have already created an…

  • Property Binding in Angular 8

    —

    by

    saqibkhan
    in

    Property Binding is also a one-way data binding technique. In property binding, we bind a property of a DOM element to a field which is a defined property in our component TypeScript code. Actually Angular internally converts string interpolation into property binding. For example: Property binding is preferred over string interpolation because it has shorter and cleaner…

  • Data Binding in Angular 8

    —

    by

    saqibkhan
    in

    Data binding is the core concept of Angular 8 and used to define the communication between a component and the DOM. It is a technique to link your data to your view layer. In simple words, you can say that data binding is a communication between your typescript code of your component and your template…