• Poučení o bezpečnosti,
• Rébus: Jak rozdělit ciferník hodin dvěma přímkami na tři části tak, aby součet čísel ve všech částech byl stejný ?
• Plán kroužku, očekávání
• HTML: o co jde? Značkování textu - význam

• Rébus: šašek a král
• HTML: základní elementy, obrázky - absolutní versus relativní cesta

• Rébus: Thinking out of the box: spoj všechny tečky nepřerušovaným tahem s maximálně třema zalomeními (tj. čtyřmi navazujícími úsečkami)
• CSS: základ syntaxe, barvy, styl písma

• Rébus: cesta jeskyní
• CSS: selektory, pozicování

• Rébus: Vlk, koza a zelí
• Javascript: hello world ve stránce
• Javascript: Základy syntaxe: proměnné, aritmetika, pořadí operací
• Datové typy, funkce pro práci s čísly, řetězci

• Funkce - knihovní Math.random(), Math.round(0.3), Math.floor(1.7)
• Funkce - deklarace vlastní:

 function kostka6(){
 return Math.floor(Math.random()*6)+1;
}

• Rébus: Kanibalové
• Aritmetika, operátory a jejich pořadí
• Proměnné
• Příklad: funkce pracující s proměnnou (

var delkaCesty=8;
var rychlostMyslivce=4;
var rychlostZeny=4;
var rychlostPsa=10;
 
//vypocteni casu za ktery se setkaji myslivec a zena
var cas= delkaCesty   /  (rychlostMyslivce+rychlostZeny);
 
var drahaPsa = cas * rychlostPsa;
 
/*
  Vypsani odpovedi slovni ulohy
*/
console.log("Pes ubehl "+drahaPsa+"km");

• vztah js kódu a obsahu stránky - DOM

var delkaCesty=document.getElementById('delkaCesty');

<input type="number" id="delkaCesty">

• vypsání odpovědi

• Proměnné, aritmetika

• Ovlivňování HTML stránky: načtení proměnné z .value, vypsání odpovědi do .innerHTML

• http://adasek.cz/monster2 Úloha: příšerka
• setTimeout a requestAnimFrame pro vytvoření smyčky
• Pohyb absolutně pozicovaného elementu pomocí .style.top a style.left
• Napojení stisku kláves

• HTML tabulka, navázání click event jednotlivých buněk

• Úloha: piškvorky

• http://adasek.cz/monster2 Úloha: příšerka (hranice, seamless world)

• webové stránky, http protokol

• publikace vlastní html stránky (na webzdarma)

• Úloha: piškvorky

• Úloha: piškvorky - vyhodnocovací funkce

(prázdniny)

• Úloha: piškvorky - dokončení vyhodnocovací funkce

• Úloha: piškvorky

• Úloha: piškvorky - Automatické generování herního pole

• Úloha: auticko

• Úloha: auticko

• Úloha: auticko - rychlost

• Úloha: auticko - otáčení a rychlost

var vzdalenost=Math.sqrt( (x1-x2) * (x1-x2) + (y1-y2)*(y1-y2) )

• Opakování:
• Úloha: průchod adresářem (v javascriptu v node js) :

zdroj

const testFolder = './tests/';
const fs = require('fs');
 
fs.readdirSync(testFolder).forEach(file => {
  console.log(file);
})

if (/\.jpg$/.test(file)){
 console.log("Nalezen obrazek "+file)
}

• http://www.kevs3d.co.uk/dev/scratchpad/