Everand Logo

¡Te damos la bienvenida a Everand!

  • Descubre millones de libros electrónicos, audiolibros y mucho más con una prueba gratuita

    Desde $11.99 al mes después de la prueba. Puedes cancelar en cualquier momento.

    Aprender Javascript Avanzado con 100 ejercicios prácticos
    Aprender Javascript Avanzado con 100 ejercicios prácticos
    Aprender Javascript Avanzado con 100 ejercicios prácticos
    Libro electrónico363 páginas3 horas

    Aprender Javascript Avanzado con 100 ejercicios prácticos

    Por MEDIAactive

    5/5

    ()

    Leer vista previa

    Información de este libro electrónico

    JavaScript es el lenguaje de programación que se ocupa de asignar la interactividad a cada uno de los elementos que conforman una página web o una aplicación. Este lenguaje, complicado pero a la vez extremadamente mecánico, funciona mediante la asignación de elementos de diferentes tipos, cuyo uso y aplicación resulta imprescindible conocer. Tras haber consultado los 100 ejercicios que conforman este libro, usted habrá profundizado en las entrañas de JavaScript y podrá poner en práctica todo cuanto ha aprendido.

    Con este libro:

    Conocerá con todo detalle la sintaxis de JavaScript.
    Estudiará los tipos de datos primitivos con que trabaja este lenguaje.
    Descubrirá cómo funcionan los distintos operadores.
    Aprenderá a utilizar interesantes y útiles funciones.
    Profundizará de forma teórica y amena en todos los elementos que conforman el lenguaje
    JavaScript.
    IdiomaEspañol
    EditorialMarcombo
    Fecha de lanzamiento7 abr 2020
    ISBN9788426729194
    Aprender Javascript Avanzado con 100 ejercicios prácticos

    Lee más de Medi Aactive

    Relacionado con Aprender Javascript Avanzado con 100 ejercicios prácticos

    Libros electrónicos relacionados

    Programación para usted

    Ver más
    Ver más

    Episodios de podcast relacionados

    Artículos relacionados

    • SIN LÍMITES

      Teletrabajo De Lujo

      15 ago 2022

      Hace tiempo, OpenOffice era la primera alternativa gratuita a Microsoft Office, pero LibreOffice ha tomado ahora la delantera. En su momento, muchos desarrolladores voluntarios dieron la espalda a OpenOffice y crearon en 2010 ‘The Document Foundation

      6 min de lectura

    • SIN LÍMITES

      Lo Nuevo De Windows 11

      23 jul 2021

      Lo Nuevo De Windows 11
      6 min de lectura

    • SIN LÍMITES

      Los Mejores Trucos Y Consejos

      15 ago 2022

      Los Mejores Trucos Y Consejos
      6 min de lectura

    • SIN LÍMITES

      Experto En Office

      4 sept 2020

      Experto En Office
      2 min de lectura

    • SIN LÍMITES

      Microsoft Office Experto En Office

      30 jul 2021

      Microsoft Office Experto En Office
      2 min de lectura

    • SIN LÍMITES

      Plantillas Y Complementos

      16 sept 2022

      Plantillas Y Complementos
      3 min de lectura

    • SIN LÍMITES

      El Dominio De La Ofimática

      1 mar 2024

      El Dominio De La Ofimática
      2 min de lectura

    • SIN LÍMITES

      Crea Tu Currículum Online

      27 may 2022

      Estás buscando un nuevo trabajo? Si la respuesta es afirmativa, el primer paso que tienes que dar es crear un currículum vitae para presentar en tus entrevistas, en el que quede claro cuál es tu formación y experiencia laboral. Los departamentos de r

      5 min de lectura

    • SIN LÍMITES

      150 TRUCOS PARGA Office

      29 abr 2022

      150 TRUCOS PARGA Office
      2 min de lectura

    • SIN LÍMITES

      PREGUNTAS & RESPUESTAS

      17 mar 2023

      Puedes enviarnos tus consultas a [email protected] y también en facebook.com/computerhoy Me he fijado en que cada vez que abro una pestaña nueva en Chrome aparecen unos accesos directos debajo de la casilla de búsqueda de Google, que me lle

      7 min de lectura

    • SIN LÍMITES

      Mecano grafía

      21 jun 2024

      Hace años, aprender mecanografía suponía pasar muchas horas delante de la maquina de escribir, copiando infinitas secuencias de letras, para así coger agilidad y fuerza en los dedos, ya que estos debían presionar rápidamente las duras teclas. La meta

      3 min de lectura

    • SIN LÍMITES

      Multimedia

      22 ene 2021

      Multimedia
      4 min de lectura

    • SIN LÍMITES

      Crea Fórmulas En Ms Excel

      29 oct 2021

      Crea Fórmulas En Ms Excel
      1 min de lectura

    • SIN LÍMITES

      Las Mejores Herramientas Para Crear presentaciones

      2 sept 2022

      Microsoft Office es con diferencia el programa de ofimática más popular y utilizado en todo el mundo, pero no es el único. Word, Excel y PowerPoint tienen alternativas gratis. Se trata de aplicaciones similares, que también sirven para crear tus docu

      2 min de lectura

    • SIN LÍMITES

      Programas Para Todos

      10 jul 2020

      Programas Para Todos
      20 min de lectura

    • SIN LÍMITES

      PREGUNTAS & RESPUESTAS

      24 jun 2022

      Desde hace un tiempo, he observado que Internet va cada vez más lento. He llegado a pensar que quizá mi equipo haya sido infectado por algún tipo de virus. Sin embargo, mi antivirus no encuentra nada, así que no estoy nada segura de qué podría estar

      7 min de lectura

    • SIN LÍMITES

      Teletrabajo de Lujo

      11 jun 2021

      Teletrabajo de Lujo
      6 min de lectura

    • SIN LÍMITES

      Herramientas Imprescindibles

      27 mar 2024

      ■ TEXTSEEK BUSINESS - REALIZA BÚSQUEDAS Alguna vez has usado la búsqueda de Windows para encontrar un archivo y no lo has conseguido localizar? Con TextSeek no te volverá a ocurrir: este software rastrea todos los archivos que contengan el término in

      1 min de lectura

    • SIN LÍMITES

      Lleva tu Productividad Al Máximo Nivel

      30 ago 2024

      Trabajar en la oficina no es nada divertido con un software pésimo, sobre todo si los programas son caros. Pero hay una forma mejor: en esta doble página, encontrarás joyas de software gratuito. El árido trabajo de oficina resulta menos aterrador cua

      2 min de lectura

    • SIN LÍMITES

      Los Mejores Programas Gratuítos Para La Oficina

      2 feb 2024

      Trabajar en la oficina no es nada divertido con un software pésimo, sobre todo si los programas son caros. Pero hay una forma mejor: en esta doble página, encontrarás joyas de software gratuito. El árido trabajo de oficina resulta menos aterrador cua

      2 min de lectura

    • SIN LÍMITES

      Siempre equipado

      15 ago 2022

      Siempre equipado
      1 min de lectura

    Categorías relacionadas

    Comentarios para Aprender Javascript Avanzado con 100 ejercicios prácticos

    5/5

    1 clasificación0 comentarios

    ¿Qué te pareció?

    Toca para calificar

    Los comentarios deben tener al menos 10 palabras

      Vista previa del libro

      Aprender Javascript Avanzado con 100 ejercicios prácticos - MEDIAactive

      001 Qué es JavaScript

      IMPORTANTE

      Resulta de gran importancia saber que JavaScript no tiene nada que ver con Java , otro lenguaje de programación creado por la compañía SunSystems. De hecho, cabe destacar que, en sus inicios, Netscape bautizó su lenguaje de programación como LiveScript y que no fue hasta más adelante, por motivos de márketing, que la compañía decidió cambiar el nombre a su producto, asemejándolo al del lenguaje más exitoso en aquel momento.

      Img_p014-00

      JAVASCRIPT ES UN LENGUAJE DE PROGRAMACIÓN que permite crear programas y sitios web prácticamente idénticos a cualquier aplicación de escritorio, en cuanto a su respuesta se refiere. JavaScript aporta animaciones, interactividad y efectos visuales a un documento HTML, la base de cualquier sitio o página web. JavaScript forma parte de un conjunto de elementos formado por HTML y CSS: HTML aporta la estructura, CSS, el estilo y JavaS-cript, el funcionamiento y la interactividad con el usuario.

      1. JavaScript fue creado en el año 1995 por la compañía Netscape, responsable de uno de los primeros navegadores que aparecieron en el mercado, Netscape Navigator, competencia directa de Microsoft Internet Explorer.   Img_p1 Dicha competencia provocó que el funcionamiento de JavaScript en dichos navegadores no fuera tan satisfactorio como se hubiera esperado de un lenguaje de programación tan potente. Afortunadamente, hoy en día, todos los navegadores, incluidos Firefox,   Img_p2  de Mozilla, y Safari, de Apple,  Img_p3 aceptan programas o scripts generados con JavaScript.

      Img_p014-01

      Logotipo de la compañía Netscape, creadora del navegador Navigator y del lenguaje de programación JavaScript.

      Img_p014-02Img_p014-03

      2. Teniendo en cuenta que el principal objetivo de JavaScript es la interactividad en programas y sitios web, a continuación veremos algunas de las aplicaciones en las cuales podemos encontrar claramente este increíble lenguaje de programación.

      3. Gracias a JavaScript, es posible que una página muestre el importe total de una serie de compras, así como el IVA correspondiente aplicado, justo en el momento en que el usuario pulsa el botón Comprar.  Img_p4

      Img_p015-01

      4. Otro ejemplo sería al rellenar un formulario, en aquellos casos en que el usuario no completa los campos necesarios o lo hace de un modo no satisfactorio. En estos casos, el programa lanzará el correspondiente mensaje de error también generado con JavaScript.  Img_p5

      Img_p015-02

      5. Google Maps es otro claro ejemplo de cómo JavaScript permite interactuar con el usuario en tiempo real.  Img_p6

      Img_p015-03

      Google Maps utiliza JavaScript para conseguir una interacción con el usuario en tiempo real sin necesidad de cambiar de página web.

      6. Pero no sólo encontramos JavaScript en las entrañas de muchos de los sitios web que visitamos diariamente. La gran mayoría de los widgets de escritorio que pueden instalarse en el ordenador han sido desarrollados con JavaScript, así como miles y miles de aplicaciones para dispositivos móviles y un amplio elenco de características de programas informáticos (como Photoshop, Dreamweaver, Acrobat, entre otros).

      7. JavaScript es la llave a un mundo de interactividad prácticamente infinito y espectacular. Compruébelo usted mismo y... ¡disfrute!

      IMPORTANTE

      Inmediatamente después de que Netscape presentara su sorprendente lenguaje de programación JavaScript, la compañía Microsoft también se propuso atacar el mercado con su propio lenguaje de programación y lanzó jScript. En este caso, jScript estaba incluido en el navegador Internet Explorer.

      Img_p015-00

      002 La sintaxis de JavaScript

      IMPORTANTE

      El uso del signo de puntuación ; (punto y coma) al finalizar cada sentencia no es obligatorioen JavaScript, aunque sí recomendable.

      CUANDO HABLAMOS DE SINTAXIS DE UN lenguaje de programación nos estamos refiriendo al conjunto de reglas en que se basa la escritura del código fuente de los diferentes programas generados. La sintaxis de JavaScript es muy parecida a la de otros lenguajes de programación, como Java o C.

      1. En este ejercicio trataremos de definir de forma clara y concisa en qué se basa la sintaxis básica de JavaScript. Aunque pueda parecer lo contrario, la sintaxis de JavaScript es bastante sencilla. Para empezar, podemos indicar que los intérpretes de JavaScript no tienen en cuenta los espacios en blanco ni las nuevas líneas, lo que supone que el desarrollador puede organizar el código como mejor le convenga.  Img_p1

      Img_p016-00

      2. JavaScript hace distinción entre mayúsculas y minúsculas, lo que significa que si el código no se escribe según esta distinción, el programa no funcionará según lo previsto.  Img_p2

      Img_p016-01

      La distinción entre mayúsculas y minúsculas debe realizarse y respetarse durante todo el script.

      3. Otro aspecto a tener en cuenta es que las variables creadas pueden almacenar diferentes tipos de datos, por lo que no es necesario definirlas al escribir el código.

      4. JavaScript es un lenguaje de programación totalmente dinámico. ¿Qué significa esta afirmación? Sencillamente significa que todo cuanto se escribe en el código puede ser cambiado en cualquier momento.

      5. Los comentarios también forman parte de la sintaxis de JavaS-cript. Resultan de gran importancia porque permiten al desarrollador realizar anotaciones referentes a la escritura del código, utilizando para ello unas normas imprescindibles. Como veremos en el ejercicio siguiente, los comentarios se escriben siguiendo una puntuación básica concreta.  Img_p3

      Img_p017-00

      6. Las variables también son parte de la sintaxis de Javascript. Las variables se declaran mediante la terminología var e incluyen siempre valores. Los cinco tipos de valores fundamentales son booleanos, números,   Img_p4  cadenas de caracteres, objetos plenos y matrices; todos estos tipos serán debidamente descritos en este libro.

      7. El desarrollador inventa el nombre de las variables declaradas, siempre teniendo en cuenta dos aspectos fundamentales: que dicho nombre sólo puede contener letras, números y los signos $ y _ (guión bajo) y que el primer caracter no puede ser un número. Una declaración de variable sería la siguiente:

      var abc;

      8. Y la asignación de valores, podría ser como sigue:  Img_p5

      var abc = alfabeto;

      Img_p017-02

      9. Como en las variables, las funciones adoptan un nombre único para poder ser utilizadas dentro del código. Tras este nombre, es preciso escribir los parámetros de la función entre paréntesis. Las instrucciones que describen la función se escriben entre símbolos de llaves { }.  Img_p6

      Img_p017-01

      003Comentarios, expresiones y sentencias

      IMPORTANTE

      Los comentarios insertados por el programador dentro del código pueden ser frases enteras o palabras sueltas.En cualquier caso, siempre ayudarán a aclarar partes concretas del código, sobre todo en caso de necesitar modificarlo o en el momento de su depuración.

      LOS COMENTARIOS, LAS EXPRESIONES Y LAS sentencias forman parte de la sintaxis básica de JavaScript. En ocasiones existe cierta confusión entre la definición y el uso de expresiones y sentencias (la asignación de comentarios queda totalmente clara, como se verá en este ejercicio); en estas páginas trataremos de distinguir por completo ambos elementos.

      1. Empezamos este ejercicio hablando de los comentarios. Los comentarios forman parte del código JavaScript pero no son interpretados por los navegadores web. Los programadores los utilizan sencillamente para facilitar la lectura del código en determinadas partes del mismo.

      2. Existen dos tipos de comentarios de JavaScript y cada uno de ellos se representa con una puntuación distinta. El primer tipo se utiliza para comentar únicamente una línea de código y se indica con una doble barra, //.  Img_p1

      Img_p018-00

      Cuando se utiliza un editor de textos web, los comentarios se muestran de color gris, para que sea más fácil reconocerlos en el momento de la depuración o modificación.

      3. El segundo tipo de comentario se utiliza para comentar más de una línea de código y requiere, en este caso, de una puntuación de apertura, /*, y otra de cierre, */.  Img_p2

      Img_p018-01

      4. El uso de comentarios en un documento de código JavaScript es ilimitado e, incluso, recomendable en aquellos casos en que se prevean confusiones en el momento de la interpretación del mismo.

      5. Hablemos ahora de las expresiones y las sentencias, que, en determinados casos y tal como hemos indicado en la introducción de este ejercicio, pueden confundirse. Las sentencias son instrucciones que se incorporan en el código para que éste ejecute algo, por ejemplo, que realice una acción concreta.

      6. Un ejemplo bien conocido de sentencia es la denominada condicional, la cual se utiliza para determinar si algo es verdadero o si existe. En función de si la condición es verdadera o no, se ejecutarán o no las acciones especificadas, ya sean funciones o expresiones. La sentencia condicional es if.  Img_p3

      Img_p019-01

      Podemos decir que un programa o un script es una secuencia de sentencias.

      7. A diferencia de las sentencias, las expresiones son cualquier combinación de símbolos de JavaScript que representan un valor. Así, las expresiones tienen valores (de los cuales hablamos en el ejercicio anterior) y los valores y las propiedades tienen tipos.

      8. Una expresión puede estar formada por diferentes tipos de elementos: operadores y operandos, valores, funciones y procedimientos.  Img_p4

      Los bucles (loops) también son un ejemplo de sentencia en JavaScript.

      Img_p019-02

      En la descripción de estas dos variables, todo cuanto se encuentra a la derecha del signo =, el cual indica la descripción de la variable en sí misma, es una expresión.

      9. Dicho esto, podemos destacar que cuando JavaScript espera la aparición de una sentencia, es posible que aparezca una expresión, pero no al contrario: no es posible escribir una sentencia cuando el programa está esperando una expresión.

      10. A menudo, y debido a su construcción, se utilizan erróneamente dos tipos concretos de expresiones como si fueran sentencias: los objetos literales (expresiones) se confunden con los bloques (sentencias) y las expresiones de funciones con nombre se confunden con declaraciones de funciones, las cuales son sentencias.

      IMPORTANTE

      Es posible escribir sentencias condicionales utilizando una expresión con un operador condicional. Por ejemplo, éstas serían las líneas de código con la sentencia condicional if : var premio;

      if (si) {

      premio = ¡Enhorabuena!’;

      } else {

      premio =’Lo sentimos’;

      }

      Y ésta la misma línea con el operador condicional:

      var premio = si ?

      ‘¡Enhorabuena!’ : ‘Lo sentimos’;

      (Todo se escribe en una misma línea.)

      004 El uso del punto y coma en JavaScript

      EL USO DEL PUNTO Y COMA al final de cada sentencia no es obligatorio en el código JavaScript, aunque sí altamente recomendable. En este ejercicio le mostraremos por qué es recomendable utilizar este signo de puntuación y en qué casos precisamente no debe utilizarse.

      1. Con el fin de evitar posibles errores detectados por el navegador web en el momento de la interpretación, las diferentes instrucciones contenidas en nuestros scripts deben separarse adecuadamente. ¿Cómo? Mediante un punto y coma al final de cada línea.  Img_p1

      2. Sin embargo, existen ciertas excepciones a esta norma del punto y coma. En concreto, las sentencias que finalizan con un bloque no deben llevar punto y coma al final de las mismas. Y todavía podemos concretar más esta excepción: sólo los bucles (como for y while), los conectores (como if, switch o try) y las declaraciones de funciones que finalizan con un bloque no se cierran con un punto y coma.

      3. Éste sería un ejemplo de una sentencia con un bucle for que no finaliza con un punto y coma:  Img_p2

      for (var num=11; num<=20; num++) {

      document.write(‘

      Número ‘ + num + ‘

      ’);

      }

      Img_p020

      4. Vea que la sentencia finaliza con la llave de cierre, y no con este signo y un punto y coma. Seguidamente, incluimos un ejemplo de una sentencia con un conector condicional como if que tampoco finaliza con un punto y coma: Img_p3

      if (bestCountry == ‘Canadá’) {

      document.write(

      ¡Coincido contigo! China también

      );

      }

      Img_p021-00

      5. Por último, un ejemplo de la tercera de las excepciones listadas en el punto 2, es decir, una declaración de función, serían las líneas siguientes:  Img_p4

      function printToday() {

      var hoy = new Date(); document.write(hoy.getDate());

      }

      Img_p021-02

      6. Sin embargo, sepa que la inserción de un punto y coma en estos casos concretos no conlleva un error de sintaxis, debido a que dicho signo se considera una sentencia vacía y las sentencias vacías pueden aparecer en el punto en que el código prevé encontrar una sentencia.

      7. JavaScript cuenta con un mecanismo que se ocupa de insertar un punto y coma allá donde prevé que es necesario. Este mecanismo se denomina ASI, siglas del término en inglés Automatic Semicolon Insertion , y aunque a primera vista puede resultar muy útil, en ocasiones produce resultados inesperados. Por esta razón, lo mejor y más recomendable es utilizar el punto y coma nosotros mismos allí dónde sea necesario.

      IMPORTANTE

      Básicamente, el mecanismo ASI funciona al determinar el punto en que una sentencia finaliza y le agrega un punto y coma.

      005 Datos primitivos

      COMO LA MAYORÍA DE LENGUAJES DE programación, Javascript cuenta con los tipos de datos habituales de este tipo de lenguajes: booleanos, cadenas de caracteres, números, entre otros. Estos datos se confunden en ocasiones con otros elementos propios también de este lenguaje: los objetos. En éste y en el siguiente ejercicio, trataremos de describir y distinguir ambos tipos de elementos.

      1. Como hemos indicado en la introducción, JavaScript cuenta con los siguientes tipos de datos: booleanos, números, cadenas de caracteres, matrices y los tipos especiales null y undefined. Todos estos datos, que se denominan primitivos, tienen propiedades, las cuales, a su vez, tienen un nombre y un valor.  Img_p1

      Img_p022-00

      Debe saber que en realidad los datos primitivos no tienen propiedades, sino que las toman prestadas de los constructores que los envuelven. Hablaremos de dichos constructores más adelante en este libro. Imagen: aprenderaprogramar.com.

      2. Los datos primitivos tienen unas características que los identifican. Veamos cuáles son, aunque sepa que cada uno de ellos será tratado ampliamente más adelante en este libro.

      3. El tipo de dato booleano (en inglés, boolean) acepta sólo dos valores:

      true

      false

      4. Y normalmente se utilizan en sentencias condicionales.  Img_p2

      Img_p022-01

      5. Los tipos numéricos (en inglés, number) representan cualquier número entero o de punto flotante, es decir, con decimales (23.7).  Img_p3

      var valor1 = 5;

      var valor2 = 2.9;

      Img_p023-00

      Normalmente, el tipo de datos Number no utiliza comillas, como en el caso de las cadenas de caracteres. En este ejemplo, las comillas se utilizan porque los valores numéricos dependen del elemento Number , el cual lo utiliza para realizar un cálculo matemático.

      6. Por su parte, las cadenas de caracteres (en inglés, string) alma-cenan, como su nombre indica, una secuencia de caracteres, teniendo en cuenta que dicha secuencia puede estar vacía. Las cadenas de

      ¿Disfrutas la vista previa?
      Página 1 de 1