Categorías
Udemy

SECCIÓN 12 – Funciones y métodos

41 – Crear funciones

Las funciones son un conjunto o agrupación de órdenes para realizar una tarea o acción concreta.

Las funciones son reutilizables, podemos utilizarlas tantas veces como queramos.

Para crear una función utilizaremos la palabra reservada «function» + un nombre para la misma y sus correspondientes paréntesis.

Para hacer que la función nos devuelva algún resultado, debemos utilizar dentro de la función la palabra reservada «return» y lo que queremos que nos devuelva, un texto, un número, etc.

También podemos hacer que devuelva datos desde dentro de la función misma, a través de «console.log»«document.write», etc., no sólo con «return» nos devolverá datos.

42 – Parámetros

Las funciones pueden recibir datos externos que van a hacer que la lógica o el resultado de una función sea diferente según el caso; a esos datos que recibe los conocemos como «parámetros».

Esto nos permitiría, por ejemplo, que cada vez que llamemos a una función, le podamos pasar datos de manera dinámica, lo que hará que nuestro trabajo sea más rápido y eficiente.

Se entenderá mejor con el siguiente ejemplo:

Podemos ampliar la funcionalidad o potencia de la función incluyendo un bucle «for»:

43 – Parámetros opcionales

Los parámetros opcionales son parámetros que podemos invocar o no en nuestras funciones, que pueden aportar mayor funcionalidad a las mismas.

Dependiendo de la asignación de dicho parámetro, la función podrá ejecutarse o dar un resultado diferente.

Como siempre, lo vemos mejor con un ejemplo:

44 – Funciones dentro de otras

Si nuestras funciones se convierten en monstruos enormes de código, una solución es insertar funciones dentro de otras funciones, o sea, separar el código de una función en partes más pequeñas para darles funcionalidad por sí solas.

En nuestro ejemplo anterior, teníamos una función que mostraba el resultado de una operación, bien por consola o por pantalla.

Pues bien, podemos crear dos funciones que realicen esto, enviar el resultado a un sitio u otro, y llamarlas desde dentro de nuestra función calculadora.

45 – Parámetros rest y spread

Imagina que en una función nosotros tengamos programado que recoja dos parámetros, pero al invocarla, le pasamos un número mayor de ellos, en ocasiones indefinidos, o sea, que no sabemos cuántos.

Para que estos parámetros no se pierdan y sean recogidos por la función, utilizamos lo que se llama el parámetro «rest», que se especifica dentro de la función con «…+nombre-parámetro». Esto lo que hará será recoger todos los datos que pasemos a través de este parámetro en un Array.

El parámetro «spread» nos permite, teniendo una colección de elementos en un array, pasarlos como parámetros a una función dada.

Por ejemplo, si tenemos una función con 2 parámetros definidos y un array con esos 2 elementos, llamando o invocando a esa función con «… + nombre-variable-array» lo que hará será pasar el elemento 1 del array como parámetro 1, el elemento 2 como parámetro 2, y así sucesivamente.

46 – Funciones anónimas y callbacks

Las funciones anónimas, al definirlas no necesitan o no llevan un nombre asociado para después ser invocadas, como el resto de funciones.

Explica también las funciones «callback», pero o no lo explica muy bien, o yo no me entero (Buscar Info. Funciones Callback).

47 – Funciones flecha

Esto se está utilizando mucho ahora, y consiste en el mismo mecanismo de las «funciones callback», pero a la hora de escribir la función se hace de una manera mucho más clara que las anteriores.

Se usan poniendo una flecha » => «, y en el caso de que llevan parámetros no hace falta que estos lleven siquiera los paréntesis.

48 – El ámbito de las variables

Las variables pueden tener dos ámbitos: global local.

Global es el ámbito que generalmente tendrá una variable en el flujo normal de nuestros programas, y podremos utilizar estas dentro y fuera de nuestras funciones.

Por contra, las variables locales tienen un ámbito restringido al lugar donde han sido declaradas, generalmente dentro de una función.

En nuestro caso, la variable «hola_mundo» al ser declarada dentro de nuestra función «holaMundo», sólo podrá utilizarse dentro de dicha función, nunca fuera.

