Welcome to the first tutorial that we will have on our website schoolofJavaScript.com. In this tutorial, you are going to learn how to write your first line of code using JS.
Aunque quizás no lo parezca JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar plus, es un lenguaje sumamente poderoso. Se puede utilizar en cualquier browserUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los plus of the world. Además de eso, se puede usar para escribir código del lado del serverLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en plus usando node.js.
When we use JavaScript within the browser, we can change the appearance of the page and even its behavior. In this tutorial, we will only focus on learning the language itself, and therefore we will only use one function to print the results called "Console.log".
Knowing the label
Vamos a empezar por lo mas importante. Seguramente te habrás preguntado anteriormente «¿Cómo voy a poder mostrar mis resultados en pantalla?» o «¿Cómo es posible enlazar mi código HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las plus con mi código JS?». Bueno, ya vas a saberlo.
Programs written in JavaScript can be inserted anywhere in an HTML document with the help of the famous tag .
Here below I show you an example of it:
<!DOCTYPE HTML> <html> <body> <p>Antes del Script</p> <script> alert( '¡Hola, Mundo!' ); </script> <p>...Después del Script.</p> </body> </html>
This code will show you a small pop-up alert (which we will talk about later in more detail) with the text «Hello, World !.
In order for you to see the results of this code in your browser, you must make a text document with an HTML extension and save this code in it, and then run it so you can see how it works.
The label contains JavaScript code that runs automatically when the browser encounters the tag.
Modern label marking
The label tiene algunos atributos que son raramente usados hoy en día, pero podemos encontrarlos en código antiguo:
The attributeAtributo es una definición que se usa en varios campos de IT. Generalmente, un atributo se usa para describir un fichero o un campo de datos con más detalle. En la programación orientada a objetos, los atributos son una propiedad o característica que se puede asignar a un objeto (elemento). A través el uso de atributos se pueden asignar valores específicos a ciertos items. Áreas de aplicación Las tres áreas plus type: <script type=…>
The old HTML4 standard required a script to have a type. Usually it was type = »text / javascript». The modern HTML standard assumes this type by default. No attributes are required.
The language attribute: Script Language =…>
This attribute was meant to display the language of the script. For now, this attribute is nonsense, the language is JavaScript by default. There is no need to use it.
Comentarios antes y después de los scriptsConcepto de Scripts¿Qué son los Scripts?Los Scripts son fragmentos de código que se usan para dar forma a herramientas tanto en Internet como en el sector de la informática en general. Son una parte crucial del software, puesto que se trata exactamente del código que conforma a una aplicación en su totalidad o a una de sus funciones, como además el que puedes hallar explorando cómo está hecha una web.Desde plus.
In really old books and guides, one can find commentary within , como este:
<script type="text/javascript"><!-- ...//--> </script>
Estos comentarios se suponía que ocultaban el código de un navegador antiguo que no sabía de una etiqueta <script>. Pero todos los browsersConcepto de Navegadores¿Qué son los Navegadores?Los Navegadores son herramientas informáticas que utilizamos para, normalmente, navegar por Internet y visitar cualquier página web, al mismo tiempo de para hacer otras tareas como ver documentos, observar vídeos o reproducir contenido multimedia de cualquier tipo. Son un tipo de software sencillamente usual y bastante utilizado hoy en día.Insistimos en que es algo que se utiliza con mucha frecuencia, puesto que moverse por Internet plus nacidos en los últimos 15 años no tienen ningún problema. Lo mencionamos aquí, porque tales comentarios sirven como señal. Si ves eso en alguna parte – ese código es probablemente muy antiguo y no vale la pena investigarlo.
External scripts
If we have a lot of JavaScript code, we can put it in a separate file.
The script file is attached to HTML with the src attribute:
<script src="carpeta/script.js"></script>
Here folder / script.js is an absolute path to the file with the script (from the site root).
It is also possible to provide a relative path to the current page. For example, src = »script.js» would mean a file «script.js» in the current folder.
También podemos dar una UrlEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo plus completa, por ejemplo:
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
To attach multiple scripts, use multiple tags:
...
Note:
As a general rule, only the simplest scripts are put into HTML. The most complex ones reside in separate files.
La ventaja de un archivo separado es que el navegador lo descarga y lo almacena en su cacheUn caché es un tipo de memoria auxiliar de la que se puede recuperar a alta velocidad con una capacidad de almacenamiento relativamente pequeña. Se encuentra entre la unidad central de procesamiento (CPU) y la memoria principal. Ayuda a evitar el acceso al disco duro o los recálculos complejos almacenando temporalmente ciertos datos y haciéndolos disponibles rápidamente cuando sea necesario. El caché almacena una copia de la petición actual y plus.
After this, other pages that want the same script will take it from the cache instead of downloading it. Therefore, the file is downloaded only once.
This saves traffic and makes pages faster.
If src is set, the content of the script is ignored.
Single label no puede tener tanto el atributo src como el código dentro.
This will not work:
<script src="archivo.js"> alert(1); // el contenido es ignorado, porque src está configurado </script>
We must choose: or is it a externo o un regular con código.
The above example can be divided into two scripts to make it work:
<script src="archivo.js"></script> <script> alert(1); </script>
General considerations
- We can use a tag para añadir código JavaScript a la página.
- The type and language attributes are not required.
- You can insert a script into an external file with .
There is much more to learn about browser scripts and their interaction with the web page. But let's keep in mind that this part of the tutorial is dedicated to the JavaScript language, so we shouldn't be distracted from it. We will use a browser as a way to run JavaScript, which is very convenient for online reading, but it is one of many.
Training
Create a page that displays the message "I am a JavaScript code."
You can do it in a litter box, or on your hard drive, it doesn't matter, just make sure it works.
Solution:
<!DOCTYPE html> <html> <body> <script> alert( "Soy un código JavaScript" ); </script> </body> </html>
Second exercise:
Take the solution code from the previous task from Show an alert. Modifícalo extrayendo el contentsEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, plus del script en un archivo externo llamado alert.js, which resides in the same folder as the HTML file.
Open the page and make sure the alert is working properly.
Solution:
HTML code:
<!DOCTYPE html> <html> <body> <script src="alerta.js"></script> </body> </html>
Document with extension .js
alert ("I am a JavaScript code");
