Science: september 2019

woensdag 18 september 2019

BB: Javascript

Javascript is geen Java!

Console weergeven:

	Windows	MacBook	ChromeBook
Firefox	Ctrl+Shift+K	Ctrl+Option+K
Chrome	Ctrl+Shift+J	Ctrl+Option+J	Ctrl+Alt+T

werkt het niet? Ga dan naar: https://jsconsole.com/

handig voor:

snelle probeersels
kijken of er iets fout gaat in het programma

Typ eens in:

2*3
6/2
3+4
zin="hallo"  -->zin is hier een variabele
zin+"!"      --> met + plak je tekst aan aan elkaar
zin.replace("h","b")
zin.length
zin.toUpperCase() --> let op de juiste hoofdletters!
zin.substring(1,3)

Zie ook strings in W3schools

Javascript weet veel over de website waar het zich bevindt:


Date()
alert("hallo")
document.title
document.URL
document.write("hallo")

Code die je eerst in de html plakte, kan nu ook in een Javascript functie, in een <script> blok

gebruik javascript om tekst te maken:

interessante links:
Scratch vs. Javascript

w3schools
javascript leren (nederlands)
jsforcats

woensdag 11 september 2019

BB: html: knoppen en beweging

Chromebook: gebruik "Text"

Bewegende teksten

meer informatie over bewegende elementen

Knoppen

opdrachten:

probeer de nieuwe opties uit
probeer combinaties te maken: kan je plaatje/tabel/button laten bewegen?

donderdag 5 september 2019

BB: html: tabellen en plaatjes

planning tot herfstvakantie:
5 september:    html: tabellen en plaatjes
12 september: html: animaties
19 september: javascript: getallen en knoppen
26 september: -studiedag-
3 oktober:        javascript: plaatjes en tekeningen
10 oktober:      javascript: spelletjes

bestanden opslaan met chromeboek: notepad++ met chromebook
heb je windows, maar mag je niets installeren: Notepad

laatste redmiddel: online editor, html mailen naar jezelf

Lettertypes en speciale karakters

<font size="1">kleine tekst</font>

kleine tekst

<font size="7" color="purple">grote paarse tekst</font>

grote paarse tekst

<font face="Comic Sans MS">lettertype Comic Sans MS</font>

lettertype Comic Sans MS lijst van lettertypes

😄

&#128516; lijst met alle smileys

< >

&lt; &gt;

&amp;

Favicon

<html>
<head>
<title>
titel die op het tabblad te zien is
</title>
<link rel="shortcut icon"
 href="https://www.favicon-generator.org/download/*.ico">
</head>
<body>
</body>
</html>

favicon generator

Plaatjes

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/The_Earth_seen_from_Apollo_17.jpg/240px-The_Earth_seen_from_Apollo_17.jpg"/>

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/The_Earth_seen_from_Apollo_17.jpg/240px-The_Earth_seen_from_Apollo_17.jpg"
 width="100" height="200"/>

Tabellen

<table border="1">
<tr>
<td>regel1,links</td><td>regel1,rechts</td>
</tr>
<tr>
<td>regel2,links</td><td>regel2,rechts</td>
</tr>
<tr>
<td colspan="2">regel3,samengevoegd</td>
</tr>
</table>

regel1,links	regel1,rechts
regel2,links	regel2,rechts
regel3,samengevoegd

woensdag 4 september 2019

OB: versnellen en vertragen

planning tot herfstvakantie:
5 september:    versnellen en vertragen
12 september: botsen
19 september: vallen
26 september: -studiedag-
3 oktober:        draaien
10 oktober:     zwieren