"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Día f #daysofMiva Desafío de codificación

Día f #daysofMiva Desafío de codificación

Publicado el 2024-11-08
Navegar:391

Hola chicos. Entonces, para el día 2 de este desafío, decidí dejar GitHub y concentrarme en lo que realmente quería aprender: Javascript.

¿Qué es Javascript?

Imagina que eres un mago en el mundo del desarrollo web. Tienes tu HTML confiable para construir la estructura de tu sitio web, como los huesos de una criatura mágica. Luego, tienes CSS para darle un poco de estilo, como elegir la bata o el conjunto perfecto. Pero falta algo. Tu creación está quieta, sin vida. Ahí es donde entra en juego JavaScript (JS): ¡es la varita mágica que da vida a tu creación! JavaScript es un lenguaje de programación que se utiliza principalmente para crear contenido interactivo y dinámico en sitios web. Permite a los desarrolladores implementar funciones como animaciones, validaciones de formularios y actualizaciones en tiempo real sin necesidad de recargar la página. JavaScript se puede utilizar tanto en el front-end (lo que los usuarios ven e interactúan) como en el back-end (operaciones del lado del servidor) de las aplicaciones web.

JavaScript está en todas partes. Es el lenguaje que hace que la Web sea lo que es hoy: interactiva, divertida e infinitamente atractiva. Ya sea que estés buscando crear un sitio web atractivo, una aplicación móvil adictiva o incluso un juego, aprender JavaScript es como aprender el hechizo más poderoso del libro.

Day f #daysofMiva Coding Challenge

Usos de JavaScript

JavaScript (JS) es un lenguaje de programación versátil ampliamente utilizado en el desarrollo web. Estos son algunos usos clave de JavaScript:

1. Desarrollo Web (Frontend)
Páginas web interactivas: JavaScript hace que los sitios web sean interactivos. Desde menús desplegables hasta controles deslizantes de imágenes, potencia los elementos dinámicos que ves en un sitio web.
Validación de formulario: Comprueba si el usuario ha completado correctamente un formulario antes de enviarlo.
Animaciones: JavaScript puede crear animaciones y efectos, como elementos que se desvanecen u objetos en movimiento en la pantalla.
2. Desarrollo Web (Backend)
Programación del lado del servidor: con Node.js, JavaScript se puede ejecutar en el servidor para manejar solicitudes, administrar bases de datos y ofrecer contenido.
Aplicaciones en tiempo real: JavaScript se utiliza para aplicaciones en tiempo real, como aplicaciones de chat, juegos en línea y transmisión de datos en vivo.
3. Desarrollo de aplicaciones móviles
Aplicaciones móviles multiplataforma: marcos como React Native e Ionic utilizan JavaScript para crear aplicaciones móviles que funcionan tanto en iOS como en Android.
4. Desarrollo de juegos
Juegos de navegador: JavaScript, junto con HTML5 y Canvas, se utiliza para crear juegos interactivos que se ejecutan directamente en el navegador.
5. Automatización y secuencias de comandos
Automatización de tareas: JavaScript puede automatizar tareas repetitivas en el desarrollo web, como minimizar archivos o probar código.
Extensiones de navegador: JavaScript impulsa muchas extensiones de navegador que mejoran la funcionalidad de navegadores como Chrome y Firefox.
6. Visualización de datos
Cuadros y gráficos: bibliotecas como D3.js y Chart.js permiten a los desarrolladores crear visualizaciones de datos complejas y gráficos interactivos.
7. Inteligencia artificial y aprendizaje automático
Modelos de IA y aprendizaje automático: JavaScript, con bibliotecas como TensorFlow.js, se puede utilizar para crear y ejecutar modelos de IA directamente en el navegador.
8. Internet de las cosas (IoT)
Dispositivos IoT: JavaScript se puede utilizar para programar dispositivos IoT, lo que permite la comunicación entre dispositivos y la web.
9. Aplicaciones web progresivas (PWA)
PWA: JavaScript permite el desarrollo de aplicaciones web que funcionan sin conexión y se sienten como aplicaciones móviles nativas.
10. Integración API
Obtención de datos: JavaScript se utiliza para interactuar con API, obteniendo datos de servidores y mostrándolos dinámicamente en páginas web.

Day f #daysofMiva Coding Challenge

Day f #daysofMiva Coding Challenge
Estos son sólo algunos de los muchos usos de JavaScript, que sigue siendo un lenguaje clave en la industria tecnológica debido a su flexibilidad y amplia gama de aplicaciones.

Lo que hice hoy en Javascript

Entonces, básicamente, ¿no seguí adelante y comencé con códigos que no entendía? Lo hice paso a paso. Primero aprendí a codificar en la herramienta de desarrollo de Chrome y me gustaría mostrarles cómo lo hice.

CÓMO ABRIR LAS HERRAMIENTAS DE DESARROLLO DE CHROME
Hay 3 formas de abrir las herramientas de desarrollo de Chrome:
-Comando Alt J en Mac
Controlar Alt J en Windows
-Al hacer clic con el botón derecho del mouse y luego seleccionar inspeccionar, también se abrirá la herramienta de desarrollo en Chrome. Aunque nos abrirá la pestaña de elementos y luego podremos ir a consola que es donde vamos a realizar algunos códigos.
-El último paso es ir al menú de Chrome y luego ir a ver, hacer clic en desarrollador. Debajo del desarrollador, haga clic en la consola de Javascript y aparecerá la pestaña de la consola.
El que funcionó para mí es el segundo en el que simplemente hice clic derecho en el mouse, hice clic en inspeccionar y luego navegué a la pestaña de la consola.
NB: Utilicé el navegador invitado y no mi navegador normal.

Day f #daysofMiva Coding Challenge

Day f #daysofMiva Coding Challenge

Puedo aumentar la fuente haciendo clic en comando más y luego viceversa haciendo clic en comando - en mac pero en chrome es control y control -.

Day f #daysofMiva Coding Challenge Una imagen donde hice clic en control

Day f #daysofMiva Coding Challenge Una imagen donde hice clic en control -

La consola nos permite escribir y probar código Javascript, por lo que es muy útil durante el desarrollo, por ejemplo, corrigiendo errores; sin embargo, no podemos escribir aplicaciones reales usando esta consola.

Day f #daysofMiva Coding Challenge

alert("Hello World")

Day f #daysofMiva Coding Challenge

let js = "amazing"
if (js === 'amazing') alert("Javascript is fun")

Day f #daysofMiva Coding Challenge

50 60-10

39 54-24

Entonces, en las imágenes de arriba podemos ver una ventana emergente e incluso algunos cálculos matemáticos realizados usando JS.

Desafíos que enfrenté

El único desafío que puedo decir que enfrenté fue no saber por qué los códigos funcionaban de esa manera y creo que con el tiempo lo entenderé y seré muy bueno en ello.

Conclusión

Estoy muy feliz de haber emprendido este viaje y de que ya estoy aprendiendo mucho. Personalmente sé que pronto superaré los desafíos que enfrenté y antes de que te des cuenta seré un gurú. De todos modos muchas gracias familia❤️. ¿Anticipar mi artículo del día 3??.

Declaración de liberación Este artículo se reproduce en: https://dev.to/ayotomi_de/day-of--100daysofmiva-coding-challenge-dne?
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3