Una de las razones por las que me uní al equipo de La Hauses hace dos años fue que tenían un grupo de estudio interno cada semana. Cuando me uno a una empresa, me encanta el hecho de que puedo participar como asistente para aprender cosas nuevas y estoy feliz de compartir lo que me apasiona con el mundo. Interfaz, la parte del sitio web responsable de la interacción del usuario.
Las negociaciones internas son muy interesantes e informativas para el equipo. Queremos compartir todo lo que hacemos con todos.
Sabemos el valor de esto porque varios miembros del equipo de La Haus han sido organizadores comunitarios durante mucho tiempo y estamos comprometidos a compartir con la comunidad.
Además, a medida que crece nuestro equipo de tecnología, queremos que las personas sepan lo que estamos haciendo para que quieran ser parte de ello ahora y en el futuro.
En La Haus, creemos en la construcción de comunidades de práctica y la organización del aprendizaje. Por lo tanto, decidimos abrir nuestros grupos de estudio a todos. A estos espacios los llamamos Dentro de la casa Suceden todos los meses.
Son reuniones, se discuten varios temas, se motiva a la gente, se preguntan y se dan cuenta que en el mundo del desarrollo hay muchas formas de hacer las cosas.
Con esta motivación en mente, llevamos a cabo nuestra primera reunión comunitaria pública con el pretexto de jugar con JavaScript.
Lado uno: Jugar juegos de Squid y JavaScript
Su nombre es «Playing the Squid Game and JavaScript», una analogía de Squid Game, una serie de juegos internacionalmente populares que incluyen «juegos para niños», pero que están en algún lugar entre la vida y la muerte.
Por lo tanto, cada pregunta del juego, además del complejo conocimiento de JavaScript, también está inspirada en los juegos presentados en esta serie. Se realizaron 6 juegos en lenguajes de programación ya llamados event loop, clone object o boost. Luego se explica en detalle la función o aspecto del lenguaje.
6 juegos:
El juego tiene cinco preguntas relacionadas con los conceptos básicos de JavaScript y una pregunta relacionada con La Haus.
Utilizamos una plataforma de participación remota llamada Kahoot donde todos los jugadores debían responder en un tiempo limitado y luego explicar la solución a cada pregunta.
Estos, a su vez, se refieren a cada título de juego que los miembros de la serie nombrada deben completar, por lo que jugamos la versión de JavaScript.
1. Juego de luces rojas – Juego de luces verdes y bucle de eventos de JavaScript
Los programas tienen varios modos que permiten eventos concurrentes o asincrónicos para activar eventos.
JavaScript tiene un modelo de concurrencia basado en el «bucle de eventos». Este modelo es muy diferente a otros lenguajes como C o Java.a través de colaboradores de MDN
El ciclo de eventos puede parecer un poco confuso al principio, pero me gusta explicarlo de manera intuitiva.
El motor de JavaScript solo tiene un hilo, es decir, no tiene concurrencia de eventos, pero afortunadamente los navegadores nos brindan una API web que puede ayudarnos a crear un comportamiento asíncrono como este:
El primer problema relacionado con el bucle de eventos:
2. El juego Sugar Honeycomb y cómo clonar objetos en JavaScript
En JavaScript, tenemos dos conjuntos de datos de objetos primitivos: variables y sus valores.
No podemos clonar un objeto con una función «igual a (=)». Esto copia la dirección del objeto en la memoria sin copiarla.
Hay varias formas de clonar un objeto en JavaScript usando:
- operador de propagación
- evaluación de objetos
- JSON.stringify y JSON.parse
_Segundo problema con el juego: _
3. Juego de tira y afloja y nivelación en JavaScript:
Cuando el motor de JavaScript comienza a ejecutar nuestro código línea por línea, hay dos fases:
1. Etapa de creación: Las variables se declaran y se les asigna un valor predeterminado (en este caso, indefinido). Este proceso se llama levantamiento. 2. Etapa de ejecución: Haz lo que sugiere el código.
Ahora que sabemos por qué pasos pasa nuestro código, tenemos una mejor comprensión de lo que realmente está sucediendo.
__Ahora veamos si entiendes: ¿qué genera el siguiente código?
4. Variable «It» en el juego «Canicas» y JavaScript:
El primer contexto de ejecución creado cuando el motor de JavaScript ejecuta nuestro código se denomina «contexto de ejecución global».
Inicialmente, este contexto de ejecución consta de dos partes: 1. Objeto global_2.variable llamada _this.
Variable est Hace referencia al objeto global, que será «ventana» si está ejecutando JavaScript en un navegador, o «global» si lo está ejecutando en Node.js.
Sin embargo, al ejecutar función en javascript, su contexto de ejecución se crea sin crear ningún objeto global (como el contexto de ejecución global que mencionamos anteriormente). En su lugar crea:
Objeto de parámetro.un objeto est (En este ejemplo, este es el mismo objeto «ventana»). Establece espacio de memoria para variables y funciones. Asigna el valor predeterminado a la variable en el momento de la creación (que vimos anteriormente).
Ahora trata de conocer la variable __this El objeto «ventana» para la función «obtener jugador»
Un conjunto de pasos de vidrio y «métodos de mapa» en JavaScript:
Cuando trabajamos con «matrices» en JavaScript, el «método de mapa» es uno de los métodos más utilizados. Se utiliza para ejecutar una función que transforma cada elemento de la matriz original y devuelve una nueva matriz que contiene los nuevos datos.
En nuestro ejemplo del juego del calamar, cambiamos los colores de los emoji que organizamos en la «matriz» original.
Basado en esto, ¿qué crees que genera este código?
6. Juegos con calamares y una casa
Estos son algunos de los conceptos más importantes que todo desarrollador front-end debería conocer.
En La Haus, estamos interesados en los conceptos de cada idioma que usamos y estamos interesados en estar expuestos a diferentes niveles de conocimiento, tanto prácticos como teóricos. Esto es esencial para solucionar y resolver problemas, implementar mejores prácticas, optimizar nuestro código y más.
El intercambio de conocimientos y el diálogo estimulante son parte de nuestro progreso diario, el aprendizaje continuo nos impulsa a encontrar nuevas soluciones a los problemas, esperamos expandir esta influencia y alentarlo. trabaja con nosotros.
Te esperamos en una nueva reunión cada mes a las 18:00 hora Colombia. en nuestro canal de YouTube Estaremos transmitiendo en vivo todas nuestras conversaciones allí. casa en la casa.