El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

JavaScript esencial

Elementos básicos de JavaScript

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Ya que has creado tu primer JavaScript, aprende más sobre los conceptos y elementos básicos que componen toda aplicación JavaScript. Pon mucha atención, pues en este capítulo tendrás conceptos clave que te facilitarán el desarrollo y entendimiento de aplicaciones posteriores y más sofisticadas.
03:42

Transcripción

Ahora que hemos ya creado nuestro primer JavaScript, vamos a entender un poquito más de cómo funciona el flujo entre una página de HTML y JavaScript. Lo primero que debemos entender es que puede ejecutarse desde dos formas: la primera, dentro de un código HTML, y la segunda, de manera independiente, es decir, en un archivo separado. La primera forma es como la que podemos ver aquí en pantalla, dentro de las etiquetas'script'. Incluso aquí, yo puedo agregar cuanto código más necesite. Por ejemplo, si yo quisiera crear una variable, simplemente puedo escribirla y puedo escribir aquí también todo el código que yo vaya a necesitar. Pero, cuidado, porque si tú estás trabajando con una aplicación a larga escala, escribir todo tu código dentro de estas etiquetas puede resultar muy complicado de mantener y puede ser propenso a que tengas más errores. Por lo cual, es muy recomendado que tú tengas que generar archivos externos. Por ejemplo, vamos a hacer lo siguiente. Vamos a crear aquí una carpeta que se llame'js'. Generalmente, tú puedes crear esta carpeta para almacenar todos tus "scripts". Vamos a entender esto. Todo archivo que tú crees de JavaScript podrá ser conocido como un "script". Aquí, adentro de esta carpeta, tú podrás crear un archivo nuevo al cual vamos a ponerle, en este caso, el nombre'app', con la extensión'js'. Esta convención de nombres es importante, puesto que te ayudarán a ti a tener una correcta organización en tus archivos. Recuerda, puedes ponerle el nombre que tú quieras, pero entre más organizado esté, mucho mejor, y más si lo haces desde el inicio. Por ejemplo, también tu proyecto de'js'puede haberse llamado 'app'y dentro tener todos tus "scripts". Podrás encontrar muchas variantes a lo largo del camino, simplemente es que entiendas cómo está conformado. En este caso, tenemos el archivo'app. js', vamos a escribir aquí una alerta y dentro de esta alerta vamos a mandar una notificación que diga: "Hola desde un archivo externo". Guardamos nuestro archivo, y ahora simplemente tendremos que ligarlo en nuestro archivo'index. html', para lo cual vamos a hacer uso de la etiqueta "script". Pero, al contrario de lo que habíamos venido trabajando, en lugar de que nosotros tengamos ahora simplemente un cierre de la etiqueta, lo que vamos a hacer aquí es escribir la palabra'src'. Con'src', yo podré determinar cuál es la fuente de nuestro archivo. En este caso, voy a decir que se encuentra dentro de la carpeta 'js' y vamos a invocar el archivo'app. js'. Guardamos nuestro archivo y ahora vamos al navegador a probarlo. Abrimos y actualizamos y encontraremos que tenemos, ahora sí, una alerta que dice "Hola desde un archivo externo", la aceptamos y vamos a tener la otra alerta. Como vemos, tenemos dos alertas: la alerta que tenemos en el "script" dentro de HTML y la alerta que tenemos en el archivo'app. js'. De esta manera, podemos entender cómo está el flujo de una aplicación que utiliza JavaScript. Las recomendación es: siempre vamos a utilizar archivos independientes de JavaScript, 1) para facilitar el mantenimiento de nuestros proyectos y 1) para poder trabajar de una manera más ágil y evitar, de esta manera, errores. Con esto también hacemos que nuestro proyecto pueda ser escalable, es decir, que podamos nosotros hacerlo crecer o incluso reutilizar este código en otros proyectos.

JavaScript esencial

Aprende y conoce JavaScript empezando por entender sus conceptos más básicos y esenciales, pero considerando en todo momento la nueva especificación del lenguaje ES6.

5:26 horas (90 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:12/09/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.