MADE Iguala

  Primero fuimos espectadores de páginas estáticas. Luego, nos convertimos en creadores activos, llenando de contenido plataformas que rápidamente monopolizaron nuestra información.  Hoy, nos encontramos en la frontera de una nueva transición que promete devolverle el poder al usuario: la Web3. Mucho más allá de las criptomonedas o los términos de moda, esta evolución plantea un desafío fascinante para la ingeniería y el desarrollo de software. Se trata de rediseñar la arquitectura misma del internet, pasando de enormes servidores centralizados a ecosistemas descentralizados, transparentes y seguros.  Acompáñanos a descubrir cómo la tecnología blockchain está sentando las bases para la nueva era de la red... https://www.demeza.com.mx/blog/desarrollo-web/que-es-la-web3   Aprende más en nuestro blog principal de tecnología: https://www.demeza.com.mx/ #madeiguala #mademx #demezamx #igualadelaindependencia #madeingenieria

JS Engine es un motor que entiende al lenguaje JavaScript y puede convertirlo a Machine Code para que el navegador sepa que función se debe realizar.   Cuando llega un script al navegador el JS Engine inicia un proceso el cual consta de: Recibir el código como un flujo de bytes UTF-16 y pasarlo a un decodificador de flujo de bytes (el cual hace parte del motor). El parser toma el código y lo descompone en tokens (los tokens son elementos de js como: let, new, símbolos de operaciones, functions, promises ). Gracias a el anterior parseo se genera una estructura de datos en forma de árbol, o Abstract Syntax Tree (AST). El intérprete recorre el AST y va generando el bytecode . El optimizing compiler optimiza el código bytecode a machine code y se reemplaza el código base. Cada navegador tiene un JavaScript Engine , que permite convertir código JavaScript en código que pueda interpretar. El motor V8 javascript es el que usan los navegadores basados en chromium como chrome, el n...

Paint o pintado es poner los detalles finales para que el proyecto se pueda ver como queríamos al principio, cada contenedor es como una caja en la cual solo queda ponerle color o diseño dinámico. Es la parte final, así que después de esto podríamos interactuar con la página. En esta fase el navegador convierte al árbol de representación o Render Tree en píxeles en la pantalla. Una vez finaliza el evento “ Layout ” , el navegador desencadena dos eventos: “Paint setup” y “Paint” , que convierten al árbol de representación en pixeles en la pantalla. Dentro del Paint tenemos dos acciones que son muy costosas las cuales son el Reflow y Repaint. El Repaint ocurre cuando se realizan cambios en un elemento que cambia visiblemente, pero no afecta su diseño. Un Reflow es aún más crítico para el rendimiento porque implica cambios que afectan el diseño de una parte de la página (o de toda la página). El tiempo necesario para realizar la construcción, el diseño y la pintura del árbol de repre...

El Layout es un esquema de la distribución de los elementos dentro de una página web. Se compone de una serie de bloques de ciertas dimensiones en los que se colocará el contenido. Estos bloques suelen trazarse a través de etiquetas HTML comunes, como div, o semánticas, como header, nav, section, article, aside y footer, incorporadas en HTML5 . Es la primera parte del output del render tree . El navegador forma la maqueta y define los espacios que cada sección ocupará en la pantalla.  Es la maqueta del proyecto  En qué parte de la pantalla va cada componente  Comienza a generar los espacios específicos    Consultar las siguientes paginas para una mejor referencia:   Layout Mode – CSS | MDN   Introducción al diseño en CSS - Aprende sobre desarrollo web | MDN     Layout– Google | Web.dev Aprende más en nuestro blog principal de tecnología: https://www.demeza.com.mx/ #madeiguala #mademx #demezamx #igualadelaindependencia