Module 1 · CalculatorCalculators and simulators
Tools that calculate with your rules and show the result along with its breakdown.
Examples of deliverables
- Quote calculator
- Installment simulator
- Measurement or shipping calculation
Technology · Language
Custom JavaScript programming
JavaScript is the language the browser runs. It adds to a website what the CMS doesn't bring: a calculation, a filter, a validation, an interaction. We program that feature on the site you already have, whatever the platform, and fix the code that has stopped working.
Fig. 01Plug-in moduleLooping
Situations
What you can solve with JavaScript
These are small, precise jobs: one feature the site needs, on the page where it is needed, without changing everything else.
A calculation right on the page
Quotes, installments, measurements or shipping the visitor gets on the spot, with your formulas.
A form that rejects without explaining
Validation that says what is missing and why before sending, and doesn't wipe what was already typed.
A list that is hard to browse
Filters, sorting and search over a catalog or a table, without reloading the page.
Something that stopped working
A script that fails after an update, a conflict between two libraries or different behavior on mobile.
What to check before starting
- Which platform the site is on and how code can be added to it
- Which scripts it already loads and which one might clash
- Where the data for the calculation or the list comes from
- Which browsers and phones it must work on
Services
What we build with JavaScript
Specific features, each with its own separate code, so it can be changed or removed without touching the rest.
- Module 1 · Calculator
Module 2 · FormValidation and forms
Checks as you type, fields that depend on others and messages that explain what to correct.
Examples of deliverables
- Validation while typing
- Conditional fields
- Summary before sending
Module 3 · PageFilters and interaction
Search, filters, tabs, maps and other elements that make the page easier to use.
Examples of deliverables
- Catalog filters
- Instant search
- Product comparison
Module 4 · ModuleFixing existing code
Diagnosis of errors, script conflicts and performance problems in code that is already live.
Examples of deliverables
- Script that fails on mobile
- Conflict between libraries
- Page that is slow to respond
A working example
A calculator that explains what is missing
An illustrative, working example: a quote calculator with invented rates. The result changes as you type, and the form tells you what is missing before it lets you send.
Your quote
Rates invented for this example. They are not prices of Veodar or of any real company.
This example really is JavaScript running in your browser. The rates are made up and the send button doesn't send anything anywhere.
Integration
How it fits with your systems
The module lives inside a page that already exists. You need to know what the platform lets it do and which other scripts it shares the page with.
Where it comes from
- Your current website WordPress, a store or another platform
- Rates and rulesyour formulas
- Catalog dataproducts and prices
JavaScriptJavaScript modulecalculates, validates and updates
Where it goes
- Form or cartthe result, already calculated
- Node.js service complete requests to the CRM
- React interface when the piece grows
Dependencies worth checking
- Whether the platform allows adding scripts, and where
- What happens to the code when the theme or template updates
- Which calculations must be repeated on the server
- How heavy the script is and how it affects loading
How we work and what we deliver
How we run a JavaScript job
- 01
Initial review
The page, the platform and, if it is a bug, the failure reproduced.
- 02
Scope
What the feature will do, with which data and on which pages. What it won't do, too.
- 03
First release
The feature on a copy or a test page, with your rules.
- 04
Validation
You test it on the devices your customers use, odd cases included.
- 05
Documentation
Where the code lives, how to change a rate or a rule and what to check when the site updates.
What you get when the job closes
- Commented code in a repository in your name
- Installation on your website
- A guide to changing rates or rules
- Tests for the calculations
Questions
Questions about JavaScript
Missing yours? Write it to info@veodar.com and we'll reply with a specific question, not a brochure.
Can it be added to any website?
To almost all of them. It depends on whether the platform lets you include your own code, and on what terms. We check that first; if there are limits, we propose the way of doing it that respects them.
Will it slow the page down?
It shouldn't. The code loads only on the pages where it is used, and when it is needed. We measure the effect before and after installing it.
Is validating in the browser enough?
To help the person filling it in, yes. To protect your data, no: what matters has to be checked on the server too, because whatever happens in the browser can be bypassed.
When is it worth moving from plain JavaScript to React?
When the piece stops being a feature and becomes a screen with many states that depend on each other. As long as it is a calculator or a filter, plain JavaScript is lighter and easier to maintain.
Can you fix a script someone else wrote?
Yes. We read the code, reproduce the failure and fix it. If fixing it costs more than rewriting that part, we say so before going on, and explain why.
Updated:
Other technologies
What it is combined with
- React developmentDashboards, search and complex forms. Interfaces connected to your data, to look things up and get tasks done from the browser.
- Custom WordPress developmentCustom features, plugins and integrations that extend your WordPress. We track down bugs and fit the site to the way your business works.
- Web development with AstroCompany websites, catalogs and content sites. Development, migrations and integration with content management systems, with performance in mind.
Get started
Tell us what your website should do.
The page, what should happen on it and what happens today. If it is a calculation, the rules it follows.
What helps us assess it
- The page's address
- What should happen and what happens today
- The calculation's rules or rates
- The platform the site is built on
Before you write, see how we price a project or our solutions by department.
Fig. 07Morse keyH · E · L · L · O