Otra cosa interesante que comenta Víctor es el método «.toString()», que nos permite pasar cualquier objeto a un tipo de datos «String».

49 – Métodos para procesar textos

Lo primero que veremos será cómo transformar textos.

Un método, que ya hemos visto antes, será convertir un dato u objeto a String; lo haremos con el método «.toString()».

También podemos utilizar otro método para pasar textos de minúscula a mayúscula, con el método «.toUpperCase();».

Para convertir el texto en minúscula, usaremos el método «.toLowerCase();».

También podemos calcular la longitud de un texto; para ello utilizaremos el método «.length».

Si tenemos un array, «.length» nos servirá para contar la cantidad de elementos que hay dentro de él.

Vamos a ver también cómo concatenar o unir textos. Para concatenar textos, como ya hemos visto, podemos hacerlo con el operador «+», pero además existe un método que hace esto también; es el método «.concat()».

50 – Métodos de búsqueda

Si queremos encontrar una palabra o carácter dentro de nuestro texto, utilizaremos el método «.indexOf(«palabra»);».

Con el método «.lastIndexOf(«palabra»)» nos devolverá la última coincidencia de la palabra buscada.

El método «.search(«palabra»);» hará lo mismo que el «.indexOf», buscará el lugar en donde se encuentra nuestra palabra.

Si buscamos una palabra que no está en nuestros textos, nos devolverá el resultado «-1».

Otro método que se puede utilizar es «.match(«palabra»);», el cual nos devolverá un array con una serie de datos, entre ellos longitud, el lugar en el que está la palabra, la frase misma, etc.

Si la palabra se repite varias veces en una frase, podemos utilizar el método «.match» con una expresión regular.

Para extraer caracteres dentro de una cadena de una posición a otra que especifiquemos, podemos utilizar el método «.substr(14,5);»; esto lo que hará será, desde el carácter 14, sacar 5 letras a partir de ahí.

Para conocer la letra en concreto que hay en una determinada posición, usaremos el método «.charAt(44);» especificándole la posición de la letra en concreto.

Para buscar unas letras/palabras al inicio de nuestra cadena, utilizamos el método «.startsWith(«Bi»);», y en este caso devolverá un «true» o un «false» dependiendo del resultado.

Con el método «.endsWith(«Victor Robles»)» buscará si esa palabra se encuentra al final de nuestra cadena; en este caso, sería «true».

Si queremos saber si una palabra en concreto existe en nuestra cadena de texto, utilizamos el método «.includes(«javaScript»);» pero ojo con esto, porque este método es Case Sensitive, si no escribimos la palabra tal cual está en la cadena de texto, dará «false».

51 – Funciones de reemplazo

Para cambiar un texto por otro, utilizamos el método «.replace(«JavaScript»,»Symfony»);», el cual buscará la palabra JavaScript y la sustituirá por Symfony.

El método «.slice» nos sirve para cortar y devolver, a partir de una posición que le damos, una cadena de caracteres.

Podemos especificarle, además, que nos recorte de una posición a otra:

texto1.slice (14,22);

El método «.split» es super útil, ya que nos permitirá separar palabras de una cadena de texto por un elemento que le especifiquemos, y nos las colocará en un array.

En el ejemplo el elemento que le especificamos es un espacio, así que cada vez que encuentre un espacio, nos separará esa palabra y la pondrá en un array.

Otro método fundamental en programación es «.trim()»el cual nos quitará los espacios por delante y detrás que tenga nuestra cadena de texto.

52 – Plantillas de texto en JavaScript

A la hora de imprimir texto, ya hemos visto que podemos meterlo en una variable con un texto en concreto y concatenar nuestras variables, pero esto es demasiado tedioso.

Para solucionarlo, tenemos las «plantillas de texto en JavaScript», las cuales consisten en declarar una variable y, «entre comillas invertidas», poner todo el texto que deseemos, y para sustituir las variables, deberemos «interpolarlas», lo cual se hace escribiendo el signo «$» y entre llaves el nombre de la variable, así:

${nombre}

 

Categorías
Udemy

