Javascript tutorial

Gestart doorMaartenf15 reacties285 weergaven

16 berichten · pagina 1 van 2

Maartenf

Lid · Topicstarter

Berichten
1.684
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo iedereen,

In deze tutorial ga ik jullie de basis van Javascript leren...

COPYRIGHT

Deze tutorial heb ik zelf geschreven en deze mag niet gebruikt worden onder geen enkele voorwaarden tenzij je mijn toestemming hebt!

Je kan over alle rechten beschikken door mij 0.1 punt te geven yummie
Geschiedenis:

Javascript had vroeger de naam Livescript. Liverscript is Javascript geworden omdat de taal Java toen zeer populair was en Livescript was dat niet. Vandaar de naam: Javascript.

Benodigdheden:

Voor Javascript te programmeren heb je niet veel nodig:
-Kladblok (notepad) Dit programma is een standaard programma op windows.
(Natuurlijk kan je ook gewoon gebruikmaken van notepad++ of pastehtml maar in deze tutorial gebruiken we kladblok.
-Een basis kennis van Html!!!
Je kan niet beginnen als je geen kennis hebt van Html. Voor een goede html tutorial kan je gaan naar www.geldverdienenophetinternet.be
-Een gewone browser zoals Chrome, firefox, indernet explorer enz...

Wat is Javascript?

Javascript is een taal die je programmeert op het web. Met Javascript kan je paginas interactief maken. Javascript heeft geen database functies!

Les 1: Eerste script (waar plaats je Javascript, hoe werkt het, de basis functies enz...)

Als je een goede Html kennis hebt dan ken je dit al:

<html>
<head>

// Hier komt het Javascript gedeelte!

</head>
<body>
</body>
</html>


Jawel, het Javascript gedeelte komt tussen de en de tag.
Het begin en einde van Javascript is dit:

<script language="javascript">

// hier komen de functies enz...

</script>


Alles bij elkaar ziet dit er ongeveer zo uit:

<html>
<head>
<script language="javascript">
// code
</script>
</head>
<body>
</body>
</html>


Nu zullen we echt iets laten werken.
We gaan starten zoals in alle tutorials: het schrijven van "hello world!".
In Javascript kan je zo schrijven:

document.write("Hello world!");


Merk op dat elke functie een ";" op het einde heeft!
Tussen de "" kan je dan je tekst schrijven...

Alles samengevat:

<html>
<head>
<script language="javascript">
document.write("Hello world!");
</script>
</head>
<body>
</body>
</html>


Kijk naar de spoiler om het resultaat te zien:
Hello world!

En klaar...
Proficiat, je eerste script is af! In de volgende lessen gaan we door met alsmaar moeilijkere dingen.

Les 2: Variabelen

In deze les ga ik jullie uitleggen hoe je met variabelen werkt in Javascript...

Wat is een variabel?

Een variabel is een soort van doos die je een naam kan geven en waar je verschillende waarden in kan zetten...

Samengevat:

Onze doos is x
x = "dit is een doos";
We kunnen dit is een doos aanroepen daar gewoon

document.write(x);

te schrijven.

Nu gaan we pas echt beginnen met variabelen.
We weten nu wat een variabel is dus nu kunnen we verder gaan.
Enkele begrippen die je moet kennen.

-Getal
Een getal is bijvoorbeeld 1.345 of 1 of 14677 of ...

-String
Een string is tekst en wordt in Javascript altijd geschreven tussen "".

Oké, nu in de praktijk:

<html>
<head>
<script language="javascript">
var doos // definieert de variabel doos
doos = "ik ben een doos"; geeft aan de variabel de string: ik ben een doos
document.write(doos); // schrijft de variabel doos
</script>
</head>
<body>
</body>
</html>


var doos kan weggelaten worden...

Les 3 Operatoren

Wat zijn operatoren?

Operatoren zijn kort samengevat
+ om op te tellen
- om af te trekken
* om te vermenigvuldigen
/ om te delen
en nog veel meer...
(maar wij beperken ons tot 4 in deze tutorial)

in de praktijk:

<html>
<head>
<script language="javascript">
var getal
getal = 1;
document.write(getal*1);
</script>
</head>
<body>
</body>
</html>


Dit vermenigvuldigt 1 met 1.

Dit was het dan, deze tutorial loopt ten einde...
Als je iets niet snapt dan kan je me altijd een pm sturen of gewoon reageren op dit topic...
Veel succes nog met Javascript!

Donaten

Kan altijd biggrin
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Kan je de code even in
zetten? Dit is echt onleesbaar yummie
0
Maartenf

Lid · Topicstarter

Berichten
1.684
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Oké, ik zal dit direct doen! biggrin
0
Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Kan je misschien iets meer gevorderde tutorials maken?
0
Maartenf

Lid · Topicstarter

Berichten
1.684
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dat kan ik! smileMaar je hebt eerst de basis nodig om verder te gaan wink
0
Berichten
8.649
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Misschien kan je nog een js tut schrijven, als vervolg wink . Met javascript op een andere pagina die word aangeroepen ind ehead en met uitleg over werken met functions enz...
0
Berichten
115
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
nice wink
0
Maartenf

Lid · Topicstarter

Berichten
1.684
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
BUMP
0
Berichten
20.364
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Waarom bump je een tutorial... emo
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Hij staat hier ook al tussen.. Dus waarom bump?
0
Maartenf

Lid · Topicstarter

Berichten
1.684
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Om hem nog eens bovenaan te laten komen? yummieZo komen er meer mensen kijken naar deze tutorial.
0
Berichten
3.314
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Javascript tussen de head tags?????????????

Alleen je functies moeten tussen de head tags, de calls moet je gewoon in de body maken.

Verder wel goede tut
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
En waarom language en niet type?
En inderdaad, als je function name() { alert(hoi); } doet.. Moet het in de head, en als je alert(hoi); doet, in de body..
0
Maartenf

Lid · Topicstarter

Berichten
1.684
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik ben het zo gewoon, en inderdaad: javascript is niet mijn beste programmeertaal. bloos
0
Berichten
787
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dan is het ook niet handig om een tutorial te maken waar er al duizenden van zijn, vooral omdat dit zeer simpel materiaal is.
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren