Basis > Tips and Tricks


Met nodum wordt het gemakkelijker om te kunnen programmeren, voor iedereen die enige kennis heeft van HTML, CSS en Javascript. In deze Tips en Tricks staan de basic instructies om aan de slag te kunnen zonder eerst de documentatie te lezen. Wil je meer informatie of staat hier niet bij wat je zoekt, zoek het dan op in de documentatie.

CODE

Coderen
Ga naar project, maak een map aan en maak daarin een bestand aan. En start met coderen.

Code stylen
In de texteditor ga je naar middenonder klik op “ CSS”.

Javascript toevoegen aan mijn code
In de texteditor ga je naar rechtsonder klik op “ JS”.

Plaatje toevoegen aan mijn project
Voeg het plaatje toe in de map Media, en roep het in je code aan met:
<img src="static/naamplaatje.bestandsextensie">, bijvoorbeeld:
<img src="static/ipub.png">

Ik wil de navbar/sidebar/footer tonen of weghalen
Ga naar instellingen (meest linkse kolom), en dan onder template staat het volgende:

[template]     
;   hasSidebar      = false 
;   hasNavbar       = true 
;   hasFooter       = true 

Wil je een sidebar/navbar/footer? Haal dan de ; weg, je ziet dat de code van grijs naar gekleurd gaat en verandere false in true.
Wil je niet een sidebar/navbar/footer? Plaats dan de ; er weer voor of verander true in false.

Linken naar een ander nodum bestand/pagina maken.
Dit doe je door de locatie binnen <a href></a> te plaatsen inclusief aanhalingstekens, waarbij je eerst de map benoemt waar het bestand instaat en vervolgens de bestandsnaam. In het onderstaande voorbeeld heet de map basis en het bestand sitemap.
<a href="https://documentatie.nodum.io/basis/sitemap"></a>of gebruik een twig syntax: <a href="https://documentatie.nodum.io/basis/sitemap"></a>

Wat zijn de sneltoetsen ook al weer?
Binnen je console, staat onderaan in de middelste kolom een toetsenbord icoontje, druk hierop en je krijgt een overzicht van de sneltoetsen/keyboard shortcuts.

Ctrl Z en Ctrl Y
Met de update van versie 2.1.0 is het mogelijk om CTRL Z (Ongedaan maken) en CTRL Y (Opnieuw toepassen) te gebruiken in een bestand, omgeacht device, of persoon. Dit betekent dat als je collega als laatste in het bestand "nieuw" zat en jij gaat daarna in het bestand "nieuw" en drukt op CTRL Z je zijn laatste wijzigingen ongedaan maakt. Maar wat ook werkt is als je op je werkpc aan het coderen en logt later thuis weer in op een andere computer laptop of tablet je alsnog CTRL Z kunt gebruiken in hetzelfde bestand. CTRL Z en CTRL Y werken nu ook als je van bestand wisselt, bijvoorbeeld van een Twig bestand naar .css en weer terug komt in een Twig bestand waarna je op CTRL Z drukt.


WEBVERSIE

Naar de webversie van mijn code
Als je in de text-editor bezig bent druk op “ctrl p” of op het icoon rechts (met een beeldscherm met een oog erin).

De pagina in een nieuw tabblad openen
“ctrl p” druk vervolgens op “open in een nieuw tabblad”

Het gehele project in een tabblad openen
Hover bij de editor over de naam van je project linksboven, naast het logo van je project (projectinstellingen) en klik op de groene snelkoppeling. Of druk op projectinstellingen klik vervolgens op 'open project'.

Mobile version van mijn project zien
Vink in de text-editor het mobile icoon aan en druk op “ctrl p”