SECCIÓN 11 – Ejercicios de programación – Bloque 1

32 – Ejercicio 1

Haremos un programa que pida 2 números y diga cual es mayor, menor y si son iguales.

Utilizamos 2 «prompt()» que previamente hemos asociado a una variable, y a su vez estos prompt() los metemos dentro de un parseInt() para pasar el resultado obtenido de «String» «Entero».

Para hacer la comparación de números utilizamos la estructura de control «if … else if».

33 – Ejercicio 1 Plus

Se puede dar el caso que en la ventana de entrada no introduzcamos números o estos sean iguales a cero; en ese caso, deberíamos programar el código para que vuelva a pedirnos los números.

Victor soluciona esto con bucle «while».

34 – Ejercicio 2

Mediante un bucle, mostrar la suma y la media de dos números introducidos hasta introducir un número negativo y ahí mostrar el resultado.

Víctor utiliza un bucle «do while» para pedir los datos al usuario y evaluar la condición.

Finalmente, con 2 alertas realiza la suma y la media de todos los números introducidos.

35 – Ejercicio 3

Hacer un programa que muestre todos los números entre dos números introducidos por el usuario.

Para solucionar este enunciado, volveremos a pedir mediante un «prompt()» los dos números, pero además utilizaremos un bucle «for» para mostrar todos los números desde el número 1 al número 2.

36 – Ejercicio 4

En este ejercicio habría que mostrar todos los números impares que hay entre dos números introducidos por el usuario.

Para ello, volveremos a solicitar los 2 números con «prompt()» y para evaluar la condición utilizaremos un «while» y un «if».

Para saber si un número es impar, dentro de un «if» buscaremos el «resto» entre numero1 y numero2 y si es diferente a «0», ese número sería «impar».

37 – Ejercicio 5

Progama que muestre los números divisores de un número introducido en un «prompt()».

Para el bucle utilizaremos el «for».

Para saber si un número es divisor de otro lo dividimos y lo será si su resto es «0».

38 – Ejercicio 6

Haremos un programa que nos diga si un número es par o impar. Deberá tener una ventana («prompt») que recoja el número, y si no es válido, que nos vuelva a pedir el número.

Con el bucle «while» comprobamos si es un número; en caso negativo, nos vuelve a solicitar un número.

Con el «if» creamos la condición para saber si el número es «par» o «impar».

39 – Ejercicio 7

Vamos a crear la tabla de multiplicar de un número introducido por pantalla.

Creamos un «prompt» para introducir el número sobre el que crearemos la tabla.

Para crear la tabla utilizaremos el bucle «for».

Utilizaremos «document.write» para mostrar el resultado en pantalla.

¿Y si queremos hacer la tabla de todos los números?

40 – Ejercicio 8

Haremos una calculadora que pida 2 números por pantalla, pero que si metemos uno mal nos lo vuelva a pedir y finalmente, en el cuerpo de la página, en una alerta y por la consola, muestre el resultado de sumar, restar, multiplicar y dividir esas 2 cifras.

Pedimos los 2 números con un «prompt».

Con un «while» estableceremos diferentes condiciones para la entrada de esos números.

Para mostrar el resultado en el navegador, lo guardaremos en la variable «resultado», y para hacer un salto de línea utilizaremos «<br/>».

Pero si queremos el resultado en una «alerta» o en la «consola», guardaremos el dato en la variable «resultadoCMD», ya que para hacer el salto de línea deberemos hacerlo con «\n» (esta es la manera de hacer saltos de línea en JavaScript).

 

 

Categorías
Udemy

SECCIÓN 10 – Alertas y Ventanas

31 – Alertas y Ventanas de ingreso de datos

La alerta o alert() ya la hemos visto bastante hasta ahora. Sirve para crear un «cuadro de diálogo» o «ventana» que muestra información al usuario de la página web.

Tenemos también las alertas de confimación. Estas nos mostrarán también una alerta o ventana, pero esta vez, además, incluirán 2 botones para «Aceptar» «Cancelar» la acción que lleva a cabo esa alerta.

Estas últimas se utilizan con la función «confirm()», pero si además metemos el resultado de esa confirmación en una variable, podremos saber si la contestación ha sido «True»«False».

