Guillermo guillefd

## import.ts
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import jsonCfg from '../../../data/config.json';

@Injectable()
export class AppCfg {

    constructor(private http: HttpClient) {}

    load(): Promise<void> {

## async2.js
/// EXAMPLE 1

function resolveAfter2Seconds() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('resolved');
    }, 2000);
  });
}

## call-observables-after-observable.js
/**
Returns a list of objects
1. get the list of files to fetch
2. fetch each file to get the object
3. return an array of objects
*/
getAll(): Observable<Tutorial[]> {
  const list = this.dataSrv.getDataList()
    .pipe(
      // get list from dataList

## grid.html
<html>
<style>
.item-header {
    grid-area: header;
    padding: 0px;
}

.item-btn-a {
    grid-area: btnA;
    padding: 0px;

## async-await.js
// 🔥 Node 7.6 has async/await! Here is a quick run down on how async/await works

const axios = require('axios'); // promised based requests - like fetch()

function getCoffee() {
  return new Promise(resolve => {
    setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
  });
}

## javascript-promise-timeout.js
/**
 * wraps a promise in a timeout, allowing the promise to reject if not resolve with a specific period of time
 * @param {integer} ms - milliseconds to wait before rejecting promise if not resolved
 * @param {Promise} promise to monitor
 * @Example
 *  promiseTimeout(1000, fetch('https://courseof.life/johndoherty.json'))
 *      .then(function(cvData){
 *          alert(cvData);
 *      })
 *      .catch(function(){

## sanitize.service.ts
import { Injectable } from '@angular/core';

@Injectable()
export class SecurityService {

    constructor() { }

    sanitizeAllTags(text:string) {
        return text.replace(/<[^>]*>/g, '*');
    }

## form.component.ts
import { Component } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
    selector: 'form',
    templateUrl: `
      <form [formGroup]="form">
        <input type="text" formControlName="name">
      </form>
    `,

## custom-validations.js
    function isInputValid(value, type) {
        let valid;
        let errorTxt;
        switch(type) {
            case 'email':
                valid = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value);
                errorTxt = 'Enter a valida email';
                break;
            case 'phone':
                valid = /^([-0-9.()+ ]{5,50})*$/.test(value);

## array.js

function findAndRemove(array, item) {
  const index = array.indexOf(item);
  if(index>-1) {
    array.splice(index, 1);
  }
  return array;
}
	import { Injectable } from '@angular/core';
	import { HttpClient } from '@angular/common/http';
	import jsonCfg from '../../../data/config.json';

	@Injectable()
	export class AppCfg {

	constructor(private http: HttpClient) {}

	load(): Promise<void> {
	/// EXAMPLE 1

	function resolveAfter2Seconds() {
	return new Promise(resolve => {
	setTimeout(() => {
	resolve('resolved');
	}, 2000);
	});
	}
	/**
	Returns a list of objects
	1. get the list of files to fetch
	2. fetch each file to get the object
	3. return an array of objects
	*/
	getAll(): Observable<Tutorial[]> {
	const list = this.dataSrv.getDataList()
	.pipe(
	// get list from dataList
	<html>
	<style>
	.item-header {
	grid-area: header;
	padding: 0px;
	}

	.item-btn-a {
	grid-area: btnA;
	padding: 0px;
	// 🔥 Node 7.6 has async/await! Here is a quick run down on how async/await works

	const axios = require('axios'); // promised based requests - like fetch()

	function getCoffee() {
	return new Promise(resolve => {
	setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
	});
	}
	/**
	* wraps a promise in a timeout, allowing the promise to reject if not resolve with a specific period of time
	* @param {integer} ms - milliseconds to wait before rejecting promise if not resolved
	* @param {Promise} promise to monitor
	* @Example
	* promiseTimeout(1000, fetch('https://courseof.life/johndoherty.json'))
	* .then(function(cvData){
	* alert(cvData);
	* })
	* .catch(function(){
	import { Injectable } from '@angular/core';

	@Injectable()
	export class SecurityService {

	constructor() { }

	sanitizeAllTags(text:string) {
	return text.replace(/<[^>]>/g, '');
	}
	import { Component } from '@angular/core';
	import { FormBuilder, FormGroup } from '@angular/forms';

	@Component({
	selector: 'form',
	templateUrl: `
	<form [formGroup]="form">
	<input type="text" formControlName="name">
	</form>
	`,
	function isInputValid(value, type) {
	let valid;
	let errorTxt;
	switch(type) {
	case 'email':
	valid = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value);
	errorTxt = 'Enter a valida email';
	break;
	case 'phone':
	valid = /^([-0-9.()+ ]{5,50})*$/.test(value);

	function findAndRemove(array, item) {
	const index = array.indexOf(item);
	if(index>-1) {
	array.splice(index, 1);
	}
	return array;
	}