Tutorial by Examples: n

WebDriver, The main interface to use for testing, which represents an idealised web browser. The methods in this class fall into three categories: Control of the browser itself Selection of WebElements Debugging aids Key methods are get(String), which is used to load a new web page, and the ...

Detailed instructions on getting google-play set up or installed.

You can do more than just print text. print also has several parameters to help you. Argument sep: place a string between arguments. Do you need to print a list of words separated by a comma or some other string? >>> print('apples','bannas', 'cherries', sep=', ') apple, bannas, cherries...

Excel specifications and limits (Excel 2016-2013, Excel 2010, Excel 2007)

This example will be how to install from master and will be using @angular/cli as well. Make a new project with @angular/cli: ng new my-master-app If you haven't installed @angular/cli, use this command: npm install -g @angular/cli Install from master: npm install --save @angular/a...

{ "title": "Person", "type": "object", "properties": { "firstName": { "type": "string" }, "lastName": { "type": "string" ...

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...

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&...

event-emitter.component.ts import { Component, OnInit, EventEmitter, Output } from '@angular/core'; @Component({ selector: 'event-emitting-child-component', template: `<div *ngFor="let item of data"> <div (click)="select(item)"> ...

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(...

Theme: A theme is required for material components to work properly within the application. Angular Material 2 provides four prebuilt themes: deeppurple-amber indigo-pink pink-bluegrey purple-green If you are using Angular CLI, you can import one of the prebuilt themes in style.css. @i...

If you have your data with each month of data arranged in rows like so: start by creating quarterly sums in the adjacent columns, D & E in our example. Start with the third row in the new column or the first quarter you want to create, in this example we'll use March 31st (2000-03-31). Use t...

Given a pipe that reverse a string import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'reverse' }) export class ReversePipe implements PipeTransform { transform(value: string): string { return value.split('').reverse().join(''); } } It can be tested configuring th...

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...

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...

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...

Given a directive that highlights text on mouse events import { Directive, ElementRef, HostListener, Input } from '@angular/core'; @Directive({ selector: '[appHighlight]' }) export class HighlightDirective { @Input('appHighlight') // tslint:disable-line no-input-rename highlightColor: str...

Let's assume we have a Dogs application, then our model will be a Dog class. DatabaseReference reference = FirebaseDatabase.getInstance().getReference().child("dogs"); This is how to send a Dog to the database, a new unique dog and set the dog with the key. String key = reference.push...

Modules can be nested by using the imports parameter of @NgModule decorator. We can create a core.module in our application that will contain generic things, like a ReservePipe (a pipe that reverse a string) and bundle those in this module: import { CommonModule } from '@angular/common'; import {...

Given a service that can login a user: import 'rxjs/add/operator/toPromise'; import { Http } from '@angular/http'; import { Injectable } from '@angular/core'; interface LoginCredentials { password: string; user: string; } @Injectable() export class AuthService { constructor(pri...