Por último, tenemos la ventana de «ingreso de información», que se ejecuta con la función «prompt()» y puede tener 2 parámetros:

  1. la pregunta que se ejecutará en la ventana, y
  2. un valor por defecto para esa pregunta.

Al igual que en confirm, si metemos el resultado en una variable, podremos saber u obtener el resultado de dicha variable.

 

 

Categorías
Udemy

SECCIÓN 9 – Estructuras de control – Iteradores y Bucles

27 – Bucle For

Un bucle es una estructura de control que se repite una serie definida o indefinida de veces; generalmente sería un número «x» de veces.

El bucle «for» estará compuesto por un «contador», una «condición» y un «incrementador», representados de la siguiente manera:

Víctor utiliza a la hora de ejecutar el código, la expresión «debugger;», la cual nos sirve para ir a consola y ver paso por paso la ejecución del bucle para ver si se están cumpliendo las condiciones especificadas.

28 – Bucle While

El bucle While es menos estricto que el For y nos permite ejecutarlo incluso de manera indefinida.

La condición para que el bucle no sea «indefinido» es que dentro del mismo establezcamos un operador incremental; en caso contrario el bucle se ejecutaría de manera indefinida y colgaría nuestra página o aplicación.

También podemos utilizar este bucle con operadores decrementales.

29 – Bucle «Do While»

El bucle «Do While» funciona de manera un poco diferente al While; el primero ejecutará siempre una operación antes de ponerse a evaluar una condición.

La explicación que da Victor a este bucle es un pelín complicada; buscar en otro lugar cómo funciona este bucle.

30 – Cómo parar un bucle – Break

Break nos permite detener un bucle que se está ejecutando.

 

Categorías
Youtube

Youtube – SiteGround – Fernando Puente : «Pilares WPO»

  • WPO es optimización y velocidad.
  • Según Google, el 40% de usuarios abandonan una web si tarda más de 6 segundos en cargar.
  • En la página de campaña de Obama, conseguir que su página fuera un 60% más rápida, supuso un 14% más de donaciones.
  • Factores para un buen rendimiento web:
    • Usuario : conectividad, localización, dispositivo.
    • Servidor : Software, configuración, degradación.
    • Hosting.
    • Core / Plataforma / CMS.
    • Plantillas / Temas / Plugins / Módulos / Código.
    • Diseño lógico y visual.
  • Con WPO, ¿qué buscamos?.
    • Mejor UX,
    • Mejor posicionamiento,
    • Mayor conversión,
    • Menores costes,
    • Nuevas tecnologías.
  • WPO no se reduce solamente  a velocidad, como mucha gente cree, sino a una serie de estrategias globales que harán nuestro sitio más atractivo al usuario y a Google.
    • ESTRATEGIAS
      • Eliminar superfluo, innecesario y duplicado.
      • Optimizar rendimiento y recursos.
      • Diseñar una solución única para cada usuario, no una global.
      • Liberar de carga los recursos.
      • Aplicar lo último en tecnología.
    • HOSTING Y WPO
      • Localización del CPD.
      • Optimización Hardware/Software.
      • Soporte especializado.
      • Actualizaciones y mantenimiento.
      • Implementación tecnología : SSL ó HTTP/2.
    • ETAPAS
      • Medir. No puedes optimizar lo que no mides.
      • Identificar puntos de mejora.
      • Identificar cómo mejorar esos puntos. ¿Es rentable?.
      • Conocer tecnologías, plataformas, servicios que nos aporten mejoras.
      • Implementar, test y medir.
    • WPO es un escenario de mejora contínua; no vale de nada hacer cambios y con el paso del tiempo no hacer nada más.
    • SUGERENCIAS
      • No hay dos proyectos iguales, pero todos comparten una base similar.
      • Hay que empezar en la fase de arranque del proyecto.
      • Hay optimizaciones que se vuelven obsoletas cuando cambiamos de arquitectura.
      • Hay que hacer que todos en la empresa sean responsables de la optimización.
    • WPO se va a quedar pequeño ya, pues no sólo vamos a tener que optimizar la web, sino que se vienen nuevas tecnologías como la IOT y la robotización o automatización que también la requerirán.
    • FUTURO
      • Offline-First: uso de Service Workers.
      • Diseño mobile-only.
      • Internet asíncrono y seguro.
      • Extender formatos AMP y FIA.
      • Algoritmos de comprensión: Zopfli y el futuro Brotli. Formatos de imagen: WebP y BPG.

 

