Hello World!

Welcome to my site. I use this site as a repository to dump knowledge I come across, generally in the areas of software engineering and information technologies, but may include other miscellaneous tidbits. Most of the posts are written as notes for my personal reference.

 

if i.hear then
i.forget
if i.see then
i.remember
if i.do then
i.understand

Latest articles

Artificial Intelligence

First part of this post is from the book listed below. The second part of this post are random notes relates to Artificial Intelligence. Some notes are more fictional…   Artificial Intelligence Life 3.0 Max Tegmark; 2017 MIT / RIT Cosmologist / Physicist   Synopsis These are some notes I’ve taken while reading Max Tegmark’s book […]

Read article : Artificial Intelligence

Blockchain and Cryptocurrency

Some notes in areas of cryptocurrency. Blockchain Blockchain is a linked list of blocks where each block contains some information. (Also known as Distributed Ledger Technology DLT). The lists are linked in chronological order and stored in a distributed system. The list grows during transactions in which a new block is added. Older blocks on […]

Read article : Blockchain and Cryptocurrency

Webpack

Webpack is a packaging tool used to create modular bundles for JavaScript, CSS and HTML. Though this is it’s main feature, there are many other features of webpack as well – such as being a task runner and even acting as a dev server. By the use of a dependency graph, it maps out the […]

Read article : Webpack

Angular AOT Compilation and Lazy Loading

Lazy loading is about controlling when modules or components get loaded. Lazy loading only loads objects when directed to. This is controlled through the routing engine with the “loadChildren” property and the path to the module being lazy loaded. { path: ’employees’ loadChildren: ‘app/employees/employees.module#EmployeeModule’ } Note that the module’s name is specifically called out in […]

Read article : Angular AOT Compilation and Lazy Loading

Angular Unit Testing

The unit test framework in Angular is called Jasmine. Jasmine is what creates the tests. These tests are then run in another framework called Karma. When using Angular CLI, a unit test can be created by running ng generate service testable Generally the convention for unit test file names are component.service.ts component.service.spec.ts. The test class […]

Read article : Angular Unit Testing

Angular Component Communication

Note: material below were from Angular course by Deborah Kurata (see link below). Below are my notes and her charts taken from that course. Some situations where commuication takes place in an Angular application: Component to Template (Child Components) View updates React to user event Perform a task Check form or control state Component to […]

Read article : Angular Component Communication

Angular Forms

Template Driven Forms To use template driven forms, make sure that FormsModule is imported from @angular/forms. This can be brought in at the app.module level if needed throughout the application. <h3>Position</h3> <form #form=”ngForm”> <input name=”title” ngModel> <div> <button type=”submit”>Submit</button> </div> </form> {{ form.value | json }} In the last line above, the form.value is processed […]

Read article : Angular Forms

Angular Animations

To use Angular animations, it must be installed from NPM. @angular/animations It is then imported in the AppModule as import { BrowserAnimationsModule } from ‘@angular/platform-browser/animations’; The animations can now be called inside any component. It is defined inside the component’s decorator underneath the “animations” property. import { Component } from ‘@angular/core’; import { trigger,state,style,transition,animate,keyframes } […]

Read article : Angular Animations

Angular Directives and Pipes

Directives are attributes that are placed inside DOM elements or inside of a component. For example: <app-org-chart myDirective></app-org-chart> A class is declared as a directive by using the @Directive decorator. The selector is usually set as “[appDefault]”. A directive (or any class) can access the DOM by using the ElementRef service. This needs to be […]

Read article : Angular Directives and Pipes