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.

Transmitir una conversación persistente

Transmitir una conversación persistente

Cree un chat de soporte con sesión firmada mediante Cloudflare AIChatAgent, transmita una respuesta acotada de Workers AI y restaure el historial persistente después de volver a conectarse.
CloudflareReact
Transmitir una respuesta de ayuda

Transmitir una respuesta de ayuda

Transmita una respuesta de ayuda de Workers AI a un cliente proporcionado, reconozca la finalización, cancele de forma segura y termine los errores del servicio sin quedar bloqueado.
CloudflareJavaScript
Exigir aprobación para cambios en registros

Exigir aprobación para cambios en registros

Pausar un cambio sintético en un registro de soporte para obtener una aprobación humana explícita, conservar la seguridad ante rechazos y hacer idempotente la entrega repetida.
CloudflareReact
Construye una aplicación web de Tres en Raya

Construye una aplicación web de Tres en Raya

En este proyecto, aprenderás a crear un juego de Tres en Raya (Tic-Tac-Toe) utilizando HTML, CSS y JavaScript. El Tres en Raya es un juego para dos jugadores donde se turnan para marcar X o O en una cuadrícula de 3x3. El objetivo es conseguir 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.
JavaScriptCSSHTML
Crear una Extensión de VSCode con ChatGPT

Crear 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 Markdown seleccionado.
JavaScript
Construir un juego de rompecabezas deslizante con JavaScript

Construir un juego de rompecabezas deslizante con JavaScript

Bienvenido a este proyecto sobre la construcción de un sencillo juego de rompecabezas deslizante utilizando JavaScript. Al final de esta guía, tendrás un juego de rompecabezas deslizante 3x3 funcional que podrás jugar en tu navegador. El juego tendrá fichas numeradas, un temporizador y controles para iniciar, pausar y reiniciar el juego.
JavaScriptHTMLCSS
Tablero de control de ventas en tiempo real con Echarts

Tablero de control de ventas en tiempo real con Echarts

En este proyecto, aprenderás a crear un tablero de control de ventas en tiempo real utilizando la biblioteca Echarts. El tablero de control mostrará los datos de ventas y volumen en un formato visualmente atractivo y fácil de entender.
JavaScript
Juego de emparejamiento de frutas con HTML, CSS, JavaScript

Juego de emparejamiento de frutas con HTML, CSS, JavaScript

En este proyecto, aprenderás a crear un sencillo juego 'Fruit for Fun' utilizando HTML, CSS y JavaScript. El juego consiste en emparejar pares de imágenes de frutas haciendo clic en los cuadrados del tablero de juego.
JavaScript
Aplicación simple de sorteo de premios

Aplicación simple de sorteo de premios

En este proyecto, aprenderás a crear una aplicación simple de sorteo de premios utilizando JavaScript y jQuery. La aplicación simulará un sorteo de premios rotando una lista de premios y mostrando el premio ganador cuando la rotación se detiene.
JavaScript
Construir una herramienta de recorte de imágenes con HTML5

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.
JavaScriptHTMLCSS
Construyendo una aplicación web moderna de división de gastos

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.
JavaScriptHTMLCSS
Desarrollar un editor de Markdown con vista previa en vivo

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.
JavaScriptHTMLCSS
Construyendo interfaces de accordion responsivas

Construyendo interfaces de accordion responsivas

En este proyecto, aprenderás a crear una simple accordion plegable utilizando HTML, CSS y JavaScript. La accordion plegable es un elemento de interfaz de usuario común que permite a los usuarios expandir y contraer secciones de contenido, lo que la convierte en una característica útil para mostrar información de manera compacta y organizada.
JavaScript
Tiempo con tu teléfono

Tiempo con tu teléfono

En este proyecto, aprenderás a crear un gráfico de líneas utilizando la biblioteca ECharts. El gráfico mostrará la cantidad de horas que el usuario pasa en su teléfono cada día de la semana.
HTML
Juego de rompecabezas Flip con jQuery

Juego de rompecabezas Flip con jQuery

Este proyecto, el 'Juego de rompecabezas Flip con jQuery', ofrece una experiencia práctica en el desarrollo web, centrándose en JavaScript, jQuery y Bootstrap. Implica la programación orientada a objetos en JavaScript y aborda el problema común del enlace de 'this' en el contexto del desarrollo web. El juego se implementa utilizando jQuery y Bootstrap 3 para la interfaz de usuario. Si bien es útil tener conocimientos de Bootstrap, la lógica central del proyecto se construye con jQuery y JavaScript.
JavaScriptCSSHTML
Construyendo una aplicación de votación

Construyendo una aplicación de votación

En este proyecto, aprenderás a construir una aplicación de votación que permite a los usuarios crear y administrar opciones de votación, así como eliminar opciones si es necesario. La aplicación también incluye características para el soporte de selección múltiple y los resultados de votación públicos.
JavaScript
Aplicación web interactiva de colección de películas

Aplicación web interactiva de colección de películas

En este proyecto, aprenderás a crear una aplicación web interactiva de colección de películas utilizando HTML, CSS y JavaScript (jQuery). La aplicación permite a los usuarios marcar sus películas favoritas y, cuando se crea una colección de películas favoritas, se muestra un mensaje de éxito.
JavaScript
Construcción de un Escáner de Puertos TCP Basado en Web

Construcción de un Escáner de Puertos TCP Basado en Web

En el proyecto anterior, desarrollamos un escáner de puertos en Python que utilizaba hilos y sockets para escanear puertos TCP. Aunque es efectivo, hay margen de mejora utilizando paquetes de terceros.
PythonHTMLCybersecurity
  • Anterior
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 81
  • Siguiente