Horario de cursos

Caja de herramientas

• Caja de herramientas CodeW3C.com

Menú

• Barra de iconos
• Icono de menú
• Acordeón
• Tarjeta de opción
• Tarjeta de opción vertical
• Título de tarjeta de opción
• Tarjeta de opción de página completa
• Tarjeta de opción de悬停
• Navegación superior
• Navegación superior responsive
• Navegación dividida
• Barra de navegación con iconos
• Menú de búsqueda
• Barra de búsqueda
• Barra lateral fija
• Navegación lateral
• Barra lateral responsive
• Navegación a pantalla completa
• Menú fuera del lienzo
• Botón de navegación lateral de悬停
• Barra lateral con iconos
• Menú deslizante horizontal
• Menú vertical
• Navegación inferior
• Navegación inferior responsive
• Enlace de navegación de borde inferior
• Enlace de menú alineado a la derecha
• Enlace de menú centrado
• Enlaces de menú de ancho uniforme
• Menú fijo
• Barra de navegación que se desliza al desplazarse
• Barra de navegación que se oculta al desplazarse
• Barra de navegación que se encoge al desplazarse
• Barra de navegación pegajosa
• Barra de navegación en imagen
• Menú desplegable al pasar el ratón
• Menú desplegable al hacer clic
• Menú desplegable en cascada
• Menú desplegable en la barra superior
• Menú desplegable en la barra lateral
• Barra de navegación responsiva con menú desplegable
• Menú de subnavegación
• Menú desplegable
• Menú supermenú
• Menú móvil
• Menú de cortina
• Barra lateral plegable
• Panel lateral plegable
• Paginación
• Navegación de pan de migas
• Grupo de botones
• Grupo de botones verticales
• Barra social pegajosa
• Navegación en forma de píldora
• Encabezado responsivo

Imagen

• Diapositiva
• Galería de diapositivas
• Imagen modal
• Luz de caja
• Cuadrícula de imágenes responsiva
• Cuadrícula de imágenes
• Biblioteca de imágenes
• Biblioteca de imágenes deslizante
• Biblioteca de imágenes en pestañas
• Desvanecimiento superpuesto en imagen
• Deslizamiento superpuesto en imagen
• Zoom superpuesto en imagen
• Título superpuesto en imagen
• Icono superpuesto en imagen
• Efecto de imagen
• Imagen en blanco y negro
• Texto de imagen
• Bloque de texto de imagen
• Texto de imagen transparente
• Imagen a toda página
• Formulario en imagen
• Foco en imagen
• Fondo de imagen borrosa
• Cambiar el fondo al desplazarse
• Imágenes en columna
• Imagen con esquinas redondeadas
• Imagen de perfil
• Imagen responsiva
• Imagen centrada
• Miniatura
• Borde de imagen
• Introducción del equipo
• Imagen pegajosa
• Giro de imagen
• Imagen sacudida
• Galería de colección
• Colección de obras filtrable
• Zoom de imagen
• Lupa de imagen
• Control deslizante de comparación de imágenes
• Icono del sitio

Botón

• Botón de advertencia
• Botón con contorno
• Botón de división
• Botón animado
• Botón de degradado
• Botón en la imagen
• Botón de redes sociales
• Leer más/Leer menos
• Botón de carga
• Botón de descarga
• Botón en forma de píldora
• Botón de notificación
• Botón con icono
• Botones de página siguiente/anterior
• Botón más en la navegación
• Botón en bloque
• Botón de texto
• Botón con esquinas redondeadas
• Botón de regreso a la parte superior

Formulario

• Formulario de inicio de sesión
• Formulario de registro
• Tabla de pago
• Formulario de contacto
• Tabla de inicio de sesión social
• Formulario de registro
• Formulario con icono
• Suscripción a noticias
• Formulario apilado
• Formulario responsivo
• Formulario emergente
• Formulario en línea
• Borrar el cuadro de entrada
• Ocultar las flechas numéricas
• Copiar texto al portapapeles
• Búsqueda animada
• Botón de búsqueda
• Búsqueda a pantalla completa
• Cuadro de entrada en la barra de navegación
• Formulario de inicio de sesión en la barra de navegación
• Casilla de verificación/botón de opción personalizado
• Cuadro de selección personalizado
• Cambiar el interruptor
• Marcar la casilla de verificación
• Detectar el bloqueo de mayúsculas
• Activar el botón con la tecla Enter
• Validación de contraseña
• Cambiar la visibilidad de la contraseña
• Formulario de pasos múltiples
• Finalización automática
• Cerrar la finalización automática
• Cerrar el control de ortografía
• Botón de carga de archivos
• Validación de entrada vacía

