Menú vertical en Flutter – Dart

Menú vertical en Flutter – Dart

Tiempo de lectura: 2 minutos En este ejemplo hago un menú vertical en Flutter usando el lenguaje Dart. El código y el resultado se muestran a continuación: Para el diseño de la interfaz, se utiliza un Row para dividir la pantalla en dos partes: el menú vertical y el contenido a la derecha. El menú vertical se crea como una … Leer más

Agregar Firebase a tu app de Flutter

Agregar Firebase a tu app de Flutter

Tiempo de lectura: 3 minutos Primero se crea el proyecto en Firebase Después de iniciar sesión, haz clic en «Ir a la consola» para acceder a la consola de Firebase. En la consola de Firebase, crea un nuevo proyecto haciendo clic en el botón «Agregar proyecto». Sigue las instrucciones para configurar el proyecto. Después de tener el proyecto creado, veremos … Leer más

Visualizar datos de una colección en MongoDB con Java desde Eclipse

Tiempo de lectura: < 1 minuto Para visualizar datos por consola en Eclipse de una colección de MongoDB usando Java, primero tenemos que crear la conexión a la base de datos http://devcodelight.com/conexion-a-mongodb-usando-java-desde-eclipse/ Creo un método visualizarDatos que recibe como parámetro una colección de MongoDB (MongoCollection<Document> coleccion) y se encarga de imprimir en la consola los datos contenidos en esa colección. En … Leer más

Conexión a MongoDB usando Java desde Eclipse

Conexión a MongoDB usando Java desde Eclipse

Tiempo de lectura: 2 minutos Primero creo un nuevo proyecto en eclipse A continuación añado el driver conector de Java-MongoDB, en este caso uso el driver mongo-java-driver-3.2.2.jar Selecciono Add External JARs y elijo el conector correspondiente. Creo una clase en java para hacer la conexión a mongo como muestro a continuación. Después creo un método en el que hago la … Leer más

Menú en HTML, CSS y JavaScript

Menú en HTML, CSS y JavaScript

Tiempo de lectura: 3 minutos Para crear un menú horizontal con diferentes opciones y vaya cambiando el contenido según la opción seleccionada, hay que seguir los siguientes pasos. Primero creamos una lista no ordenada <ul> que representa nuestro menú y le damos algunos estilos para eliminar viñetas y darle un fondo oscuro. Cada elemento de la lista <li> representa una … Leer más

Al pasar el puntero del ratón por encima de un elemento cambiar su color de fondo – Hover

Tiempo de lectura: < 1 minuto Voy a mostrar un ejemplo sencillo con el evento «hover» en un elemento. Es un contenedor rectangular que actúa como un elemento interactivo. Cuando se realiza el evento de «hover» (puntero del mouse pasa por encima), cambia su color de fondo. Además modifico su tamaño o escala. El código HTML es el siguiente: Para dar … Leer más

Ejecutar plataforma o aplicación Flutter usando comandos por consola

Ejecutar plataforma o aplicación Flutter usando comandos por consola

Tiempo de lectura: < 1 minuto Para ejecutar una aplicación Flutter en la web, puedes seguir los siguientes pasos. Primero abre una terminal o línea de comandos en el directorio raíz de tu proyecto Flutter. Después ejecuta el siguiente comando para habilitar la funcionalidad de Flutter para la web: A continuación, ejecuta el siguiente comando para iniciar tu aplicación Flutter en … Leer más

Componente de acordeón utilizando HTML, CSS y JavaScript

Componente de acordeón utilizando HTML, CSS y JavaScript

Tiempo de lectura: 2 minutos En el ejemplo muestro un componente de acordeón utilizando HTML, CSS y JavaScript. El acordeón tiene tres secciones. Cada sección tiene un título que se puede hacer clic para mostrar u ocultar el contenido correspondiente. El código del ejemplo es el siguiente Por último, muestro el resultado. María www.linkedin.com/in/maria-gonzalez-aragon/

Formulario sencillo en HTML, CSS y JavaScript

Formulario sencillo en HTML, CSS y JavaScript

Tiempo de lectura: 2 minutos A continuación muestro un formulario que consta de campos para el nombre, correo electrónico y mensaje. Cuando el usuario envía el formulario, los valores se muestran usando alerts (puedes modificar la función enviarDatos para realizar alguna otra acción, como enviar los datos a un servidor). A continuación muestro el código del ejemplo. Por último muestro … Leer más