Matheus Gonçalves Murta matheusmurta

## testejs.html

<!-- TWO STEPS TO INSTALL PREGNANCY CALCULATOR:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

## gist:34eb28e003b953e17a937c6c9dcb6852
//angular 2+ currency pipe programmatically
getFormattedPrice(price: number) {
  return new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' }).format(price);
}

## gist:c50d3001664e2353f0bf9908eb8c9298
import { Directive, HostListener, Output, EventEmitter } from '@angular/core';
@Directive({
  selector: '[scrollTracker]',
})
export class ScrollTrackerDirective {
  @Output() scrolled = new EventEmitter<any>();

  @HostListener('scroll', ['$event'])
  onScroll(event) {

## gist:5324db8631e9c4f7dcf9070e87fb5577

var confirmBox = confirm('Start swiping right?');
var count = 1;
var like = function(){
    if (confirmBox){
      document.querySelector('[aria-label="Gosto"]').click(); //translate you country inspect the button
      console.log('Liked ' + count);						  count++;												};
    setTimeout(like, 100);
};
setTimeout(like, 100);

## AngularDirectivesSamples.ts
(ngModelChange)=
[(ngModel)]
(blur)=
(keyup)=
(click)=
(focus)=
 *ngFor="let option of options | async"
 *ngIf="xxxx"
         <td>{{ product?.productName }}</td>

## Popover Inspiration
https://scripts-cdn.softpedia.com/screenshots/WebUI-Popover_1.png
https://developer.apple.com/design/human-interface-guidelines/macos/images/popover_2x.png
https://i.pinimg.com/originals/c8/9d/26/c89d26693202223e22a296a4cc32cb3e.png
https://cdn.dribbble.com/users/5477/screenshots/1867310/helpscout-conversation-popover.png

## Padrão de estrutura SCSS DICAS

Padrão com Atomic Design
https://webdesign.tutsplus.com/articles/structuring-sass-saying-goodbye-to-atomic-design-ambiguity--cms-26679
https://blog.prototypr.io/organized-scss-folder-structures-for-design-systems-ecb861f1522c

Padrão 7-1 recomendado pelo proprio site do sass
https://sass-guidelin.es/#the-7-1-pattern => exemplo https://gist.github.com/rveitch/84cea9650092119527bc

## ES6 Destructuring
const student = {
    name: 'John Doe',
    age: 16,
    scores: {
        maths: 74,
        english: 63
    }
};

// We define 3 local variables: name, maths, science

## Filtrar itens de um array baseado no conteudo da key
Filtrar itens de um array baseado no conteudo da key

var PATTERN = 'bedroom',
    filtered = myArray.filter(function (str) { return str.includes(PATTERN); });
ou

var PATTERN = 'La';
const filtered =  users.results.filter((obj) =>
obj.name.first.includes(PATTERN) || obj.name.last.includes(PATTERN)
);

## Get all href of specif div
Array.prototype.map.call(document.querySelectorAll("body > div.container-fluid.falco-custom-fluid-container > div > div > div > div:nth-child(1) > a"), function (e) {
  return e.getAttribute('href');
});


Array.prototype.map.call(document.querySelectorAll(".myselectorAreaofLinks"), function (e) {
  return e.getAttribute('href');
});

	<!-- TWO STEPS TO INSTALL PREGNANCY CALCULATOR:

	1. Copy the coding into the HEAD of your HTML document
	2. Add the last code into the BODY of your HTML document -->

	<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

	<HEAD>
	//angular 2+ currency pipe programmatically
	getFormattedPrice(price: number) {
	return new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' }).format(price);
	}
	import { Directive, HostListener, Output, EventEmitter } from '@angular/core';
	@Directive({
	selector: '[scrollTracker]',
	})
	export class ScrollTrackerDirective {
	@Output() scrolled = new EventEmitter<any>();

	@HostListener('scroll', ['$event'])
	onScroll(event) {

	var confirmBox = confirm('Start swiping right?');
	var count = 1;
	var like = function(){
	if (confirmBox){
	document.querySelector('[aria-label="Gosto"]').click(); //translate you country inspect the button
	console.log('Liked ' + count); count++; };
	setTimeout(like, 100);
	};
	setTimeout(like, 100);
	(ngModelChange)=
	[(ngModel)]
	(blur)=
	(keyup)=
	(click)=
	(focus)=
	*ngFor="let option of options \| async"
	*ngIf="xxxx"
	<td>{{ product?.productName }}</td>
	https://scripts-cdn.softpedia.com/screenshots/WebUI-Popover_1.png
	https://developer.apple.com/design/human-interface-guidelines/macos/images/popover_2x.png
	https://i.pinimg.com/originals/c8/9d/26/c89d26693202223e22a296a4cc32cb3e.png
	https://cdn.dribbble.com/users/5477/screenshots/1867310/helpscout-conversation-popover.png

	Padrão com Atomic Design
	https://webdesign.tutsplus.com/articles/structuring-sass-saying-goodbye-to-atomic-design-ambiguity--cms-26679
	https://blog.prototypr.io/organized-scss-folder-structures-for-design-systems-ecb861f1522c

	Padrão 7-1 recomendado pelo proprio site do sass
	https://sass-guidelin.es/#the-7-1-pattern => exemplo https://gist.github.com/rveitch/84cea9650092119527bc
	const student = {
	name: 'John Doe',
	age: 16,
	scores: {
	maths: 74,
	english: 63
	}
	};

	// We define 3 local variables: name, maths, science
	Filtrar itens de um array baseado no conteudo da key

	var PATTERN = 'bedroom',
	filtered = myArray.filter(function (str) { return str.includes(PATTERN); });
	ou

	var PATTERN = 'La';
	const filtered = users.results.filter((obj) =>
	obj.name.first.includes(PATTERN) \|\| obj.name.last.includes(PATTERN)
	);
	Array.prototype.map.call(document.querySelectorAll("body > div.container-fluid.falco-custom-fluid-container > div > div > div > div:nth-child(1) > a"), function (e) {
	return e.getAttribute('href');
	});


	Array.prototype.map.call(document.querySelectorAll(".myselectorAreaofLinks"), function (e) {
	return e.getAttribute('href');
	});