Filtros

• Lista de filtrado
• Tabla de filtrado
• Elemento de filtrado
• Desplegable de filtrado
• Lista ordenable
• Tabla ordenable

Tabla

• Tabla con rayas zebra
• Tabla centrada
• Tabla de ancho completo
• Tabla anidada
• Tabla en columna
• Tabla responsiva
• Tabla comparativa

Más

• Video a pantalla completa
• Cuadro de diálogo
• Cuadro de diálogo de eliminación
• Línea de tiempo
• Indicador de desplazamiento
• Barra de progreso
• Barra de habilidades
• Control deslizante de rango
• Selector de color
• Campo de correo electrónico
• Tooltip
• Mostrar elementos al pasar el ratón
• Ventana emergente
• Contenido plegable
• Calendario
• HTML incluido
• Lista de tareas pendientes
• Cargador
• Medalla
• Calificación estrellada
• Calificación del usuario
• Efecto de superposición
• Chip de contacto
• Tarjeta
• Tarjeta volteable
• Tarjeta de perfil
• Tarjeta de producto
• Advertencia
• Cuadro de diálogo
• Nota
• Etiqueta
• Cinta
• Nube de etiquetas
• Círculo
• Línea horizontal estilizada
• Cupón
• Grupo de lista
• Grupo de lista con insignia
• Lista sin viñetas
• Texto responsivo
• Texto de sombra
• Texto brillante
• Pie de página fijo
• Elemento pegajoso
• Altura igual
• Limpiar flotación
• Flotante responsivo
• Barras de notificación
• Ventana completa
• Dibujo de scroll
• Scroll suave
• Fondo de desplazamiento de gradiente
• Cabecera pegajosa
• Encoger la cabecera al desplazarse
• Tabla de precios
• Scroll paralelo
• Relación de aspecto
• Marco inline responsivo
• Cambiar gustar/no gustar
• Cambiar ocultar/mostrar
• Cambiar modo oscuro
• Cambiar texto
• Cambiar clase
• Agregar clase
• Eliminar clase
• Cambiar clase
• Clase activa
• Vista en forma de árbol
• Eliminar decimales
• Eliminar atributo
• Detección de conexión offline
• Buscar elementos ocultos
• Redirección de página
• Formateo de números
• Escalado al pasar el ratón
• Caja volteada
• Centrado vertical
• Centrar botón en DIV
• Lista centrada
• Transición al pasar el ratón
• Flecha
• Forma
• Enlace de descarga
• Elemento de altura completa
• Ventana del navegador
• Barra de desplazamiento personalizada
• Ocultar la barra de desplazamiento
• Mostrar/forzar la barra de desplazamiento
• Apariencia del dispositivo
• Borde del contenido editable
• Color del marcador de posición
• Desactivar el cambio de tamaño del área de texto
• Desactivar la selección de texto
• Color de selección de texto
• Color de íconos de lista
• Línea vertical
• Línea de división
• Línea de división de texto
• Icono animado
• Cronómetro de cuenta atrás
• Efecto de máquina de escribir
• Página en espera de lanzamiento
• Mensaje de chat
• Ventana de chat emergente
• Pantalla dividida
• Comentarios de clientes
• Contador de bloques
• Diapositivas de citas
• Ítems de lista cerrables
• Puntos de quiebre típicos de dispositivos
• Elementos HTML arrastrables
• Consulta de medios en JS
• Resaltado sintáctico
• Animación en JS
• Longitud de cadena en JS
• Operación exponencial en JS
• Parámetro predeterminado en JS
• Número aleatorio en JS
• Ordenamiento de arrays numéricos en JS
• Operador de desplegable en JS
• Scroll a la vista con JS
• Obtener la fecha actual
• Obtener la dirección web actual
• Obtener el tamaño actual de la pantalla
• Obtener el elemento iframe

Cuadrícula

• Diseño de dos columnas
• Diseño de tres columnas
• Diseño de cuatro columnas
• Cuadrícula expandida
• Vista de cuadrícula de lista
• Diseño de columnas mezcladas
• Tarjetas en columna
• Diseño en espiral
• Diseño de blog

Convertidor

• Conversión de peso
• Conversión de temperatura
• Conversión de longitud
• Conversión de velocidad

Cursos optativos

Recomendaciones de curso:

• Caja de herramientas CodeW3C.com

Herramientas

Manual de referencia de JavaScript y HTML DOM

Ejemplos de JavaScript

Pruebas de JavaScript

Tutorial avanzado de JavaScript

Enlace de patrocinador