Web Development Tutoriales
El desarrollo web proporciona un camino de aprendizaje estructurado para crear sitios web y aplicaciones web modernas. Nuestros tutoriales cubren tecnologías de front - end y back - end, adecuados tanto para principiantes como para desarrolladores intermedios. Con laboratorios gratuitos y ejemplos de código prácticos, obtendrás experiencia práctica en HTML, CSS, JavaScript y frameworks populares. Nuestro entorno web interactivo te permite experimentar con diferentes tecnologías y ver resultados en tiempo real.
Construyendo un Calendario de Mapa de Calor de Contribuciones de GitHub en React
Este proyecto te guiará a través de la creación de un calendario de mapa de calor en React, similar al gráfico de contribuciones de GitHub. Este tipo de calendario puede ser una forma convincente de visualizar datos de actividad a lo largo del tiempo, con la intensidad del color que indica el nivel de actividad en un día determinado. Al final de este proyecto, tendrás una comprensión clara de cómo integrar y usar un calendario de mapa de calor en una aplicación de React.
JavaScript
Construir una herramienta de recorte de imágenes con HTML5
Este proyecto te guiará a través del proceso de creación de una herramienta simple de recorte de imágenes. Al final, tendrás una aplicación interactiva que permite a los usuarios subir, mostrar y recortar imágenes.
JavaScript
Implementar un efecto de lupa utilizando el lienzo
En este proyecto, aprenderá a crear un efecto de aumento de tamaño en imágenes utilizando el lienzo HTML. Este efecto se ve a menudo en galerías de imágenes o sitios web de productos, lo que permite a los usuarios pasar el cursor sobre una imagen y obtener una vista ampliada de una porción específica. El efecto de aumento de tamaño proporciona una vista detallada sin tener que abrir una nueva ventana o página.
JavaScript
Crear un juego web Whack-a-Mole
En este proyecto, aprenderá a crear un juego Whack-a-Mole utilizando HTML, CSS y JavaScript. El juego consiste en golpear a los topitos que aparecen al azar de los agujeros dentro de un límite de tiempo especificado. Creará los archivos HTML, CSS y JavaScript necesarios e implementará la lógica del juego paso a paso.
JavaScript
Crea una aplicación web con carrusel Swiper
En este proyecto, aprenderás a crear una aplicación web con carrusel Swiper que tiene una disposición de carrusel visualmente atractiva con contenido temático cósmico. La aplicación permitirá a los usuarios navegar a través de diferentes diapositivas y ver tarjetas con datos interesantes sobre el universo.
CSS
Construyendo un juego de rompecabezas con arrastre y soltar en React
En este proyecto, crearemos un juego de rompecabezas con arrastre y soltar utilizando React. Este es un excelente proyecto para que los principiantes aprendan sobre los componentes de React, la gestión del estado y la manipulación de interacciones de usuario. Al final de este proyecto, tendrás un juego de rompecabezas funcional.
JavaScript
Insertar y dar estilo a imágenes en HTML
Aprende cómo agregar, dar estilo y manipular imágenes en HTML utilizando varios atributos como src, alt, width, height y title.
HTML
Construir un acortador de URLs con Flask y MySQL
Este proyecto te guía a través de la creación de un servicio simple de acortador de URLs utilizando Flask y MySQL. Aprenderás a configurar una base de datos, diseñar una interfaz web y implementar funcionalidades para acortar URLs, buscar URLs por etiquetas y ver análisis. El proyecto es amigable para principiantes y ofrece una visión integral del desarrollo web con Python y la gestión de bases de datos.
HTML
Desarrollar un editor de Markdown con vista previa en vivo
En este proyecto, crearemos un sencillo editor de Markdown basado en la web que ofrece una vista previa HTML en vivo a medida que escribes. Utilizando bibliotecas como Ace Editor, marked y highlight.js, desarrollarás un editor intuitivo que no solo permite escribir en Markdown, sino que también guarda datos a través de las sesiones del navegador y resalta fragmentos de código en la vista previa.
JavaScript
Construir una aplicación web de Tres en Raya
En este proyecto, aprenderás a crear un juego de Tres en Raya utilizando HTML, CSS y JavaScript. Tres en Raya es un juego para dos jugadores en el que los jugadores toman turnos para marcar X o O en una cuadrícula 3x3. El objetivo es obtener tres marcas en línea, ya sea horizontal, vertical o diagonalmente. Crearás los archivos HTML, CSS y JavaScript necesarios e implementarás la lógica del juego paso a paso.
CSS
Construyendo una aplicación web moderna de división de gastos
En este proyecto paso a paso, crearemos una aplicación web moderna y visualmente atractiva de división de gastos utilizando HTML, CSS y JavaScript. Esta aplicación te permitirá dividir los gastos entre un grupo de personas y calcular quién debe qué a quién. Empezaremos desde cero y cubriremos cada paso para construir el proyecto progresivamente.
JavaScript
Juego web de 2048 utilizando jQuery
2048 es un juego extremadamente popular y fácil de aprender que ha tomado el mundo por la tormenta. Si aún no lo has jugado, puedes descargarlo en tu teléfono móvil para probarlo. Este proyecto te guiará en el uso de HTML, CSS, JavaScript y jQuery para crear una versión web del juego 2048.
JavaScript
Construir una extensión de VSCode con ChatGPT
En este proyecto, crearemos una extensión de VSCode que permite al usuario ajustar el nivel de encabezado del texto de Markdown seleccionado.
JavaScript
No pisar el ladrillo blanco
Este proyecto te guía a través de la creación de un juego basado en la web sencillo pero atractivo titulado 'No pisar el ladrillo blanco'. Siguiendo estos pasos, aprenderás a combinar HTML, CSS y JavaScript para construir un juego interactivo donde los jugadores deben evitar pisar los ladrillos blancos para obtener puntos. Este proyecto es ideal para los principiantes que buscan practicar sus habilidades de desarrollo web.
JavaScript
Crear una aplicación web de tablero de dibujo
En este proyecto, crearemos paso a paso una simple aplicación web de tablero de dibujo. Cada paso se construirá sobre el anterior, lo que te permitirá agregar funcionalidad a la aplicación gradualmente. Al final de este proyecto, tendrás un tablero de dibujo completamente funcional donde los usuarios pueden dibujar, cambiar el color del pincel, ajustar el tamaño del pincel y limpiar el lienzo.
JavaScript
Crear un juego de Minesweeper con JavaScript
Creo que todos han jugado alguna vez al clásico juego de Minesweeper. Tiene reglas simples pero es muy adictivo. ¿Alguna vez has pensado en desarrollarlo tú mismo? Hoy, crearemos una versión web del Minesweeper. Primero, echemos un vistazo a una captura de pantalla de la interfaz.
JavaScript
Construyendo un juego web de evasión de bloques
En este proyecto, construiremos un juego de evasión de bloques divertido y sencillo utilizando HTML, CSS y JavaScript. Este juego implica bloques que se mueven y el jugador debe hacer clic en los bloques negros para obtener puntos y evitar hacer clic en los bloques blancos. Comencemos a construirlo paso a paso!
JavaScript
Crear una aplicación web de temporizador de tareas
En este proyecto paso a paso, aprenderás a crear una aplicación web de temporizador de tareas utilizando HTML, CSS y JavaScript. Esta aplicación web permitirá a los usuarios agregar tareas, iniciar y detener temporizadores para cada tarea y eliminar tareas. Al final de este proyecto, tendrás una aplicación web de temporizador de tareas completamente funcional con una interfaz moderna y amigable para el usuario.
JavaScript
- Anterior
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 54
- Siguiente