Skip to content

Instantly share code, notes, and snippets.

Luis Aviles luixaviles

Block or report user

Report or block luixaviles

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View google-map.html
<google-map height="400px"
<map-marker #marker
*ngFor="let markerPosition of markerPositions"
View youtube-player.ts
import {NgModule} from '@angular/core';
import {YouTubePlayerModule} from '@angular/youtube-player';
imports: [
declarations: [YoutubePlayerExample],
export class YoutubePlayerExampleModule {

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

git fetch -p && for branch in `git branch -vv --no-color | grep ': gone]' | awk '{print $1}'`; do git branch -D $branch; done
View client-enums.ts
// Actions you can take on the App
export enum Action {
// events
export enum Event {
CONNECT = 'connect',
View typescript-constructor.ts
export class Person {
private id: number;
private firstName: string;
private address: string;
constructor(id: number, firstName: string, address: string) { = id;
this.firstName = firstName;
this.address = address;
View gulpfile.js
var gulp = require("gulp");
var ts = require("gulp-typescript");
var tsProject = ts.createProject("tsconfig.json");
gulp.task("build", function () {
return tsProject.src()
View chat.component.ts
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';
selector: 'tcc-chat',
View socket.service.ts
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 '';
const SERVER_URL = 'http://localhost:8080';
View chat-model.ts
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) {
You can’t perform that action at this time.