Módulo 1 · CalculadoraCalculadoras y simuladores
Herramientas que calculan con tus reglas y enseñan el resultado junto a su desglose.
Ejemplos de entregables
- Calculadora de presupuesto
- Simulador de cuotas
- Cálculo de medidas o envíos
Tecnología · Lenguaje
Programación JavaScript a medida
JavaScript es el lenguaje que ejecuta el navegador. Con él se añade a una web lo que el gestor no trae: un cálculo, un filtro, una validación, una interacción. Programamos esa función sobre la web que ya tienes, sea cual sea la plataforma, y arreglamos el código que ha dejado de funcionar.
Fig. 01Módulo enchufableEn bucle
Situaciones
Qué puedes resolver con JavaScript
Son encargos pequeños y precisos: una función que la web necesita, en la página donde hace falta, sin cambiar todo lo demás.
Un cálculo en la propia página
Presupuestos, cuotas, medidas o envíos que el visitante obtiene al momento, con tus fórmulas.
Un formulario que rechaza sin explicar
Validaciones que dicen qué falta y por qué antes de enviar, y que no borran lo ya escrito.
Un listado difícil de recorrer
Filtros, orden y búsqueda sobre un catálogo o una tabla, sin recargar la página.
Algo que dejó de funcionar
Un script que falla tras una actualización, un conflicto entre dos bibliotecas o un comportamiento distinto en el móvil.
Qué conviene revisar al empezar
- En qué plataforma está la web y cómo se le puede añadir código
- Qué scripts carga ya y cuál puede chocar
- De dónde salen los datos del cálculo o del listado
- En qué navegadores y móviles debe funcionar
Servicios
Qué desarrollamos con JavaScript
Funciones concretas, cada una con su código aparte para que se pueda cambiar o retirar sin tocar el resto.
- Módulo 1 · Calculadora
Módulo 2 · FormularioValidaciones y formularios
Comprobaciones en el momento, campos que dependen de otros y mensajes que explican qué corregir.
Ejemplos de entregables
- Validación al escribir
- Campos condicionales
- Resumen antes de enviar
Módulo 3 · PáginaFiltros e interacción
Búsqueda, filtros, pestañas, mapas y otros elementos que hacen la página más fácil de usar.
Ejemplos de entregables
- Filtros de catálogo
- Buscador instantáneo
- Comparador de productos
Módulo 4 · MóduloCorrección de código existente
Diagnóstico de errores, conflictos entre scripts y problemas de rendimiento en código que ya está publicado.
Ejemplos de entregables
- Script que falla en el móvil
- Conflicto entre bibliotecas
- Página que tarda en responder
Un ejemplo en funcionamiento
Una calculadora que explica qué falta
Ejemplo ilustrativo y funcional: una calculadora de presupuesto con tarifas inventadas. El resultado cambia mientras escribes, y el formulario te dice qué falta antes de dejarte enviar.
Tu presupuesto
Tarifas inventadas para este ejemplo. No son precios de Veodar ni de ninguna empresa real.
Este ejemplo sí es JavaScript real ejecutándose en tu navegador. Las tarifas son ficticias y el botón de envío no manda nada a ningún sitio.
Integración
Cómo encaja con tus sistemas
El módulo vive dentro de una página que ya existe. Hay que saber qué le deja hacer la plataforma y con qué otros scripts comparte sitio.
De dónde viene
- Tu web actual WordPress, una tienda u otra plataforma
- Tarifas y reglastus fórmulas
- Datos del catálogoproductos y precios
JavaScriptMódulo JavaScriptcalcula, valida y actualiza
A dónde llega
- Formulario o carritoel resultado ya calculado
- Servicio en Node.js solicitudes completas al CRM
- Interfaz en React cuando la pieza crece
Dependencias que conviene revisar
- Si la plataforma permite añadir scripts y dónde
- Qué pasa con el código al actualizar el tema o la plantilla
- Qué cálculos deben repetirse en el servidor
- Cuánto pesa el script y cómo afecta a la carga
Cómo trabajamos y qué entregamos
Cómo trabajamos un encargo de JavaScript
- 01
Revisión inicial
La página, la plataforma y, si se trata de un error, el fallo reproducido.
- 02
Alcance
Qué hará la función, con qué datos y en qué páginas. Lo que no hará, también.
- 03
Primera entrega
La función en una copia o en una página de pruebas, con tus reglas.
- 04
Validación
La pruebas en los dispositivos que usan tus clientes, con los casos raros incluidos.
- 05
Documentación
Dónde está el código, cómo se cambia una tarifa o una regla y qué revisar al actualizar la web.
Qué recibes al cerrar el encargo
- El código comentado en un repositorio a tu nombre
- La instalación en tu web
- Una guía para cambiar tarifas o reglas
- Pruebas de los cálculos
Preguntas
Preguntas sobre JavaScript
¿Falta la tuya? Escríbela a info@veodar.com y te respondemos con una pregunta concreta, no con un dossier.
¿Se puede añadir a cualquier web?
A casi todas. Depende de si la plataforma deja incluir código propio y en qué condiciones. Lo comprobamos primero; si hay limitaciones, proponemos la forma de hacerlo que las respeta.
¿Hará más lenta la página?
No debería. El código se carga solo en las páginas donde se usa y cuando hace falta. Medimos el efecto antes y después de instalarlo.
¿Basta con validar en el navegador?
Para ayudar a quien rellena, sí. Para proteger tus datos, no: lo que importa debe comprobarse también en el servidor, porque lo que ocurre en el navegador se puede saltar.
¿Cuándo conviene pasar de JavaScript suelto a React?
Cuando la pieza deja de ser una función y se convierte en una pantalla con muchos estados que dependen unos de otros. Mientras sea una calculadora o un filtro, el JavaScript directo es más ligero y más fácil de mantener.
¿Podéis arreglar un script que hizo otra persona?
Sí. Leemos el código, reproducimos el fallo y lo corregimos. Si arreglarlo cuesta más que rehacer esa parte, lo decimos antes de seguir, con el motivo.
Actualizado:
Servicios relacionados
Dónde suele entrar JavaScript
Otras tecnologías
Con qué se combina
- Desarrollo con ReactPaneles, buscadores y formularios complejos. Interfaces conectadas con tus datos para consultar información y realizar tareas desde el navegador.
- Programación a medida en WordPressFuncionalidades propias, plugins e integraciones para ampliar tu WordPress. Revisamos errores y adaptamos la web a los procesos de tu negocio.
- Desarrollo web con AstroWebs corporativas, catálogos y sitios de contenido. Desarrollo, migraciones e integración con gestores de contenido, con atención al rendimiento.
Empezar
Cuéntanos qué debería hacer tu web.
La página, lo que debería ocurrir en ella y lo que ocurre hoy. Si es un cálculo, las reglas con las que se hace.
Qué ayuda a valorarlo
- La dirección de la página
- Qué debería ocurrir y qué ocurre hoy
- Las reglas o tarifas del cálculo
- La plataforma en la que está hecha la web
¿Antes de escribir? Mira cómo presupuestamos un proyecto o las soluciones por área de la empresa.
Fig. 07Manipulador MorseH · O · L · A