Code conventions opstellen

[Nazneen05x]

4.1.2 Combineert principes, standaarden, best-practices en conventies op het gebied van frontend design en development en zet deze flexibel en onderbouwd in om een passende oplossing voor een opdrachtgever te realiseren.

FDND Agency

Ik loop stage bij FDND Agency. FDND Agency heeft hun eigen lijst met code conventies waaraan we moeten houden om de website van de opdrachtgever te ontwikkelen.

Code conventions

Bron

CSS conventions

Bron

Custom properties:

• Pseudo-Private Custom Properties
• Rijk kleurenpalet met custom properties

Responsive:

• Container queries (idth-based breakpoints,)
• Media queries (type, user-preferences, color, etc)

HTML conventions

Bron

SvelteKit conventions

Bron

JavaScript conventions

Bron

[Nazneen05x]

Workflow conventions

Write a good README.md

The Girl / Boy Scout Rule

• Refactoring: Verbeter de duidelijkheid en efficiëntie van code.
• Redundantie verwijderen: ongebruikte of redundante codesegmenten verwijderen.
• Hernoemen: Duidelijkere namen voor variabelen en functies.
• Logica vereenvoudigen: complexe logica of functies stroomlijnen.
• Documentatie: Opmerkingen of documentatie toevoegen om de leesbaarheid te verbeteren.

Bron

[Nazneen05x]

Commit strategy

Commit early and often, push once a day
"Committing often is very useful. It’s useful to commit every time you write code that you want to keep. You can even use temporary commits with messages such as "wip" (work in progress)."

Git emoji: https://gitmoji.dev/

[Nazneen05x]

Change log

Bron