Front-end JavaScript-reviewProgrammeertraining

JavaScript-codereview voor front-endprojecten

Meestal klaar in 15 minutenRevisies inbegrepenKwaliteitscontrole
BetaalbeschermingDetails
  • Revisies binnen het pakket zijn gratis.
  • Reageer je niet binnen 3 dagen na levering, dan wordt het werk automatisch goedgekeurd.
Bestellen · € 32

Het geld wordt bij betaling gereserveerd en pas vrijgegeven als je het werk goedkeurt.

JavaScript-codereview voor front-endprojecten

Voorbeeldresultaat

Voorbeeld voor het pakket Standaard

Code review: Python order-import script for a small online shop

What the code does

  1. Reads orders.csv from the shop export.
  2. For each order line, finds the product by SKU in stock.xlsx and subtracts the quantity.
  3. Writes the updated stock back and logs totals to import_log.txt.

The structure is clear and functions are well named. Most issues are about input that does not look the way the script expects.

Bugs and weak spots

#LineSeverityIssue
148HighThe same CSV can be imported twice; there is no check for already processed order IDs. This is the most likely cause of negative stock.
272Highint(row["qty"]) crashes on empty or "2.0" values from refunded orders.
395MediumSKU lookup is case-sensitive: "gt-101" and "GT-101" are treated as different products.
4130MediumThe file is opened without encoding="utf-8", so product names with accents break on Windows.
5201LowBare except: hides real errors and makes the log useless.

Corrected fragments

Issue 1: skip orders already imported

processed = load_processed_ids("processed_orders.txt")
for row in reader:
    if row["order_id"] in processed:
        continue
    # ... existing logic ...
    processed.add(row["order_id"])
save_processed_ids("processed_orders.txt", processed)

Why: each order is applied once, even if you run the script on the same file again.

Issue 2: read quantity safely

raw = (row.get("qty") or "").strip()
try:
    qty = int(float(raw))
except ValueError:
    log.warning("Order %s: bad quantity %r, skipped", row["order_id"], raw)
    continue

Why: refunded or partial lines are skipped with a clear note instead of stopping the whole import.

Issue 3: normalise SKUs

sku = row["sku"].strip().upper()

Apply the same .strip().upper() when building the stock dictionary.

Style and readability

  • process() is 90 lines long; split it into read_orders, apply_to_stock, write_report.
  • Replace magic column numbers (row[7]) with header names.

Please test each fix on a copy of your files: we read the code but did not run it.

Client: owner of a tea shop who wrote a 310-line Python script that imports orders from a CSV export into the stock spreadsheet Problem reported: "Sometimes stock goes negative, and the script crashes on some files."

De klant en alle details zijn verzonnen.

Over deze dienst

Front-end JavaScript faalt op stille manieren: een event listener die twee keer is toegevoegd, een fetch-aanroep zonder foutafhandeling, een vergelijking met == die de verkeerde waarde doorlaat, of een variabele die in de globale scope lekt. Wij lezen je scripts, leggen uit wat er draait bij het laden van de pagina en bij een klik van de gebruiker, en markeren de bugs en kwetsbare plekken. Oplossingen komen als gecorrigeerde fragmenten in modern JavaScript, met uitleg waarom ze veiliger zijn.

Wat is inbegrepen

  • Wat je krijgtEen schriftelijke review op de bestelpagina met de volgorde waarin je code draait, een lijst met problemen op belang en gecorrigeerde fragmenten met let en const, async en await en duidelijke afhandeling van events. Premium voegt een kort plan toe van wat je het eerst moet herstructureren.
  • Consolefouten uitgelegdWat de melding echt betekent
  • Events en de DOMListeners, selectors, timing
  • Asynchrone codePromises, fetch en foutafhandeling
  • Moderne syntaxislet en const, === en modules
  • Gecorrigeerde fragmentenMet een toelichting bij elke wijziging

Hoe het werkt

  1. 1
    BriefingJe plakt de scripts en consolefouten
  2. 2
    LezenWij volgen wat er wanneer draait
  3. 3
    ReviewJe ontvangt de problemen en verbeterde code

Wat we van je nodig hebben

De JavaScript en de bijbehorende HTML als geplakte tekst of screenshots, de browser waarin het faalt, wat er moet gebeuren en eventuele fouten uit de browserconsole.

We vragen je:

  • Gebruik je gewoon JavaScript of een bibliotheek?
  • In welke browser komt het probleem voor?
  • Wat moet er op de pagina gebeuren en wat gebeurt er in plaats daarvan?
  • Zijn er fouten in de browserconsole?

Pakketten vergelijken

BasisScript tot 100 regels€ 14StandaardFront-endcode tot 400 regels€ 32PremiumTot 1.000 regels met een opruimplan€ 62
Levertijd1 dag2 dagen3 dagen
Revisies123
Regels codetot 100tot 400tot 1.000
Gecorrigeerde fragmentenJaJaJa
OpruimplanNeeNeeJa
BestellenBestellenBestellen

Betaalbescherming

Je betaalt bij het bestellen, maar het geld wordt alleen vrijgegeven voor goedgekeurd werk.

  • Vaste prijsDe prijs van het pakket verandert niet meer nadat je hebt betaald.
  • Het geld wordt gereserveerdBij betaling wordt het bedrag alleen gereserveerd. Het gaat pas naar de dienst als je het werk goedkeurt.
  • Gecontroleerd vóór leveringElk resultaat doorloopt een kwaliteitscontrole voordat het bij jou komt, en je ziet het op de bestelpagina voordat je het goedkeurt.
  • Gratis revisiesVraag wijzigingen binnen je briefing aan, zo vaak als het pakket toestaat.
  • Goedkeuring na 3 dagenKeur je het werk binnen 3 dagen na levering niet goed en vraag je ook geen wijzigingen, dan wordt het automatisch goedgekeurd. Schrijf je na levering in de chat van de bestelling, dan wacht de bestelling; zodra we hebben geantwoord, kunnen we de 3 dagen opnieuw laten ingaan en melden we dat in de chat.
  • Opnieuw doen of volledige terugbetalingPast het resultaat niet bij je briefing en hebben de revisies dat niet opgelost, of duurt het werk meer dan twee keer zo lang als de levertijd, schrijf dan in de chat van de bestelling: we doen het werk opnieuw of betalen het volledige bedrag terug.
Hoe het werkt →

Vragen en antwoorden

Voeren jullie mijn code uit?

Nee. Wij lezen hem zorgvuldig en redeneren over hoe hij zich gedraagt, maar voeren hem niet uit, dus test elke voorgestelde oplossing in je eigen project.

Kunnen jullie in plaats daarvan naar mijn live pagina kijken?

Plak de code zelf. Wij beoordelen wat je stuurt en loggen niet in op je site of hosting.

Beoordelen jullie hier ook React- of Vue-code?

Voor React-componenten is er een aparte review gericht op hooks en re-renders. Gewoon JavaScript, jQuery en kleine bibliotheken passen hier het best.

Staat je antwoord er niet bij?

Bestellen · € 32· ~15 min