Categorías
TV3

TV3 – 30 Minuts – Robots

  • En China, la empresa STO Express ha robotizado la clasificación y reparto de todo su correo.
  • Su robot procesa en 5 minutos toda la paquetería que se envía en un sólo día a través del aeropuerto de Pekín.
  • 300 robots transportan y clasifican 70000 paquetes en un sólo día.

El robot tarda de media 32 segundos en procesar un paquete; una persona, 15 minutos.

  • En la empresa china de correos calculan que en 3 años ya no habrá ningún humano trabajando.
  • Corren, saltan y se mueven casi tan bien como un ser humano.
  • En Arabia Saudí, a un robot se le ha dado el título de ciudadano.
  • Cocinan, hacen de policías, etc.; casi sin darnos cuenta, están entre nosotros mucho más de lo que imaginamos.
  • ¿Están las sociedades preparadas para un cambio tecnológico tan grande?.
  • Buscar «Esben Ostergaard» de la empresa Universal Robots. Ha creado la IA llamada Amelia, la cual dejará sin trabajo a prácticamente todos los puestos Administrativos.
  • Hace ya unos años, se hizo un estudio en el que se concluyó que los robots podían acabar con el 99% de los trabajos de Teleoperador y el 94% de los trabajos de Contable, así como el 94% de los Auxiliares Jurídicos.
  • Ahora mismo, hay centenares de pruebas de IA iguales a la de Amelia alrededor del mundo.
  • La competencia de Amelia es Watson, de IBM, que utiliza un sistema de IA casi idéntico.
  • Estas IA eliminarán 250000000 de trabajos de aquí al 2025.
  • Hablan de una trabajadora Contable de Wallmart por 16 años, que con 52 perdió su trabajo por la automatización del mismo.
  • De la Costa Este a la Oeste eliminaron 7000 puestos de trabajo.
  • La faena que la trabajadora hacía en unas horas, la han sustituido por una máquina que la hace en menos de 1 minuto.
  • Esta trabajadora ha vuelto a encontrar trabajo, pero ha pasado de cobrar 30$/hora a 15$/hora.
  • Hablan ahora (min. 17:40) de una empresa francesa, SEPRO, la cual se ha especializado en hacer robots para la industria del plástico, valorados en 500000€/unidad.
  • A pesar del precio, vende robots como rosquillas, sobre todo, a la industria de la automoción, en especial, la Americana.
  • El dueño de SEPRO visita la sección de Robótica del Instituto Carnegie, en los EEUU, lugar donde se crean y diseñan casi todos los robots del futuro, y de donde salen las mejores ideas.
  • Un estudio de un prestigioso economista americano concluye que los robots, solo en EEUU, y en muy poco tiempo, han destruido entre 360000 y 670000 puestos de trabajo.
  • Jean-Michel Renauleau, dueño de SEPRO, está convencido de que para la mayoría de puestos de obreros en la Industria se les acabará el trabajo en pocos años.
  • Un responsable de una empresa americana reconoce que prefiere trabajar con robots antes que con humanos, por la cantidad de ventajas de los primeros.
  • Enseñan también otra empresa Americana, TI Automotive, cliente también de SEPRO, completamente robotizada.
  • Otro país que está haciendo una transición hacia la robotización es China, ya que «ha subido mucho la mano de obra, exigen más vacaciones, e incluso se manifiestan en contra de su patrón; manda huevos» (modo irónico ON) (min. 29:00).
  • En el año 2015, el gobierno Chino decidió dar un empuje a la robotización hasta el año 2025, sustituyendo aproximadamente 600000-700000 puestos de trabajo anuales.
  • En Hisense, empresa participada por el gobierno chino, la automatización comenzó en el 2015 y se han propuesto sustituir con el paso de los años a casi toda su plantilla.
  • Daron Acemoğlu piensa que el problema de todo esto es que todavía no sabemos en qué habrá que formar a toda esta gente que se queda sin trabajo, pero la realidad es que ya no tienen trabajo.
