Merge pull request #115 from diegogurgel/gh-pages

Texto inicial sobre operadores.

manual/js/operadores.html

@@ -6,6 +6,123 @@
 
 <article class="content">
   <h1>Operadores</h1>
-  <h2>Lógicos, aritméticos, de comparação...</h2>
+  <p>Os operadores vão nos permitir fazer operações(mesmo!? Não me diga...) matemáticas, de comparação e lógicas</p>
+
+  <h2>Aritiméticos</h2>
+  <p>Para as operações matemáticas básicas são utilizados os seguintes, adição(+), subtração(-), multiplicação(*) e divisão(/).
+	<pre class="lang-javascript prettyprint linenums">
+//Adição
+2+2 //4
+2.3+4 //6.3
+1.5+1.5 //3
+
+//Subtração
+2-2 //0
+8-5 //-8
+3.2-1 //2.2
+
+//Multiplicação
+2*3 //6
+1.5*2 //3
+
+//Divisão
+1/2 //0.5
+1.5/2 //0.75
+2/0 //Infinity
+	</pre>
+  </p>
+  <p>Você notou que podemos ter resultados com casas decimais e que é retornada a constante Infinity em qualquer número divido por zero.</p>
+  <p>Além dos desses operadores básicos temos outros operadores bem úteis:</p>
+  <dl>
+  	<dt>Resto (%)</dt>
+  	<dd>Retorna o resto inteiro da divisão.
+		<pre class="lang-javascript prettyprint linenums">
+5%4 //1
+4%5 //4
+		</pre>
+  	</dd>
+  	<dt>Incremento (++)</dt>
+  	<dd>Adiciona um a variável. Se utilizado antes(++x) adiciona um e retorna o valor, caso o operador seja utilizado depois da variável(x++) retorna o valor e adiciona um.
+		<pre class="lang-javascript prettyprint linenums">
+var x = 1;
+++x //2
+x++ //2
+		</pre>
+  	</dd>
+  	<dt>Decremento (--)</dt>
+  	<dd>O comportamento desse operador é parecido com o de incremento(acho que você já entendeu).Ele subtrai um da variável. Se utilizado antes(--x) subtrai um e retorna o valor, caso o operador seja utilizado depois da variável(x--) retorna o valor e subtrai um.
+		<pre class="lang-javascript prettyprint linenums">
+var x = 2;
+--x //1
+x-- //1
+		</pre>
+  	</dd>
+  </dl>
+  <h2>De comparaçao</h2>
+  <dl>
+  	<dt>Igual (==)</dt>
+  	<dd>Retorna verdadeiro se os valores comparados forem iguais.
+		<pre class="lang-javascript prettyprint linenums">
+1=='1' //true
+		</pre>
+  	</dd>
+  	<dt>Não igual (!=)</dt>
+  	<dd>Retorna verdadeiro se os valores comparados não forem iguais. Esse operador também pode ser chamado de diferente de.
+		<pre class="lang-javascript prettyprint linenums">
+4!=1 //true
+		</pre>
+  	</dd>
+  	<dt>Igual estrito (===)</dt>
+  	<dd>Esse operador é mais severo, só retorna verdadeiro se o valor e o tipo comparados forem iguais.
+		<pre class="lang-javascript prettyprint linenums">
+3=='3' //false
+3==3 //true
+		</pre>
+  	</dd>
+  	<dt>Não igual estrito (!==)</dt>
+  	<dd>Não se engane, esse operador vai retornar verdadeiro se os valores e ou os tipos forem diferentes
+		<pre class="lang-javascript prettyprint linenums">
+3!=='3' //true
+3!==3 //false
+3!==4 //true
+		</pre>
+  	</dd>
+    <dt>Maior que (>)</dt>
+    <dd>Compara se o operador da esquerda é maior que o da direita. Caso seja retorna verdadeiro
+    <pre class="lang-javascript prettyprint linenums">
+1>2 //false
+5>3 //true
+4>'1' //true
+    </pre>
+    <dt>Maior ou igual que (>=)</dt>
+    <dd>Compara se o operador da esquerda é maior ou igual ao da direita. Caso seja retorna verdadeiro
+    <pre class="lang-javascript prettyprint linenums">
+1>=2 //false
+5>=3 //true
+4>='1' //true
+2>=2 // true
+    </pre>
+    </dd>
+    <dt>Menor que (<)</dt>
+    <dd>Compara se o operador da esquerda é menor que o da direita. Caso seja retorna verdadeiro
+    <pre class="lang-javascript prettyprint linenums">
+1<2 //true
+5<3 //false
+4<'1' //false
+    </pre>
+    </dd>
+    <dt>Menor ou igual que (<=)</dt>
+    <dd>Compara se o operador da esquerda é menor ou igual ao da direita. Caso seja retorna verdadeiro
+    <pre class="lang-javascript prettyprint linenums">
+1<=2 //true
+5<=3 //false
+4<='1' //false
+2<=2 // true
+    </pre>
+    </dd>
+  </dl>
+  <h2>Lógicos</h2>
+  <p>Operadores lógicos são utilizados normalmente com expressões que retornam verdadeiro ou falso, entretanto caso seja utilizado com valores não booleanos o retorno será não booleano</p>
+
   <p>Esta página está em construção. Volte em breve ou <a href="https://github.com/tableless/iniciantes">ajude a completá-la</a>!</p>
 </article>