Creo que muchos o algunos Desarrolladores han llegado a trabajar con un Desarrollador nuevo o principiante en JavaScript, el ser nuevo implica que carece de algunas técnicas o conceptos importantes para llevar acabo un proyecto de manera correcta y ágil. Existen muchos conceptos que quisiéramos que un Desarrollador nuevo sepa, yo compartiré 5 Conceptos que desde mi punto de vista un Desarrollador nuevo debe saber de JavaScript, si deseas aportar puedes colocar en los comentarios que Conceptos crees que deben saber los Desarrolladores nuevos en JavaScript, vamos con este Post.
Antes de continuar con este Post te invito a escuchar el Podcast: Si No Tienes Experiencia Para Un Puesto De Trabajo, Créala !
Sound Cloud:
Spotify:
Bien ahora continuemos con el Post: 5 Conceptos de JavaScript que los Desarrolladores Principiantes deben saber.
Buscar un elemento
La tarea que realiza el método find() es similar al método filter(), pero no devuelve un array. Solo devolverá el primer elemento que cumpla la condición y lo devuelve.
|
1 2 3 |
console.log(miArray.find(element => element === 5)); |
El código anterior devuelve el número 5.
Operador Ternario
El operador ternario se puede ver raro.
|
1 2 3 |
console.log(usuarioActivo ? "Bienvenido" : "Iniciar Sesión"); |
Funciona como una declaración if-then-else.
La variable usuarioActivo al lado izquierdo del signo de interrogación ? es una variable booleana true / false. El string “Bienvenido” se muestra si usuarioActivo es true y si la variable usuarioActivo es false se muestra el String “Iniciar Sesión”.
El siguiente código devuelve “Bienvenido”:
|
1 2 3 4 |
const usuarioActivo = true; console.log(usuarioActivo ? "Bienvenido" : "Iniciar Sesión"); |
Y el siguiente código devuelve “Iniciar Sesión”:
|
1 2 3 4 |
const usuarioActivo = false; console.log(usuarioActivo ? "Bienvenido" : "Iniciar Sesión"); |
A pesar de la apariencia extraña, el concepto del operador ternario es fácil de entender si lo consideras un atajo para una declaración if-then-else.
Fat Arrows (Flecha Gorda)
Las Fat Arrows se usan como atajos de funciones, en lugar de escribir function(), se puede omitir la palabra clave function y escribir solamente () = >
Se puede omitir la declaración de devolución y las llaves si devuelve solo la línea () => “String Largo”
Podemos asignar la función a una constante:
|
1 2 3 |
const Exportar = () => { código acá }; |
Literales de una Plantilla
Hay 3 maneras de especificar Strings en JavaScript:
|
1 2 3 4 5 |
Comillas dobles "string" Comillas simples 'string' Comillas hacia atrás `string` |
Las comillas hacia atrás permite hacer cosas especiales, por ejemplo se puede insertar variables en el String:
|
1 2 3 4 5 |
const nombre = "Torta de Chocolate"; const descripcion = "Un Postre delicioso de Chocolate"; console.log(`${nombre} is ${descripcion}.` ); |
Otra característica divertida de las comillas hacia atrás es que el String puede imprimirse en varias líneas:
|
1 2 3 4 5 6 7 |
console.log(`Un Postre delicioso de Chocolate`); |
El método map()
Utilizar el método map() constantemente, este método funciona como un bucle forEach.
|
1 2 3 4 5 6 7 8 9 |
miArray = [1,2,3,4]; // Mapeamos los elementos del array console.log(miArray.map(element => element * element)); // Obtengo [ 1, 4, 9, 16 ] |
Conclusión
Los Desarrolladores principiantes pueden sentirse intimidados al usar las características o conceptos mencionados en este Post, lo idea es que un Desarrollador avanzando las use y le muestre al principiante que su uso no trajo problemas si así fue.
Cuando los programadores principiantes se adaptan al uso de características que antes no conocían, lograrán crear proyectos profesionales y dinámicos.
Nota(s)
- No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.
Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.