<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>empezar programar javascript | Arnold Gutierrez</title>
	<atom:link href="https://www.arnoldgutierrez.com/e/empezar-programar-javascript/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description></description>
	<lastBuildDate>Sun, 20 Nov 2016 09:00:33 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.arnoldgutierrez.com/wp-content/uploads/2021/11/favicon-arnoldgutierrez.png</url>
	<title>empezar programar javascript | Arnold Gutierrez</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Empezando a programar en Java Script</title>
		<link>https://www.arnoldgutierrez.com/empezando-programar-java-script/</link>
					<comments>https://www.arnoldgutierrez.com/empezando-programar-java-script/#comments_reply</comments>
		
		<dc:creator><![CDATA[Arnold Gutierrez]]></dc:creator>
		<pubDate>Sun, 20 Nov 2016 09:00:33 +0000</pubDate>
				<category><![CDATA[Java Script]]></category>
		<category><![CDATA[Novedades sobre Diseño Web]]></category>
		<category><![CDATA[empezar programar javascript]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[javascript frontend]]></category>
		<category><![CDATA[programar javascript]]></category>
		<guid isPermaLink="false">http://www.arnoldgutierrez.com/?p=323</guid>

					<description><![CDATA[Hola a todos, hoy les quiero presentar los primeros pasos para empezar a programar en Java Script. Un lenguaje muy didáctico y amigable en el entorno del Front-end. En esta ocasión vamos a hablar de sus principales elementos, datos, operadores lógicos y entre otros para comenzar a entenderlo. Así que Empecemos&#8230; Introducción Java Script es&#8230;]]></description>
										<content:encoded><![CDATA[<p>Hola a todos, hoy les quiero presentar los primeros pasos para empezar a programar en Java Script. Un lenguaje muy didáctico y amigable en el entorno del Front-end.<br />
En esta ocasión vamos a hablar de sus principales elementos, datos, operadores lógicos y entre otros para comenzar a entenderlo. Así que Empecemos&#8230;</p>
<h2><span style="color: #3366ff;">Introducción</span></h2>
<p>Java Script es un lenguaje de programación orientado a objetivos de multiplataforma, este lenguaje es únicamente dinámico para la parte visual del cliente, JavaScript puede conectarse a los objetivos de su entorno para proporcionar un control programático sobre ellos. Para saber más acer del lenguaje, les invito a <a href="https://es.wikipedia.org/wiki/JavaScript">wikipedia</a> donde podrán ver a fondo la historia de este pequeño y ligero lenguaje.</p>
<h2><span style="color: #3366ff;">Descargar Editor de Texto “Sublime Text“</span></h2>
<p>Antes de empezar a codificar necesitamos instalar y configurar sublime Text, una ventaja del sublime es que es muy sencillo de usarlo.  Te dejo el enlace de la página oficial del <a href="https://www.sublimetext.com"><strong>sublime text</strong></a> para que lo puedas descargar.</p>
<h2><span style="color: #3366ff;">Introducción a las Sentencias de tipos de datos</span></h2>
<p>Para empezar a familiarizarte con las primeras sentencias de tipos de datos donde tenemos el:<br />
<em><strong>alert(¨Mensaje de Alerta¨)</strong></em>, <em><strong>document.write(¨Comentarios¨)</strong></em>, <em><strong>document.getsElementsByTagName()</strong></em>, <em><strong>promp(¨Comentarios¨)</strong></em> y <em><strong>consolelog()</strong></em>.<br />
Ahora vamos a definir la funcionalidad de cada sentencia.<br />
<strong>alert() &#8211; El alert()</strong> &#8211; Un cuadro de alerta es siempre usado para asegurarse de que la información llegue al usuario.<br />
Cuando una caja de alerta se muestra, el usuario tendrá que hacer clic en &#8220;Aceptar&#8221; para continua.<br />
<strong>document.write()</strong> &#8211; La funcion <em>document.write</em> de Javascript permite escribir en una página texto, el resultado de una funcion o ambos.<br />
Se utilizan en cualquier de las siguientes formas:<br />
<code>document.write('texto');</code><br />
<code>document.write(+función);</code><br />
<code>document.write(+1raFunción+2daFunción);</code><br />
<strong>document.getsElementsByTagName()</strong> &#8211; Envuelve una colección de todos los elementos del documento con el nombre de etiqueta especificado, como un objeto NodeList (representa una colección de nodos, donde a los nodos se les puede acceder por números de índice).<br />
<strong>promp()</strong> &#8211; Un cuadro de entrada (prompt) es a menudo usado si deseas que el cliente introduzca un valor antes de introducir una página.<br />
Cuando aparezca una ventana de aviso, el usuario tendrá que hacer clic en el boton &#8220;Aceptar&#8221; o &#8220;Cancelar&#8221; para continuar después ingresar un valor de entrada.<br />
Si el usuario hace clic en &#8220;Aceptar&#8221;, el cuadro devuelve el valor de entrada. Pero si el usuario hace clic en &#8220;Cancelar&#8221;, el cuadro devuelve null.<br />
<strong>console.log()</strong> &#8211; Console es el objeto Javascript que representa a la consola y con el método Javascript console.log podemos volcar el contenido sobre la consola. A la hora de volcar los datos podemos hacerlo de dos formas. O volcando una cadena de texto o volcando un objeto.<br />
<code>console.log("Esto es un mensaje en la consola");</code></p>
<h2><strong><span style="color: #3366ff;">Operadores relacionales y Lógicos de JavaScript</span></strong></h2>
<table class="w3-table-all notranslate" style="height: 399px;" width="566">
<tbody>
<tr>
<td rowspan="3"><strong>==</strong></td>
<td rowspan="3"><strong>Igual a</strong></td>
<td><strong>x == 8</strong></td>
<td><strong>Falso</strong></td>
</tr>
<tr>
<td><strong>x == 5</strong></td>
<td><strong>Verdadero</strong></td>
</tr>
<tr>
<td><strong>x == &#8220;5&#8221;</strong></td>
<td><strong>Verdadero</strong></td>
</tr>
<tr>
<td rowspan="2"><strong>===</strong></td>
<td rowspan="2"><strong>Igual al valor t igual al tipo</strong></td>
<td><strong>x === 5</strong></td>
<td><strong>Verdadero</strong></td>
</tr>
<tr>
<td><strong>x === &#8220;5&#8221;</strong></td>
<td><strong>Falso</strong></td>
</tr>
<tr>
<td><strong>!=</strong></td>
<td><strong>No igual</strong></td>
<td><strong>x != 8</strong></td>
<td><strong>Verdadero</strong></td>
</tr>
<tr>
<td rowspan="3"><strong>!==</strong></td>
<td rowspan="3"><strong>not equal value or not equal type</strong></td>
<td><strong>x !== 5</strong></td>
<td><strong>Falso</strong></td>
</tr>
<tr>
<td><strong>x !== &#8220;5&#8221;</strong></td>
<td><strong>Verdadero</strong></td>
</tr>
<tr>
<td><strong>x !== 8</strong></td>
<td><strong>Verdadero</strong></td>
</tr>
<tr>
<td><strong>&gt;</strong></td>
<td><strong>Mayo que</strong></td>
<td><strong>x &gt; 8</strong></td>
<td><strong>Falso</strong></td>
</tr>
<tr>
<td><strong>&lt;</strong></td>
<td><strong>Menor que</strong></td>
<td><strong>x &lt; 8</strong></td>
<td><strong>Verdadero</strong></td>
</tr>
<tr>
<td><strong>&gt;=</strong></td>
<td><strong>Mayor or mayor igual</strong></td>
<td><strong>x &gt;= 8</strong></td>
<td><strong>Falso</strong></td>
</tr>
<tr>
<td><strong>&lt;=</strong></td>
<td><strong>Menor or menor igual</strong></td>
<td><strong>x &lt;= 8</strong></td>
<td><strong>Verdadero</strong></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h4><em><strong>En la siguiente tabla podríamos utilizar los siguientes valores.</strong></em></h4>
<table class="presentation" style="height: 142px;" border="0" width="871" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th class="presentationyellow"><span style="color: #3366ff;">Tipo</span></th>
<th class="presentationyellow"><span style="color: #3366ff;">Operador</span></th>
<th class="presentationyellow"><span style="color: #3366ff;">Ejemplo</span></th>
<th class="presentationyellow"><span style="color: #3366ff;">Descripción</span></th>
</tr>
<tr>
<td class="presentation sourceText"><strong>AND</strong></td>
<td class="presentation" style="text-align: center;"><strong>&amp;&amp;</strong></td>
<td class="presentation sourceText" style="text-align: center;"><strong>expession1 &amp;&amp; expression2</strong></td>
<td class="presentation"><strong>Ambas expresiones deben retornar Verdadero si es que resulta verdadero.</strong></td>
</tr>
<tr>
<td class="presentation sourceText" style="text-align: center;"><strong>OR</strong></td>
<td class="presentation" style="text-align: center;"><strong>||</strong></td>
<td class="presentation sourceText" style="text-align: center;"><strong>expession1 || expression2</strong></td>
<td class="presentation"><strong>Unas de las expresiones deben retornar Verdadero si es que la expresión es verdadera.</strong></td>
</tr>
<tr>
<td class="presentation sourceText"><strong>NOT</strong></td>
<td class="presentation" style="text-align: center;"><strong>!</strong></td>
<td class="presentation sourceText" style="text-align: center;"><strong>!expression</strong></td>
<td class="presentation"><strong>Si la expresión retorna Falso entonces mostrará verdadero.</strong></td>
</tr>
</tbody>
</table>
<p>&nbsp;<br />
Además tenemos que considerar la clase function(). Unas de clases más utilizadas en el código de JavaScript. Una función es un bloque de anunciado que contiene un comportamiento más enfocado a generar una variable más desarrollada.<br />
<strong><em>Puedes usar una función declarativa o una función expresiva.</em></strong></p>
<h2><span style="color: #3366ff;">¿Qué es una función declarativa?</span></h2>
<p>Una función declarativa define una variable función con nombre sin necesidad de asignación de variables. Las declaraciones de una función se producen como construcciones independientes y no se pueden anidar dentro de <em><strong>bloques no funcionales</strong></em>. Es útil pensar en ellos como hermanos en las declaraciones de las variables. Así como las declaraciones de las variables deben comenzar con &#8220;var&#8221;, las declaraciones de las funciones deben comenzar con &#8220;function()&#8221;.<br />
Ejemplo:<br />
<span class="s1" style="color: #ff0000;">function</span> numero<span class="s1">() {<br />
</span><span class="s1">    <strong>return</strong></span> <span class="s1">3;<br />
</span><span class="s1">}</span></p>
<h2><span style="color: #3366ff;">¿Qué es una función expresiva?</span></h2>
<p>Una expresión expresiva define una función como parte de una sintaxis de expresión más grande (normalmente una asignación de una variable). Funciones definidas a través de Funciones Las expresiones pueden ser nombradas o anónimas. Las funciones expresivas no deben comenzar con &#8220;función&#8221;  tal como se muestra en el siguiente ejemplo a continuación.</p>
<p class="p1"><strong><span class="s1">v</span><span class="s2">ar</span></strong> <span class="s3">a = </span><span class="s2" style="color: #ff0000;">function</span><span class="s3">() {<br />
</span><span class="s1">    </span><strong><span class="s2">return</span></strong> <span class="s3">3;<br />
</span><span class="s2">}</span></p>
<p class="p4"><span class="s2"><span style="color: #808000;">//named function expression</span><br />
</span><strong><span class="s2">var</span></strong> <span class="s3">a = </span><span class="s2" style="color: #ff0000;">function</span> <span class="s3">bar() {<br />
</span><span class="s1">    </span><strong><span class="s2">return</span></strong> <span class="s3">3;<br />
</span><span class="s2">}</span><span class="s2"> </span></p>
<p class="p4"><span class="s2"><span style="color: #808000;">//self invoking function expression</span><br />
</span><span class="s2">(</span><span class="s4" style="color: #ff0000;">function</span> <span class="s2"><strong>sayHello</strong>() {<br />
</span><span class="s1">  </span><span class="s3"><strong>alert</strong>(</span><span class="s2">&#8220;hello!&#8221;</span><span class="s3">);<br />
</span><span class="s2">})();</span></p>
<p>&nbsp;<br />
<strong><em>Si deseas saber más acerca JavaScript, te invito a que visites la página de <a href="http://www.w3schools.com/js/">w3school.com/js/</a> donde encontrarás diversos elementos acerca del lenguaje. Espero que te haya quedado muy claro esta pequeño intro para que empieces a familiarizarte con JavaScript. Nos vemos en nuestro próximo artículo.</em></strong><br />
&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.arnoldgutierrez.com/empezando-programar-java-script/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
