Gustavo Martusewicz gustavom

## mixin.scss
@mixin vtal(){
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

## closest.js
$(document).ready(function(){
    $("span").closest("ul").css({"color": "red", "border": "2px solid red"});
});

/*
    diferente do parent(), ele varre os elementos 'pai' até encontrar o definido;
    No exemplo, a partir do elemento 'span', o js vai varrer os elementos pai, até achar uma 'ul'.
*/

## pure-prepend.js
//define elemento container - com ID
var elementoContainer = document.getElementById("elementoContainerID");

//define elemento para ser inserido no inicio
var elementoParaInserir = document.createElement('div');
elementoParaInserir.classList.add('_elementoInserido');
elementoContainer.insertBefore(elementoParaInserir, elementoContainer.firstChild);


//eu vi aqui:

## filtro-valor-repetido-array.js
var arr = ['foo', 'bar', 'foo'];
var novaArr = arr.filter(function(este, i) {
    return arr.indexOf(este) == i;
})
console.log(novaArr); //dá ['foo', 'bar']

## config.rb
# Require any additional compass plugins here.

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "scss"
images_dir = "imagens"
javascripts_dir = "javascripts"

# You can select your preferred output style here (can be overridden via the command line):

## SassMeister-input.scss
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

$color-state-modifier: 10%;

@mixin state-color-changes($this-color, $properties...) {
    @each $prop in $properties {
      #{$prop}: $this-color;

## array_iteration_thoughts_pt-BR.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                gustavom
                / array_iteration_thoughts_pt-BR.md
            
            
              Created
              January 26, 2017 13:20
                — forked from felisio/array_iteration_thoughts_pt-BR.md
            
              
                Métodos de iteração de Array
              
          
    Métodos de iteração de Array

Adaptação do fork: (https://gist.github.com/ljharb/58faf1cfcb4e6808f74aae4ef7944cff)
Ao tentar explicar como o Javascript usa seu métodos para arrays, acabei reunindo esses conceitos. Espero que Seja util. Ficarei feliz com qualquer sugestão.
Introdução

O Objet Array no Javascript tem muitos métodos construidos no seu prototype. Alguns deles modificam o proprio array passado. Felizmente, a maioria não, eles retonar um novo array inteiramente distinto. Uma vez que arrays são conceitualmente uma lista de itens, ajuda na clareza do código e sua manutenção a ponto de ser capas de operar de uma forma mais "funcional" . (Eu insisto em refrenciar um array como uma "Lista" - embora em algumas linguaguens de programação, Lista é um tipo de dado nativo, mais em JS e nesse POST, estou me referindo ao conceito. Em todos os lugares que eu usar a palavra "lista" você pode assumir que eu estou falando de JS Array) Isso siginifica, para a execução de uma simples operação na Lista como um

  
## server.py
python -m http.server 9001

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">

## config.rb
preferred_syntax = :sass
http_path = '/'
css_dir = 'assets/stylesheets'
sass_dir = 'assets/sass'
images_dir = 'assets/images'
javascripts_dir = 'assets/javascripts'
relative_assets = true
line_comments = true
# output_style = :compressed
	@mixin vtal(){
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	$(document).ready(function(){
	$("span").closest("ul").css({"color": "red", "border": "2px solid red"});
	});

	/*
	diferente do parent(), ele varre os elementos 'pai' até encontrar o definido;
	No exemplo, a partir do elemento 'span', o js vai varrer os elementos pai, até achar uma 'ul'.
	*/
	//define elemento container - com ID
	var elementoContainer = document.getElementById("elementoContainerID");

	//define elemento para ser inserido no inicio
	var elementoParaInserir = document.createElement('div');
	elementoParaInserir.classList.add('_elementoInserido');
	elementoContainer.insertBefore(elementoParaInserir, elementoContainer.firstChild);


	//eu vi aqui:
	var arr = ['foo', 'bar', 'foo'];
	var novaArr = arr.filter(function(este, i) {
	return arr.indexOf(este) == i;
	})
	console.log(novaArr); //dá ['foo', 'bar']
	# Require any additional compass plugins here.

	# Set this to the root of your project when deployed:
	http_path = "/"
	css_dir = "css"
	sass_dir = "scss"
	images_dir = "imagens"
	javascripts_dir = "javascripts"

	# You can select your preferred output style here (can be overridden via the command line):
	// ----
	// Sass (v3.4.21)
	// Compass (v1.0.3)
	// ----

	$color-state-modifier: 10%;

	@mixin state-color-changes($this-color, $properties...) {
	@each $prop in $properties {
	#{$prop}: $this-color;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>

	<script id="jsbin-javascript">
	preferred_syntax = :sass
	http_path = '/'
	css_dir = 'assets/stylesheets'
	sass_dir = 'assets/sass'
	images_dir = 'assets/images'
	javascripts_dir = 'assets/javascripts'
	relative_assets = true
	line_comments = true
	# output_style = :compressed