Explicación de las transiciones CSS

Explicación de las transiciones CSS

La forma más simple (y directa) de animar sus componentes es a través de transiciones CSS. En este artículo, aprenderá cómo funcionan las transiciones CSS y cómo crear animaciones con ellas. Se produce una transición cuando una propiedad CSS cambia de un valor a otro durante un período de tiempo. Puede

Lee mas

   Guía de interfaz de usuario semántica

Guía de interfaz de usuario semántica

¿Qué es la interfaz de usuario semántica? La interfaz de usuario semántica es un marco de desarrollo de front-end similar al bootstrap diseñado para tematización. Contiene componentes semánticos prediseñados que ayudan a crear diseños hermosos y receptivos utilizando HTML amigable para los humanos. De acue

Lee mas
Cómo escribir una promesa de JavaScript

Cómo escribir una promesa de JavaScript

¿Qué es una promesa?Una promesa de JavaScript es un objeto que representa la finalización o el fracaso de una tarea asincrónica y su valor resultante.El fin.Estoy bromeando, por supuesto. Entonces, ¿qué significa esa definición?En primer lugar, muchas cosas en JavaScript son objetos. Puede crear un objeto de diferentes formas. La for

Lee mas

   Dominar el contexto de Android

Dominar el contexto de Android

El contexto en Android es uno de los objetos más usados ​​y abusados. Pero la mayoría de los artículos de la web se centran en la definición de lo que es. No pude encontrar un buen recurso que me dio una idea y me ayudó a comprender el panorama general. Así que intenté simplificar las cosas con este artículo. Prefacio

Lee mas

   Propiedad Flex Basis en Flexbox

Propiedad Flex Basis en Flexbox

Base flexible La flex-basispropiedad define el tamaño a lo flex-itemlargo del eje principal del contenedor flexible. El eje principal es horizontal si flex-directionse establece en rowy será vertical si la flex-directionpropiedad se establece en column. Sintaxis flex-basis: auto | content | | ; base flexible: auto flex-basis: autobusca el tamaño principal del elemento y define el tamaño. Por

Lee mas
Cómo raspar sitios web con Python

Cómo raspar sitios web con Python

A veces, es posible que desee extraer datos de un sitio web en un formato diferente. Pero, ¿y si el sitio web no tiene una forma fácil de exportar esos datos? Aquí es donde entra en juego el web scraping.Hemos lanzado un curso intensivo en el canal de YouTube freeCodeCamp.org que le enseñará cómo realizar raspado web utilizando la biblioteca de Python Beautiful Soup. Este

Lee mas

   Prototipo de JavaScript explicado con ejemplos

Prototipo de JavaScript explicado con ejemplos

Prototipos JavaScript es un lenguaje basado en prototipos, por lo tanto, comprender el objeto prototipo es uno de los conceptos más importantes que los profesionales de JavaScript deben conocer. Este artículo le dará una breve descripción del objeto Prototype a través de varios ejemplos. Antes de leer este artículo, deberá tener un conocimiento básico de la thisreferencia en JavaScript. Objeto

Lee mas
La guía del desarrollador autodidacta para aprender a codificar

La guía del desarrollador autodidacta para aprender a codificar

¿Quieres aprender a codificar? Mi consejo personal sería asistir a un bootcamp, porque ofrecen un plan de estudios estructurado, mentores, tiempo de aprendizaje dedicado, colaboración y networking entre estudiantes.Desafortunadamente, no todos los que quieren aprender a codificar pueden permitirse el dinero y el tiempo que requiere un campamento de entrenamiento.Afo

Lee mas

   Cómo proteger sus conexiones WebSocket

Cómo proteger sus conexiones WebSocket

La Web está creciendo a un ritmo enorme. Cada vez más aplicaciones web son dinámicas, inmersivas y no requieren que el usuario final se actualice. Existe un soporte emergente para tecnologías de comunicación de baja latencia como websockets. Los Websockets nos permiten lograr una comunicación en tiempo real entre diferentes clientes conectados a un servidor. Much

Lee mas

   Aprenda el contexto de React en 5 minutos: un tutorial para principiantes

Aprenda el contexto de React en 5 minutos: un tutorial para principiantes

La API de contexto de React se ha convertido en la herramienta de administración de estado elegida por muchos, muchas veces reemplazando a Redux por completo. En este tutorial rápido de 5 minutos, verá una introducción a lo que es Contexto y cómo usarlo. Si desea una introducción adecuada a este tema, puede unirse a la lista de espera para mi próximo curso avanzado de React, o si aún es un principiante, consulte mi curso introductorio gratuito sobre React. Consid

Lee mas

   ¿Qué es una función pura en JavaScript?

¿Qué es una función pura en JavaScript?

Las funciones puras son los bloques de construcción atómicos en la programación funcional. Son adorados por su sencillez y capacidad de prueba. Esta publicación cubre una lista de verificación rápida para saber si una función es pura o no. La lista de verificación Una función debe pasar dos pruebas para ser considerada "pura": Las mismas entradas siempre devuelven las mismas salidas Sin efectos secundarios Acerquémonos a cada uno. 1. Misma

Lee mas

   7 consejos de Vim que cambiaron mi vida (con demostración)

7 consejos de Vim que cambiaron mi vida (con demostración)

¡Hola, compañeros programadores! Es posible que haya oído hablar del editor de código Vim antes, o incluso lo haya usado un poco. Hay muchos recursos que cubren los conceptos básicos de Vim y no quiero simplemente hacer otra reescritura de los aquí. En cambio, quiero compartir algunos consejos rápidos que aprendí de otros mientras usaba Vim a tiempo completo en el trabajo. Estas

Lee mas

   Efectos de sombra de texto CSS y de cuadro (con ejemplos)

Efectos de sombra de texto CSS y de cuadro (con ejemplos)

Con CSS3 puedes crear dos tipos de sombras: text-shadow(agrega sombra al texto) y box-shadow(agrega sombra a otros elementos). Sombra de texto CSS3 La text-shadowpropiedad puede tomar hasta cuatro valores: la sombra horizontal la sombra vertical el efecto de desenfoque el color Ejemplos: Sombra de texto normal h1 { text-shadow: 2px 2px 5px crimson; } Efecto de texto brillante h1 { text-shadow: 0 0 4px #00FF9C; } Varias sombras Para lograr esto, simplemente agregue una coma entre dos (o más) conjuntos de valores: h1 { color: white; text-shadow: 0 0 3px #F10D58, 0 0 7px #4578

Lee mas