Categorías
Udemy

SECCIÓN 8 – Estructuras de control – Condicionales

24 – Condicional if

Un condicional es una estructura de control de código que nos va a permitir comparar una condición dada, y en base a eso hacer alguna cosa.

Las condiciones pueden ser varias : «igual a», «diferente a», «mayor que», «menor que», etc.

El condicional más básico en programación es el «if()».

Ejemplo comparando edad de un usuario.

Ejemplo con estructura control «if()» y operadores relacionales.

Algo que se puede hacer con el «if()» es anidar unos dentro de otros.

También podemos anidar «if()»  dentro de otros con las estructura : «if … elese if … else».

25 – Condicionales y operadores lógicos

Cuando tenemos el supuesto de que se han de cumplir muchas condiciones a la vez, no es cuestión de ir anidando «if()» ya que el código sería bastante ilegible.

En este caso es donde entran en juego los «operadores lógicos».

Los más comunes serían:

Ejemplo de operador lógico de «negación (!=)»:

Ejemplo de operador lógico «&& (and o y)»:

Ejemplo operador lógico «|| -or u o-«:

26 – Condicional Switch

El condicional switch nos permite evaluar una cantidad importante de opciones sin necesidad de anidar muchas condiciones como tenemos que hacer con el «if()»; de esta manera ahorramos tiempo, nuestro código será más eficiente y legible.

Para evaluar la condición usaremos la palabra reservada «switch» seguida de una variable entre paréntesis, abrimos llaves y empezamos a evaluar utilizando «case + la condición + bloque de código a ejecutar» en caso de que se cumpla, y cerraremos la evaluación con la palabra reservada «break;».

Para verlo más claro, pondremos un ejemplo:

 

Categorías
Udemy

SECCIÓN 7 – Tipos de datos y operadores

22 – Operadores y tipos de datos.

Los operadores nos permiten realizar diferentes operaciones matemáticas, jugar con variables de tipo entero.

El operador «+»además, cuando utilizamos variables de tipo «string» nos servirá para concatenar cadenas de texto.

Tenemos estos operadores básicos:

  • + = suma y concatenación,
  • = resta,
  • * = multiplicación,
  • / = división,
  • % = saca el resto de la división de 2 números.

Estos son los tipos de datos básicos:

  • número entero , por ejemplo, 44.
  • cadena de texto (string) = «Hola que tal»; en las cadenas de texto, podremos utilizar comillas dobles o comillas simples.
  • Es importante el uso que le damos a las comillas; si abrimos una cadena de texto con comillas simples, deberemos cerrarlas con las mismas y lo mismo ocurrirá con las comillas dobles.
  • booleano, tipo de datos que devuelve «true» «false» (verdadero o falso).
  • Tenemos también funciones que nos permiten cambiar un tipo de dato a otro.
  • Con «number()» podemos pasar un dato de tipo String a Entero.
  • Asimismo, con «parseInt()» podemos hacer lo mismo, pasar datos de texto a números enteros.
  • Con «parseFloat()» pasamos datos de texto a números con decimales, en caso de que los tuviera.
  • Para pasar una variable numérica a texto utilizaremos «String()».

23 – Detectar el tipo de dato con Typeof

Para detectar el tipo de dato con el que estamos trabajando, utilizaremos la función «typeof».

 

 

Categorías
Udemy

SECCIÓN 6 – Variables

18 – Variables y comentarios

Antes de ver «variables», vamos a aprovechar a «comentar» nuestro código, para conseguir bien por un lado «documentarlo» y por otro hacer que este código comentado «no se ejecute».

Para hacer comentarios multilínea, utilizaremos:

/* … código … */

Para comentarios de 1 sóla línea:

//

Victor va a crear a partir de ahora diferentes archivos para cada ejercicio nuevo que realizemos y todos ellos se guardarán en una nueva carpeta con nombre «JS».

