Vamos a comenzar a aprender JavaScript.
A diferencia de lo que hemos visto de HTML CSS Javascript sí es un lenguaje de programación cuenta con
variables.
Cuenta con funciones condicionales y muchas otras cosas características de un lenguaje de programación
para este capítulo estará utilizando Visual Studio code.
Para mí este es el mejor editor que vas a encontrar para JavaScript.
A mí me gusta mucho la parte de JavaScript.
Ahora una vez que abres estudio puedes presionar este botón el último y aquí puedes instalar extensiones
lo hacen más fácil incluso Keaton para instalar extensiones y una que vamos a buscar es un axioma Leiv
server donde buscar la IP Server y es ésta que tiene que operar como como si fuera una bocina o sonido
pero es un icono diferente y le doy Install.
Una vez que se instala nos dice que tiene que recargar el editor le damos namas Reloaded y lo va a cargar
ahora aquí voy a hacer un poco más espacio hay algunas otras extensiones ya viste como instalarlas.
Por ejemplo me gusta mucho para la parte de script Zeus este del biotipos también te lo recomiendo que
instales este también bracket per colorá y ser puedes instalarla.
Un poco más hacia abajo esto es por mucho la mejor más Crips seis así que también recomendaría instalar
esta y creo que con esas es suficiente para para esta parte del curso cuando esas son suficientes.
Una vez que las instalas voy a hacer esto más pequeño nuevamente voy a crear una nueva carpeta New Folder
ponerla aquí como nombre lo voy a poner aprendiendo JavaScript aprendiendo JS
selecciona esta carpeta y la arrastro hacia mi editor reelabora y voy a crear un nuevo archivo en este
icono Index puntuó HTML
y también voy a crear de momento algo que me gusta mucho de estudio es que tiene Emet ya instalado y
puedes poner aquí nada más el signo de exclamación y presionar Tab y te vas crear toda la estructura
una vez que está todo esto puedes presionar botón derecho y darle aquí.
Open Wycliffe Server esto tras crear un pequeño servidor puede ser que abra el proyecto lindeza HTML.
En esta web Relay másgrande y veamos algo que es posible hacer con JavaScript aquí lo va a cambiar el
nombre por aprendiendo JavaScript scrip y voy a poner un H1B que diga introduccion Xion a JavaScript
ya hoy en día el JavaScript hace muchas cosas incluso puedes hacer aplicaciones móviles pero es un lenguaje
que nació para la web por lo tanto puede manipular el HTML CSS muy fácilmente.
Veamos un ejemplo.
Voy a crear aquí un que se me mensaje como dije esto ya tiene instalado más de ponerse el signo de ahí
el nombre y a crear un Heydi.
Lo voy a dejar vacío y vamos a hacer lo siguiente Tenemos aquí puro HTML pero puedes escribir JavaScript
dentro del HTML.
Nada más tienes que agregar la etiqueta script y esto es lo que haces.
Ok va leyendo comienza a leer el navegador comienza a leer detecta que todos estos HTML pero una vez
que llega a este punto de esta forma identifica que el código que está en estas etiquetas es código
de JavaScript y lo debe tratar de forma diferente.
Algunos agregaran algo así como el Type y aquí vas a tener text JavaScript.
Esto es para decirle que este es código JavaScript pero no necesitas hacerlo siempre si quieres puedes
agregarlo si no no hay ningún problema por default.
JavaScript toma el texto Javascript por default.
Por lo tanto si lo especificas o no hace mucho cambio ahora vamos a escribir nuestro primer pequeño
programa y no pretendo que entiendas lo que voy a escribir aquí pero quiero mostrarte lo que puede hacer
JavaScript aquí tengo este día con el Euridice mensaje está vacío.
Puedes utilizar JavaScript para inyectar código o algo de contenido aquí.
Veamos un ejemplo muy sencillo tenemos que seleccionar ese Dip y lo haces siempre seleccionar elementos
en JavaScript.
La palabra document primero y después lo puedes seleccionar de distintas formas lo veremos más adelante
más a detalle.
No pretendo que te lo memorice solamente quiero mostrarte qué puede hacer JavaScript si lo pones aquí.
L.M vaya ahí nada más le pasarías el aire y lo pegas aquí y eso lleva a seleccionar este elemento.
Después lo puedes poner aquí Inner HTML esto es una forma en la que transformas código JavaScript HTML
lo va a poner nada más bienvenido Juan voy a poner mi nombre puedes poner el tuyo guardás cambios y
notã como cambios y gracias a la IP Server me recarga automáticamente mi HTML y me aparece bienvenido
Juan puedes ver que tengo este vacío y le estoy inyectando algo por medio de JavaScript.
Eso es lo que hace el JavaScript bastante bien se le conoce como manipular el domo de modificar el Dom
o dormís scripting pero hace muchas cosas mas este solamente es un ejemplo sencillo ahora salvo que
todos tus visitantes se llamen Juan pues bienvenido Juan está bien.
Pero JavaScript es un lenguaje de programación por lo tanto tiene Bará variables y funciones por ejemplo
que voy a crear una variable utilizas la palabra bar.
Hay otras formas de crear variables con palabras y Const.
Veremos un poco más adelante la diferencia entre las tres para equipar nombre va a ser igual a prompt
que es prompt aquí cuál es tu nombre.
Prompt es una función de jabas que ya existe en el navegador.
Ya existe mejor dicho en JavaScript y esto lo que hace es crear una pequeña ventana.
Puedes ver que aquí se cuál es tu nombre y aparece esta ventana al prom.
Es esto JavaScript es un lenguaje de programación y tú puedes crear tu código pero también puedes utilizar
las funciones que son del lenguaje todos los lenguajes ya tienen muchas funciones que son parte de su
librería.
JavaScript tiene muchas más de 4000 o 5000 funciones ya escritas que tú no tienes que escribir.
En este caso estamos usando Prov y estaremos utilizando muchas nativas del lenguaje y en otros casos
estaremos creando nuestras propias funciones.
Todo eso lo veremos más a detalle conforme vayamos avanzando.
No te preocupes si no me moriscas que son prom que es un documento L.M Bayardi que Soni en era HTML
poco a poco con la práctica estas cosas se aprenden entonces aquí voy a preguntarle cuál es tu nombre.
Una vez que yo escriba algo aquí esto se agrega a la variable nombre para poderlo reflejar aquí tengo
que hacer algunos cambios.
Primero estas comillas tienen diferentes tienen que ser estas que son inclinadas hacia atrás en mi teclado
están después de la de la letra p entonces lo ponemos nuevamente aquí en lugar de Juan elimino esto
y pongo un signo de dólar.
Abro llaves y pongo nombre.
Esto en el lenguaje en JavaScript se le conoce como template string es una de las nuevas adiciones en
el lenguaje lo que veremos más a detalle un poco más adelante pero básicamente te permite agregar texto
con una variable es una ayuda bastante.
Hay un video donde lo veremos más a detalle lo aprenderás mejor.
Si por ejemplo aquí le doy ya nada más guardar cambios aparece cuál es tu nombre y el código se comienza
a ejecutar conforme va apareciendo aquí se ejecuta esta línea.
Una vez que lleno aquí algo pongo Juan este valor se añade a esta variable y se ejecuta la siguiente
línea y ya va a agregar bienvenido y luego mi nombre ok bienvenido Juan si recargo de aquí le pongo
Pedro.
Ok bienvenido Pedro.
Entonces eso es lo que tiene un lenguaje de programación tiene variables tiene funciones y tiene muchas
otras cosas que iremos viendo poco a poco.
JavaScript nace como un lenguaje para interactuar en la web pero hoy en día puede hacer muchas cosas
consultas en el servidor conexiones a la base de datos con Nock J.V.
También puedes crear aplicaciones móviles entonces es un lenguaje que ha evolucionado bastante pero
tienes que aprender lo básico antes de comenzar a aprender cosas más avanzadas en el siguiente video
por el resto del capítulo veremos una introducción al lenguaje veremos todo lo que nos ofrece y después
comenzaremos a crear más proyectos.