Inhoudsopgave:
Video: Tutorial: De basis van coderen met processing - ABCoderen 2024
door Nikhil Abraham
Codering is gelijke delen vocabulaire, logica en syntaxis. Codering lijkt aanvankelijk intimiderend, maar met de praktijk is het gemakkelijk om vertrouwd te raken met de terminologie, concepten en structuur. Het begrijpen van coderen is niet hetzelfde als een nieuwe taal leren: gebruik het vaak genoeg en je zult merken dat je in staat bent om te spreken, te denken en te schrijven in code. Toch is het natuurlijk voor beginners om vragen te hebben. Er zijn veel coderingsbronnen voor u beschikbaar, zowel on- als off-line. Vraag rond en je zult merken dat je niet alleen bent - veel andere mensen leren. Coderen is immers een nooit eindigende opleiding. Beheers het ene facet of een ander en een nieuw opent zich voor je.
Codering Woordenschat
Coderen heeft een uitgebreide woordenschat die voor leken een ondoordringbaar technisch gebabbel kan lijken. Of u nu codeergerelateerd artikel online leest of met een ontwikkelaar op het werk spreekt, u kunt woorden horen die u nog niet eerder hebt gehoord of die een andere betekenis hebben in een coderingscontext. Hier zijn enkele algemene woorden voor woordenschat om te weten:
-
Algemene webontwikkelingstermen:
-
Server: Een computer die als host fungeert voor de websitecode en die de websitecode "dient" wanneer daarom wordt gevraagd door een "client" -computer. Servers zitten meestal in grote magazijnen met duizenden andere servers en zijn qua grootte en kracht vergelijkbaar met uw thuiscomputer.
-
Client: Een apparaat dat wordt gebruikt om toegang te krijgen tot een website, waaronder desktop- of laptopcomputers, tablets of mobiele telefoons.
-
Ontwerper: een artistieke professional die beslist hoe een website er uit zal zien en zich zal voelen, samen met de manier waarop gebruikers met de website omgaan - zoals klikken, vegen, scrollen enzovoort.
-
Wireframe: Een illustratie gemaakt door ontwerpers die de lay-outs, afbeeldingen en kleurenschema's van een website in detail weergeven.
-
Ontwikkelaar: Een technische professional die code schrijft om wireframes om te zetten in bruikbare websites. Op basis van het type geschreven code worden ontwikkelaars 'front-end', 'back-end' of 'full stack' genoemd.
-
Front-end: Alles wat u kunt zien en klikken in een browser. Front-end ontwikkelaars schrijven code in front-end-talen zoals HTML, CSS en JavaScript om het uiterlijk van de website te creëren.
-
Back-end: Alles wat achter de schermen gebeurt om de front-end naar behoren te laten functioneren. Back-end-ontwikkelaars schrijven code in back-end-talen zoals Ruby of Python om functionaliteit te creëren zoals inloggen bij gebruikers, gebruikersvoorkeuren opslaan en gegevens zoals opmerkingen over een foto ophalen.
-
-
Termen met betrekking tot front-end-talen:
-
* HTML ( Hypertext Markup Language ): Een taal die wordt gebruikt om tekst, afbeeldingen en andere inhoud op te plaatsen een webpagina.
-
HTML-tag: HTML-instructies, meestal in paren weergegeven. Browsers passen speciale effecten toe op tekst tussen een HTML-tag openen en sluiten. De tag
wordt bijvoorbeeld in een browser als een grote, vetgedrukte kop weergegeven en kan als volgt worden gebruikt:
Dewey beats Truman
. -
HTML-kenmerk: kenmerken of parameters voor HTML-tags die het gedrag van de tag wijzigen. Attributen worden altijd in de eerste HTML-tag geplaatst. Href is bijvoorbeeld het attribuut in de volgende ankertag (gebruikt om hyperlinks te maken):
Zoekmachine
-
CSS ( Cascading Style Sheets): code die HTML op webpagina's wijzigt en die de uiterlijk van inhoud door de tekstgrootte, afbeeldingsgrootte en andere kenmerken te wijzigen.
-
JavaScript: Code die interactiviteit en animatie toevoegt aan webpagina's. JavaScript detecteert ook browsergebeurtenissen zoals muisklikken, valideert gebruikersinvoer zoals tekstinvoeringen en haalt gegevens op van externe websites.
-
Variabele: Een opslaglocatie waaraan een naam is toegekend en die numerieke gegevens of tekst bevat (aangeduid met tekenreeksen ) voor later gebruik.
-
Als statement (voorwaardelijk): een code-instructie die een voorwaarde test die gewoonlijk variabelen bevat, zoals x <18, en code uitvoert die u schrijft wanneer de voorwaarde waar is.
-
Functie: Een naam die is gegeven aan een groep programmeerinstructies voor eenvoudige referentie en gebruik.
-
-
Termen met betrekking tot back-endtalen:
-
Ruby: Een open-source programmeertaal die vooral bekend is voor gebruik in webprogrammering.
-
Rails: Een framework ontworpen om het maken van webpagina's met Ruby eenvoudig te maken.
-
Python: Een open-source programmeertaal die wordt gebruikt op internet, in wetenschappelijke toepassingen en voor gegevensanalyse.
-
Coderingsreferenties en bronnen
HTML, CSS en JavaScript zijn de meest voorkomende front-end coderingstalen. De volgende tabel bevat enkele online bronnen, referenties en zelfstudies om u te helpen de drie talen te blijven oefenen.
-
W3Schools: referentiehandleidingen voor HTML, CSS en JavaScript
-
HTML-spiekbrief: meest gebruikte HTML-opdrachten
-
CSS-spiekbrief: meest gebruikte CSS-opdrachten
-
HTML-zelfstudies: zelfstudies en artikelen voor het web onderhouden door Google
-
CSS-zelfstudies: zelfstudies en artikelen voor webprogrammering, met de nadruk op CSS
-
JavaScript-zelfstudies: zelfstudies en naslaggidsen voor JavaScript
Gemeenschappelijke codeerfouten
Code werkt niet? Hier zijn enkele veelvoorkomende fouten die zelfs de meest ervaren codeur in de war kunnen brengen. Als uw code niet wordt weergegeven, probeert u deze controlelijst uit te voeren om te zien of u een van deze fouten heeft:
-
Geen afsluitende HTML-tag na elke openingstag HTML-tag.
-
Ontbrekende haakjes
in HTML. -
Ontbrekende accolades, dubbele punten of puntkomma's in CSS, zoals in het volgende:
h1 {color: blue;}
-
Ontbrekende accolades in JavaScript, met name voor if-instructies.
-
Vergeten een paar afsluitende quotes te hebben voor elk open paar aanhalingstekens.
-
Met meer dan één openings- en sluittag, tag of tag.
-
HTML-code in het CSS-bestand of -gedeelte plaatsen en CSS-code in de HTML-sectie plaatsen. Als de code stijl en uiterlijk betreft, is dit waarschijnlijk CSS.
-
Geen koppeling maken met uw CSS-bestand met de tag, zodat uw CSS-effecten niet worden weergegeven in de browser.
-
Verkeerde spelling van een deel van een opdracht, zoals in
, wat niet klopt omdat het attribuut src not scr is gespeld. -
Inclusief kenmerken buiten de HTML-openingsopeningstag. Bijvoorbeeld
src = "logo. jpg "is onjuist omdat het attribuut buiten de openingstag van de afbeelding valt.