Tutorial by Examples: omp

HTML example using requireJS CDN to include an already compiled TypeScript file.

<body onload="__init();"> ... <script src="http://requirejs.org/docs/release/2.3.2/comments/require.js"></script> <script> function __init() { require(["view/index.js"]); } </script> </body>...

TypeScript • Using Typescript with RequireJS

tsconfig.json example to compile to view folder using requireJS import style.

{ "module": "amd", // Using AMD module code generator which works with requireJS "rootDir": "./src", // Change this to your source folder "outDir": "./view", ... }

TypeScript • Using Typescript with RequireJS

Computing the Hamming weight of a vector

-- loop-based version function hw_loop(v: std_logic_vector) return natural is variable h: natural; begin h := 0; for i in v'range loop if v(i) = '1' then h := h + 1; end if; end loop; return h; end function hw_loop; -- recursive version function hw_tree(v: std_...

vhdl • Recursivity

GKEntity and GKComponent

An entity represents an object of a game like a player figure or an enemy figure. Since this object does not do much without arms and legs we can add the components to this. To create this system apple has the GKEntity and GKComponent classes. Lets assume we have the following classe for the follow...

iOS • GameplayKit

Visual Studio 2017 Editions Comparison

Visual Studio Community 2017 Free, fully-featured IDE for students, open-source and individual developer Visual Studio Professional 2017 Professional developer tools, services, and subscription benefits for small teams Visual Studio Enterprise 2017 End-to-end solution to meet demand...

visual-studio-2017 • Getting started with visual-studio-2017

Sending data from parent component to child via shared service

service.ts: import { Injectable } from '@angular/core'; @Injectable() export class AppState { public mylist = []; } parent.component.ts: import {Component} from '@angular/core'; import { AppState } from './shared.service'; @Component({ selector: 'parent-example', templ...

Angular • Sharing data among components

Send data from parent component to child component via data binding using @Input

parent.component.ts: import {Component} from '@angular/core'; @Component({ selector: 'parent-example', templateUrl: 'parent.component.html', }) export class ParentComponent { mylistFromParent = []; add() { this.mylistFromParent.push({"itemName":"Something&...

Angular • Sharing data among components

Sending data asynchronous from parent to child using Observable and Subject

shared.service.ts: import { Injectable } from '@angular/core'; import { Headers, Http } from '@angular/http'; import 'rxjs/add/operator/toPromise'; import { Observable } from 'rxjs/Observable'; import { Observable } from 'rxjs/Rx'; import {Subject} from 'rxjs/Subject'; @Injectable(...

Angular • Sharing data among components

A simple component

To create a component we add @Component decorator in a class passing some parameters: providers: Resources that will be injected into the component constructor selector: The query selector that will find the element in the HTML and replace by the component styles: Inline styles. NOTE: DO NOT us...

Angular 2 • Components

Testing a Component

hero.component.html <form (ngSubmit)="submit($event)" [formGroup]="form" novalidate> <input type="text" formControlName="name" /> <button type="submit">Show hero name</button> </form> hero.component.ts import...

Angular 2 • Components

Nesting components

Components will render in their respective selector, so you can use that to nest components. If you have a component that shows a message: import { Component, Input } from '@angular/core'; @Component({ selector: 'app-required', template: `{{name}} is required.` }) export class RequiredC...

Angular 2 • Components

Inheritance vs Composition

C++ & Java are both object-oriented languages, thus the following diagram applies to both.

Java Language • C++ Comparison

Get md-autocomplete's options/searchable data from API

data.service.ts: import { Injectable } from '@angular/core'; import { Http } from '@angular/http'; import 'rxjs/add/operator/map'; @Injectable() export class DataService { constructor(private http: Http) { } fetchData(){ return this.http.get('https://dinstruct-d4b62.firebaseio....

angular-material2 • md-autocomplete

Utilize md-autocomplete inside a reactive form

This example requires FormsModule and ReactiveFormsModule. Please import them in your application/module. import {FormsModule, ReactiveFormsModule} from '@angular/forms'; input-form-example.html <form class="example-form" (ngSubmit)="submit(addForm.value)" [formGroup]=&qu...

angular-material2 • md-autocomplete

One md-autocomplete for multiple formControl

This example requires FormsModule and ReactiveFormsModule. Please import them in your application/module. import {FormsModule, ReactiveFormsModule} from '@angular/forms'; autocomplete-overview-example.html: <md-input-container> <input mdInput placeholder="State" [mdAutocom...

angular-material2 • md-autocomplete

Add Architecture Components

Project build.gradle allprojects { repositories { jcenter() // Add this if you use Gradle 4.0+ google() // Add this if you use Gradle < 4.0 maven { url 'https://maven.google.com' } } } ext { archVersion = '1.0.0-alpha5' } Applic...

Android • Android Architecture Components

Using Lifecycle in AppCompatActivity

Extend your activity from this activity public abstract class BaseCompatLifecycleActivity extends AppCompatActivity implements LifecycleRegistryOwner { // We need this class, because LifecycleActivity extends FragmentActivity not AppCompatActivity @NonNull private final LifecycleRe...

Android • Android Architecture Components

Room peristence

Room require four parts: Database class, DAO classes, Entity classes and Migration classes (now you may use only DDL methods): Entity classes // Set custom table name, add indexes @Entity(tableName = "videos", indices = {@Index("title")} ) public final class VideoIt...

Android • Android Architecture Components

Custom Lifecycle-aware component

Each UI component lifecycle changed as shown at image. You may create component, that will be notified on lifecycle state change: public class MyLocationListener implements LifecycleObserver { private boolean enabled = false; private Lifecycle lifecycle; public MyLocationListener(...

Android • Android Architecture Components

Comparing Time

Sometime you will need to know, with 2 dates objects, if there are corresponding to the same date, or find which date is after the other. In Go, there is 4 way to compare dates: date1 == date2, returns true when the 2 are the same moment date1 != date2, returns true when the 2 are different mom...

Go • Time