Crea el archivo «02-variables.js».

Una variable es un «contenedor de Información».

Las variables se declaran con la palabra reservada «var» seguido de un tipo de dato, que en este caso es de tipo «string», así que debe ir entre comillas.

Los nombres de variable, como buena práctica, deben definir el tipo de dato que los va a contener.

Podemos concatenar también variable de tipo String con el operador «+».

Cada vez que asignamos un valor a una variable, el valor antiguo es desechado y pasa a tener el valor nuevo.

En este último caso, hemos cambiado el valor de las variables «pais»«continente».

IMP > Como en la variable «pais-y-continente» habíamos asignado los valores viejos de las variables «pais» «continente», la primera guardará dichos valores, no los nuevos que les hemos asignado.

19 – Modo estricto

El modo «estricto», como su nombre indica, nos permite ser mucho más estrictos a la hora de escribir nuestro código JavaScript, obligándonos a codificar de manera más profesional y elegante, a la vez que nos dará otros beneficios al activarlo.

Para activarlo, deberemos insertar al principio de nuestros archivos la siguiente declaración.

‘use strict’

Un uso normal para este modo es cuando nombramos variables. Si a la hora de asignar una variable nada más le damos un nombre, sin poner la palabra reservada «var» delante, utilizando este modo estricto nos dará un error y nos dirá que dicha variable «no la hemos definido».

20 – Let y var

Ahora mismo, con los nuevos estándares, podemos definir las variables con las palabras reservada «let»«var».

«var» nos permite definir variables de «manera global», sin importar el lugar donde estemos definiendo dicha variable.

«let» nos permite declarar variable dentro de «un bloque», en un lugar específico de código, no a nivel global.

Ejemplo de código con «var»:

Ejemplo de código con «let»:

Con el uso de «let» la variable «texto» sólo se podrá usar dentro del «if», no funcionará fuera de ese bloque.

21 – Constantes

Una «constante», al igual que las variables, es un contenedor de datos, pero, a diferencia de las variables, los datos que se guardan en las constantes no son modificables, no podemos modificarlos de ninguna manera.

Las constantes se definen con la palabra reservada «const».

 

 

Categorías
Udemy

SECCIÓN 5 – Primeros pasos con JavaScript

15. Herramientas necesarias.

Para crear nuestros scripts en JavaScript sólo necesitaremos:

  • Un editor de código,
  • Un navegador web.

Todo navegador lleva un interpretador de código JavaScript, así que no necesitaremos nada más para probar nuestro código.

Para escribir este código, hará falta un editor de código. Entre los más famosos:

  • SublimeText,
  • Visual Studio Code,
  • ATOM,
  • etc.

16. «Hola Mundo» en JavaScript.

Para empezar, crearemos una carpeta para guardar nuestro proyecto; en este caso, al ser un primer archivo, crearemos la carpeta «hola-mundo».

Dentro de la carpeta,creamos un fichero llamado «index.html».

Creamos una estructura básica de HTML.

A continuación, añadiremos nuestro primer Script, que será una alerta o ventana con el famoso «Hola Mundo».

Podemos poner incluso varios «alerts» de manera seguida.

Podemos guardar nuestros scripts en archivos externos, en vez de incrustarlos en nuestro HTML.

Para ello, creamos el archivo externo «hola-mundo.js» y linkeamos desde «index.html».

Esto está considerado como una buena práctica, porque separamos el código HTML del código JavaScript.

Podemos añadir nuevas funciones a este archivo «hola-mundo.js».

17. La consola del navegador.

La consola del navegador, en Chrome, se abre en «Más Herramientas > Herramientas para Desarrolladores», y allí, abajo, en la pestaña «Console» podremos acceder a la consola de nuestro navegador, que a partir de ahora utilizaremos muchísimo.

La consola nos permitirá realizar muchas operaciones con JavaScript.

Para enviar cosas a nuestra consola, desde nuestro archivo JavaScript, lo haremos con el comando «console.log(‘Muestra esto en la consola’);«.

Podremos enviar, incluso, operaciones matemáticas de nuestro archivo .js a la consola.