Índice del contenido[Esconder][Espectáculo]
- 1. Mejora tu conocimiento básico
- 2. Haz uso de una estrategia orientada a objetos
- 3. Aprovecha las funciones aunque sean pequeñas
- 4. En lugar de ==, usa ===
- 5. Usa JSLint
- 6. Los guiones deben colocarse en la parte inferior de su página.
- 7. La forma más rápida de hacer una cuerda
- 8. Agregue un comentario a su código
- 9. Haz uso de literales de plantilla
- 10. Iteradores y for… de bucles
- 11. Use {} en lugar de un nuevo objeto ()
- 12. Considere poner let y const en su código
- 13. eval() no es una buena idea
- 14. El operador de propagación es útil
- 15. esperar y sincronizar
- 16. Usa el método include() en Javascript
- 17. Eliminar elementos de una matriz usando Splice
- 18. Hacer uso de la función de flecha
- 19. Con Destructuring, puede asignar rápidamente valores variables
- 20. Haz varios proyectos
- Conclusión
Si alguna vez te ha interesado el desarrollo web, probablemente te hayas topado con JavaScript. Un lenguaje de programación orientado a objetos es JavaScript. Los desarrolladores lo utilizan para hacer que el lado del cliente (front end) de las páginas web sea dinámico e interactivo.
También se usa para crear páginas web y aplicaciones web, con HTML y CSS. No hay una página web en Internet hoy en día que no tenga código JavaScript. Se ha convertido en un aspecto inextricable del trabajo de un desarrollador.
De hecho, está aumentando constantemente. Aunque JavaScript es mejor reconocido por proporcionar funcionalidad a las páginas web, también se emplea en entornos que no son de JavaScript. Node.js, Apache Couch-DB y Adobe Acrobat son ejemplos de estas tecnologías. Para ejecutar JavaScript, la mayoría de los navegadores web modernos contienen un motor de ejecución de JavaScript incorporado. Si quieres ser un desarrollador web exitoso, tendrás que lidiar con JavaScript.
Debes abordarlo hoy o mañana. ¿Por qué no aprender JavaScript con anticipación para estar preparado cuando llegue el momento?
Esto es lo que aprenderás en esta sesión. Explica cómo mantenerse un paso por delante de sus compañeros desarrolladores web puliendo su JavaScript.
Vamos a empezar!
1. Mejora tu conocimiento básico
Comenzaré con un pensamiento y una declaración muy básicos que has escuchado desde que eras un niño. Aprende los fundamentos y ponlos en práctica. Muchas veces, aplicará la lógica con la codificación, pero olvidará que ya hay una función integrada para ello, como dividir una matriz. Cuando ejecuta el código JavaScript, puede obtener un error y, como resultado, muchas características adicionales dejan de funcionar.
Esto puede ser causado por dos puntos o comillas invertidas. Estas cosas ocurren como resultado de una falta de comprensión de los fundamentos. Muchas veces en un solo programa, se emplea un bucle básico como for, which o do while. Los bucles son una de las construcciones de programación más fundamentales.
Es bastante difícil codificar e incluso tener la oportunidad de trabajar para una empresa si no está familiarizado con los bucles y otros fundamentos. Es fundamental repasar los fundamentos, ya que proporcionan una base sólida sobre la que desarrollar la lógica y la reputación complicadas de una solución.
2. Haz uso de una estrategia orientada a objetos
El método orientado a objetos es el enfoque de programación más conocido en la actualidad. El enfoque orientado a objetos, que comenzó con C++, ha crecido enormemente en popularidad desde entonces. Hoy en día, solo se utiliza la programación orientada a objetos para crear todos los lenguajes principales. Una estrategia orientada a objetos es aquella que se centra en un objeto específico.
El artículo se convierte entonces en una entidad fundamental. Este objeto luego se usa para agregar atributos y funciones a la página como base. También puede utilizar el método tradicional de creación de código de arriba a abajo sin funciones ni objetos. Esto es demasiado extenso y nunca debe intentarse. Al desarrollar código, debemos usar un enfoque funcional y, si utilizamos funciones, debemos usar objetos.
Entonces, al principio, esfuércese por convertir su extenso código en código orientado a objetos, y siempre escriba su código en un estilo orientado a objetos. Cuando estudies el código de otras personas, estarás buscando constantemente técnicas orientadas a objetos. Si quieres dominar JavaScript, es mejor que lo tengas en tus manos.
3. Aprovecha las funciones aunque sean pequeñas
La programación con un enfoque funcional es una excelente manera de hacerlo. ¿Por qué? Separa su software en módulos que funcionan juntos pero que aún son distintos entre sí. Déjame darte un ejemplo para ayudarte a entender.
La raíz cuadrática media de los números enteros se puede calcular usando una función. Para hacerlo, debe elevar al cuadrado los números enteros, calcular su media y luego calcular la raíz cuadrada de la media. Hay tres fases en el proceso. Como resultado, podemos emplear tres funciones. Pero, como puede ver, todas estas funciones están interconectadas. La salida de uno se envía a otro y recibimos el resultado final.
Supongamos que en lugar de tres funciones, simplemente necesita una para calcular RMS en función de múltiples factores. La solución final, como puede ver, es incorrecta. Será bastante difícil para usted determinar qué salió mal en un evento tan grande en este punto.
Tener tres funciones diminutas, por otro lado, te permitirá analizar rápidamente. Como resultado, incluso si las funciones son modestas, utilícelas para definir distintos módulos de código. Esta técnica te ayudará a convertirte en un experto en JavaScript como por arte de magia.
Ahora, veamos algunos consejos de codificación de JavaScript.
4. En lugar de ==, usa ===
En JavaScript, hay dos tipos de operadores de igualdad: operadores de igualdad estrictos === y !==, y operadores de igualdad no estrictos == y !=. Al comparar, se considera una buena práctica emplear siempre la igualdad exacta. Sin embargo, cuando trabaje con == y !=, se encontrará con problemas al tratar con distintos tipos.
Cuando los tipos de valores que está comparando son diferentes, los operadores no estrictos intentarán forzar sus valores, lo que podría generar resultados inesperados.
5. Usa JSLint
Douglas Crockford creó JSLint, un depurador. Simplemente coloque su secuencia de comandos en la caja y la escaneará rápidamente en busca de errores o fallas.
JSLint examina un archivo fuente de JavaScript. Si se descubre un problema, envía un mensaje con una descripción del problema y una posición aproximada dentro de la fuente. El problema no siempre es un error sintáctico, aunque suele ser el caso.
JSLint examina tanto las normas estilísticas como las cuestiones estructurales. No implica que su software sea preciso. Simplemente agrega otro par de ojos para ayudar en la detección de problemas. Antes de firmar un script, ejecútelo a través de JSLint para asegurarse de que no ha cometido ningún error.
6. Los guiones deben colocarse en la parte inferior de su página.
El objetivo principal del usuario es que la página se cargue lo más rápido posible. El navegador no puede seguir cargando un script hasta que se haya cargado el archivo completo. Como resultado, el usuario tendrá que esperar más tiempo para ver algún progreso.
Si tiene archivos JS que solo se usan para proporcionar funcionalidad (por ejemplo, una vez que se presiona un botón), colóquelos en la parte inferior de la página, justo antes de la etiqueta del cuerpo de cierre. Esta es sin duda la mejor práctica.
7. La forma más rápida de hacer una cuerda
Cuando necesite recorrer una matriz u objeto, no siempre use su declaración de confianza for loop. Usa tu imaginación para encontrar la solución más rápida para la tarea en cuestión. No les voy a traer números; simplemente tendrás que confiar en mí (o probar por ti mismo).
Esta es la técnica más rápida con diferencia.
8. Agregue un comentario a su código
Puede parecer inútil al principio, pero confía en mí cuando te digo que debes comentar tu código con la mayor frecuencia posible. ¿Qué pasa si vuelves al proyecto meses después y no puedes recordar tu proceso de pensamiento original?
¿Qué sucede si uno de sus compañeros de trabajo tiene que actualizar su código? Siempre se deben comentar las áreas importantes de su código.
9. Haz uso de literales de plantilla
Las restricciones de las cadenas creadas con comillas simples o dobles son numerosas. Para que trabajar con ellos sea mucho más fácil, puede optar por reemplazar algunas de sus cadenas con literales de plantilla.
El carácter de acento grave (') se usa para crear literales de plantilla, lo que tiene una serie de ventajas. Puede usarlos para almacenar expresiones o para construir cadenas de varias líneas.
Como puede ver, a diferencia de un literal de cadena convencional construido con comillas simples o dobles, no tuvimos que entrar y salir repetidamente de nuestro literal de plantilla. Esto minimiza la probabilidad de errores tipográficos y nos permite escribir un código más limpio.
10. Iteradores y for… de bucles
Los iteradores son objetos en JavaScript que implementan el método next() para devolver un objeto que almacena el siguiente valor en una secuencia, así como verdadero o falso, dependiendo de si quedan más valores. Esto significa que si implementa el protocolo de iterador, puede crear sus propios objetos de iterador.
Hay algunos iteradores integrados en JavaScript, como String, Array, Map, etc. Puede usar for... de bucles para iterar a través de ellos. En comparación con los bucles for ordinarios, es más breve y menos propenso a errores. No tenemos que realizar un seguimiento de la longitud completa de la matriz o el índice actual usando un bucle for...of. Al diseñar bucles anidados, esto podría ayudar a simplificar el código.
11. Use {} en lugar de un nuevo objeto ()
En JavaScript, puede crear objetos de varias maneras. Usar el nuevo constructor, como se muestra, es una forma más convencional. Esta estrategia, por otro lado, está marcada como “mala práctica”.
No es destructivo, pero es un poco prolijo y único. En su lugar, propongo usar la técnica del objeto literal.
12. Considere poner let y const en su código
Podemos usar la palabra clave let para crear variables locales que estén en el ámbito de su propio bloque. Podemos usar la palabra clave const para construir variables locales de ámbito de bloque que no se pueden cambiar.
Al declarar variables, debe considerar utilizar las palabras clave let y const cuando corresponda. Recuerde que la palabra clave const deshabilita solo la reasignación. Tampoco hace que la variable sea inmutable.
13. eval() no es una buena idea
El método eval(), para aquellos que no lo saben, nos permite acceder al compilador de JavaScript. Esencialmente, podemos usar eval para ejecutar el resultado de una cadena proporcionándola como entrada ().
Esto no solo ralentizará significativamente su secuencia de comandos, sino que también ofrece una importante preocupación de seguridad, ya que le da demasiada autoridad al texto pasado. ¡Evitar a toda costa!
14. El operador de propagación es útil
¿Alguna vez ha necesitado transmitir todos los elementos de una matriz como elementos individuales a otra función, o necesita colocar todos los valores de una matriz en otra? Esto es exactamente lo que el operador de propagación (…) nos permite lograr. Aquí hay una ilustración.
15. esperar y sincronizar
Cree funciones asincrónicas con la palabra clave async, que siempre devuelve una promesa, ya sea explícita o implícitamente.
La palabra clave await se puede usar en funciones asincrónicas para detener la ejecución hasta que se complete la resolución de las promesas de retorno. Fuera de su función asíncrona, el código continuará ejecutándose normalmente.
16. Usa el método include() en Javascript
En JavaScript, la función include() determina si una cadena contiene los caracteres proporcionados o si una matriz contiene el elemento especificado.
Este método devuelve verdadero si se descubre la cadena o el elemento; de lo contrario, devuelve falso. Vale la pena mencionar que la función Strings contains() distingue entre mayúsculas y minúsculas. Si desea hacer coincidir una cadena independientemente del caso, simplemente escriba primero el texto de destino en minúsculas.
17. Eliminar elementos de una matriz usando Splice
Para eliminar un elemento de una matriz, he visto a los desarrolladores utilizar la función de eliminación. Esto es erróneo porque, en lugar de eliminar el objeto, el método de eliminación lo reemplaza con undefined.
La forma más sencilla de eliminar un elemento de una matriz en función de su valor en JavaScript es usar la función indexOf() para obtener el número de índice de ese valor en la matriz, luego eliminar ese valor de índice con el método splice().
18. Hacer uso de la función de flecha
Las funciones de flecha son otra característica importante que se acaba de agregar a JavaScript.
Tienen un montón de ventajas. Para empezar, hacen que las partes funcionales de JavaScript sean más atractivas visualmente y más fáciles de escribir. Sin embargo, el uso de funciones de flecha hace que esto sea mucho más legible y conciso.
19. Con Destructuring, puede asignar rápidamente valores variables
Anteriormente en esta publicación, aprendimos sobre el operador de propagación en JavaScript. La desestructuración es similar a la desestructuración en el sentido de que también desempaqueta los datos contenidos en las matrices.
La distinción es que estos valores desempaquetados se pueden asignar a distintas variables. La sintaxis es idéntica a la del atajo [] cuando se forma una matriz. Los corchetes, sin embargo, se colocan en el lado izquierdo del operador de asignación esta vez. Aquí hay una ilustración.
20. Haz varios proyectos
Cualquier talento requiere práctica constante, así que intente construir una variedad de proyectos para perfeccionar sus habilidades y adquirir experiencia con una variedad de escenarios de programación.
Mientras trabaja en los proyectos, experimentará varios desafíos y fallas, que le proporcionarán la experiencia necesaria. Así que trate de pensar en proyectos, y hay una gran cantidad de ideas y ejemplos en Internet para ayudarlo. Continúe desarrollando código y sus habilidades mejorarán.
Conclusión
Puede ser difícil aprender un lenguaje informático como JavaScript. Si realmente quiere convertirse en un buen programador y asegurar su primer trabajo, estas estrategias de aprendizaje de JavaScript pueden ayudarlo a acelerar su proceso de aprendizaje.
Asegúrese de practicar la codificación regularmente, tome notas detalladas mientras aprende nuevas ideas y utilice todas las herramientas accesibles para usted. Sobre todo, sal y comienza a codificar mientras te diviertes.
Deje un comentario