View form.component.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Component } from '@angular/core'; | |
@Component({ | |
selector: 'form', | |
templateUrl: ` | |
<form> | |
<input type="checkbox" (click)="selected($event)" | |
</form>`, | |
styleUrls: ['./form.scss'] | |
}) |
View array.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function findAndRemove(array, item) { | |
const index = array.indexOf(item); | |
if(index>-1) { | |
array.splice(index, 1); | |
} | |
return array; | |
} |
View custom-validations.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); |
View form.component.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Component } from '@angular/core'; | |
import { FormBuilder, FormGroup } from '@angular/forms'; | |
@Component({ | |
selector: 'form', | |
templateUrl: ` | |
<form [formGroup]="form"> | |
<input type="text" formControlName="name"> | |
</form> | |
`, |
View sanitize.service.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Injectable } from '@angular/core'; | |
@Injectable() | |
export class SecurityService { | |
constructor() { } | |
sanitizeAllTags(text:string) { | |
return text.replace(/<[^>]*>/g, '*'); | |
} |
View javascript-promise-timeout.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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(){ |
View async-await.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 🔥 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 | |
}); | |
} |
View grid.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<style> | |
.item-header { | |
grid-area: header; | |
padding: 0px; | |
} | |
.item-btn-a { | |
grid-area: btnA; | |
padding: 0px; |
View call-observables-after-observable.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
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 |
View async2.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/// EXAMPLE 1 | |
function resolveAfter2Seconds() { | |
return new Promise(resolve => { | |
setTimeout(() => { | |
resolve('resolved'); | |
}, 2000); | |
}); | |
} |
OlderNewer