luixaviles

<google-map height="400px"
            width="750px"
            [center]="center"
            [zoom]="zoom"
            (mapClick)="addMarker($event)"
            (mapMousemove)="move($event)"
            (mapRightclick)="removeLastMarker()">
  <map-marker #marker
              *ngFor="let markerPosition of markerPositions"
              [position]="markerPosition"

luixaviles

import {NgModule} from '@angular/core';
import {YouTubePlayerModule} from '@angular/youtube-player';

@NgModule({
  imports: [
    YouTubePlayerModule,
  ],
  declarations: [YoutubePlayerExample],
})
export class YoutubePlayerExampleModule {

luixaviles

Community Activities: Luis Aviles

Luis works as a JavaScript Developer and Instructor in AssureSoft Corp. where he is currently a Lead Development Engineer of a Front-end Team. He builds web applications with special focus on Angular. He started to develop web apps with AngularJS 1.2 and he mainly has worked with JavaScript since then.

He’s an enthusiast of Open Source software, web technologies and communities. He’s the organizer of the Angular Bolivia community and NG Bolivia conference.

He loves to write technical articles and demos that are published on his GitHub account. Some of his articles were shared by prestigious publications such as DailyJS and also one of them was ranked as #1 on the “Angular Top 10” ranking. He has participated in different tech events, giving technical talks, code labs and specialized training workshops about Angular and JavaScript technologies.

When he’s not coding, Luis is reading about Astronomy, or nerding about outer space, photography or even doing Astrophotogra

luixaviles

git fetch -p && for branch in `git branch -vv --no-color | grep ': gone]' | awk '{print $1}'`; do git branch -D $branch; done

luixaviles

// Actions you can take on the App
export enum Action {
    JOINED,
    LEFT,
    RENAME
}

// Socket.io events
export enum Event {
    CONNECT = 'connect',

luixaviles

export class Person {
  private id: number;
  private firstName: string;
  private address: string;

  constructor(id: number, firstName: string, address: string) {
    this.id = id;
    this.firstName = firstName;
    this.address = address;

luixaviles

var gulp = require("gulp");
var ts = require("gulp-typescript");
var tsProject = ts.createProject("tsconfig.json");

gulp.task("build", function () {
    return tsProject.src()
        .pipe(tsProject())
        .js.pipe(gulp.dest("./dist"));
});

luixaviles

import { Component, OnInit } from '@angular/core';

import { Action } from './shared/model/action';
import { Event } from './shared/model/event';
import { Message } from './shared/model/message';
import { User } from './shared/model/user';
import { SocketService } from './shared/services/socket.service';

@Component({
  selector: 'tcc-chat',

luixaviles

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { Observer } from 'rxjs/Observer';
import { Message } from '../model/message';
import { Event } from '../model/event';

import * as socketIo from 'socket.io-client';

const SERVER_URL = 'http://localhost:8080';

luixaviles

export class User {
    constructor(private name: string) {}
}

export class Message {
    constructor(private from: User, private content: string) {}
}

export class ChatMessage extends Message{
    constructor(from: User, content: string) {