Hello! I am glad you are here.

Full Stack designer & developer

  • UX Design
  • Adobe
  • Agile Scrum
  • HTML
  • CSS
  • JavaScript / TypeScript/ Node
  • Angular

Learn

JavaScript Instances

In the last post, I briefly discussed JS constructors. In that post, I showed how to create an instance of a constructor with the new operator. Our constructor was rather ‘blah’. So let’s see how we can access constructor instance properties and methods. The aforementioned constructor code gives us a

More »

JavaScript Constructors

If you come from a classical object-oriented language, then constructors are second nature to you. They are a recent phenomenon in JS. If you utilize something like TypeScript, which is a superset of JS, then you utilize constructors all the time. In vanilla JS, constructors are simply function objects. This

More »

Angular Structural Directives

Angular structural directives allow us to change the DOM structure (hence the name). In Angular, we use the *ngIf as a structural directive. Basically, if it evaluates to ‘true’, then the element is inserted into the DOM. If it is ‘false’, the element is removed. The above div would be

More »

Angular Directives

Angular directives allow the creation of DOM elements. We can also change the structure and behavior of the elements. There are three types of Angular directives… Components – directives that have templates. Attribute – directives that change appearance and behavior or elements. Structural – directives that change the DOM layout.

More »

Angular Output

In a previous post, we looked at sharing data from parent to child component. How do we go from child to parent? We use the @Output decorator. Angular is really a one-way data flow. We can do two-directional with banana in a box (see a previous posting I did about

More »

Angular @Input()

One of the ways we can pass data from a parent to a child is by using the @Input decorator. The data passed can be in any form. Let’s examine how to do this in code… Since AppComponent is utilizing <app-child>, it is the parent component to the AppChildComponent. To

More »

Projects

Contact


Skip to content