mickyrend

Thank you @beaucarnes for writing this helpful article. Unleash the Power of React Native to Build Mobile Apps freecodecamp.org/news/react-nat…

Diagrama de cómo las empresas despliegan código a producción. Te lo explico paso a paso: 1: El Product Owner crea User Stories basándose en las necesidades presentadas. 2: El equipo de desarrollo toma las User Stories y las convierte en tareas. 3: Los desarrolladores integran el código fuente en el repositorio de código GitHub. 4: Se inicia una build en Jenkins o GitHub Actions. El código fuente debe superar pruebas unitarias y superar las verificaciones en SonarQube o del linter. 5: Se crea un artefacto y se despliega en un entorno de desarrollo. 6: Podría haber varios equipos de desarrollo trabajando en diferentes características, por lo que se crean diferentes entornos de desarrollo. 7: El equipo de QA realiza pruebas de calidad, pruebas de regresión y pruebas de rendimiento. 8: Aquí se pueden hacer pruebas de aceptación del usuario (UAT por sus siglas en inglés) en un entorno de prueba. 9: Si las pruebas en el entorno de UAT son exitosas, las construcciones se convierten en candidatas para la liberación y se programan para ser desplegadas en el entorno de producción. 10: El equipo de Ingeniería de Fiabilidad del Sitio (SRE por sus siglas en inglés) es el encargado de monitorear la producción. Ten en cuenta que esto es sólo una posible forma de desplegar el código a producción. Según la empresa puede ser que se utilicen otras herramientas o que se realicen más o menos pasos. Por ejemplo, hay empresas que no utilizan entornos de prueba y en su lugar deciden usar Feature Toggle, A/B Testing o Canary Releases. El diagrama y la explicación lo puedes encontrar aquí: blog.bytebytego.com/p/ep81-how-com…

Siempre hay que tomar partido en defensa de la vida. Judaísmo no es igual a sionismo y Palestina no es igual a terrorismo. Imagina vivir en una ciudad donde te cortan el acceso al agua, a la energía, a los alimentos. ¿Qué haces con tus hijos, tus padres, tus hermanos?, ¿qué estarías haciendo en este preciso instante? Imagina que en la casa del lado, en la que vive tu familiar, que no es ningún terrorista, cae una bomba y lo mata a él y a todos sus vecinos. Ahora te toca salir a buscarlo, mientras a tu alrededor más bombas caen. ¿Eres un terrorista?, ¿te mereces esa bomba? Y mientras estás allí, a miles de kilómetros de distancia los verdaderos monstruos callan que tu familia y tú van a ser asesinados. Callan que estás aguantando hambre, que ni siquiera puedes abandonar tu territorio. Y piden más bombas… más y más “solidaridad”, que es más y más bombas, como si las bombas que matan inocentes fueran un acto de benevolencia. Como si tú, que solo eres un palestino más, fueras un terrorista. La prensa occidental te convirtió en terrorista, te despojaron de toda humanidad. Piden tu muerte, pero eres inocente. Cuando la prensa despoja de toda humanidad al otro y te lo vende como un monstruo, también quiere despojarte a ti de tu humanidad. Ni las bombas de Hamas, ni las bombas de Israel son buenas. Por eso siempre hay que tomar partido por la vida y resistir, persistir y exigir por ella.

🚀 Herramienta interactiva para crear escalas proporcionales para tipografía, componentes y contenedores. Cada sección tiene una serie de ajustes con los que se puede personalizar y exportar el código como variables CSS 👇 bit.ly/3LVigsi

Thank you @beaucarnes for writing this helpful article. Unleash the Power of React Native to Build Mobile Apps freecodecamp.org/news/react-nat…

Canva acaba de lanzar "Magic Studio". 12 nuevas funciones de IA que lo cambian todo. Esto es lo que puedes hacer ahora: 🧶HILO🧶

Cómo estructurar tu código de frontend en React.js [Esta es una de varias formas de estructurar. ¿Cuál usas tú?] 📁 ├── 📄 index.js ├── 📁 public │ ├── 📄 index.html │ ├── 📁 images │ └── ... ├── 📁 src │ ├── 📄 App.js │ ├── 📁 components │ │ ├── 📄 Header.js │ │ ├── 📄 Footer.js │ │ └── ... │ ├── 📁 pages │ │ ├── 📄 Home.js │ │ ├── 📄 About.js │ │ └── ... │ ├── 📁 styles │ │ ├── 📄 App.css │ │ ├── 📄 Home.css │ │ └── ... │ ├── 📁 tests │ │ ├── 📁 component │ │ ├── 📁 pages │ │ └── ... │ ├── 📁 utils │ │ ├── 📄 helpers.js │ │ └── ... │ └── 📄 serviceWorker.js ├── 📁 node_modules └── 📄 package.json Aquí te damos una breve explicación: index.js Es como el centro de control de tu aplicación web. Es donde configurar y gestionar todo. public Piensa en esto como tu almacén para cosas que todos pueden ver, como imágenes. Especificamente, index.html es la única página html que se presenta al navegador en una aplicación de React. src Esto se considera la carpeta principal que contiene todos los códigos fuente de la aplicación React.js. App.js Es el componente principal de React que actúa como el contenedor para el resto de la aplicación. components Aquí es donde colocas los diferentes componentes que componen tu sitio web. Cada archivo aquí representa un componente que puede usarse en una o varias páginas. pages Estos son como las distintas secciones de tu sitio web. Cada archivo en esta carpeta normalmente representaría una ruta distinta en tu aplicación web React. styles Aquí es donde estarían todos tus archivos CSS. Cada archivo aquí se usa para estilizar un componente o una página específica. tests Estos son como exams para tu sitio web para asegurarte de que funcione correctamente. Creas diferentes tipos de pruebas para verificar diferentes partes de tu sitio. utils Estos son herramientas útiles que usas para mejorar tu sitio web, como funciones de utilidad generales. node_modules Esta es como tu caja de herramientas llena de herramientas (bibliotecas y códigos) que usas para construir tu sitio web. Es llenada automáticamente con cosas que tu proyecto necesita. package.json Es un archivo que contiene metadata sobre tu proyecto, como las dependencias del proyecto. Esta estructura te ayuda a construir y gestionar tu sitio web de una manera ordenada, haciéndolo más fácil de entender y trabajar, especialmente cuando tu proyecto se hace más grande y más complejo y tienes que hacer cambios muy a menudo. #LoAprendíEnPlatzi

Understand the difference between CSS drop shadow and box shadow 🚀

ChatGPT can now see, hear, and speak. Rolling out over next two weeks, Plus users will be able to have voice conversations with ChatGPT (iOS & Android) and to include images in conversations (all platforms). openai.com/blog/chatgpt-c…

¿No sabes crear grids con CSS? ¡No pasa nada! Este recurso te ayuda y te genera el código. Así creas los layouts mucho más rápido y a la primera: cssgrid-generator.netlify.app

Cursos gratis hasta el 2025 y con certificado oficial! 🔥 opportunity.linkedin.com/es-es/skills-f…

How to content aware fill in Photoshop?

Future CSS Tip! 🔮 You can create sweet scroll-driven micro-interactions using CSS scroll-driven animations 😎 .avatar { animation: scale-down; animation-timeline: scroll(); animation-range: var(--header-range); } @ keyframes scale-down { to { scale: 0.3; } } What's happening in this one? 👀 1. Avatar moves and scales down as the header sticks 2. Name changes color and slides over 3. Header darkens to give the text contrast 4. Header gets a shadow 5. Notice the avatar scrub too! 👀 It's scroll-driving the sprite animation technique we went over earlier in the week ✨ So much fun! ✨ Could even tie in the new easings from earlier too! @CodePen link below! 👇

🚀 Colección de recursos sobre diseño UI/UX en un solo lugar, donde puedes encontrar: - Libros recomendados - Generadores de colores - Iconos gratis - Sistemas de diseño buff.ly/2KVNcIV

No se deje engañar por los medios. El grupo aval y Corficolombiana si delinquieron razón por la cual fueron sancionados en Estados Unidos. Ver nuevo video youtu.be/mLhTXzlexvE

@Open_Bootcamp ahora está en Youtube y como siempre, es gratis!

¿Sabes que ahora puedes crear animaciones CSS según la posición del scroll en tu web? Con 0 JavaScript, puedes crear cosas como esta:

¡Estamos a horas para el lanzamiento del @freeCodeCamp Podcast en Español! 🥳

Yo creo que esta noticia debería verla todo el país. ¿Me ayudan? No digas nada, solo comparte.

No money, no problem!