===== Deník kroužku 2017/2018 =====

 ==== 19.září 2017 ====
{{ :krouzek:plus23_1p.gif?200|}}
  * 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ý ?// 
  * [[krouzek:osnova|Plán kroužku]], očekávání
  * HTML: o co jde? Značkování textu - význam

 ==== 26.září 2017 ====
  * Rébus: [[http://hadanky.chytrak.cz/?h=sasek-a-kral|šašek a král]]
  * HTML: základní elementy, obrázky - absolutní versus relativní cesta

 === 4.října 2017 ===
{{ :krouzek:nine-dots-puzzle.jpg?200|}}
  * 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

 === 11.října ====
  * Rébus: [[http://wallis.wz.cz/hadanky/prechod-pres-most/|cesta jeskyní]]
  * CSS: [[http://jecas.cz/css-selektory|selektory]], pozicování

=== 18.října ===
{{:krouzek:vlk_koza_zeli.png?direct&320 |Vlk, koza a zelí}} 
  * 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

 === 25. října ===
  * Funkce - knihovní ''Math.random()'', ''Math.round(0.3)'', ''Math.floor(1.7)''
  * Funkce - deklarace vlastní:
<code javascript>
 function kostka6(){
 return Math.floor(Math.random()*6)+1;
}
</code>

 === 1. listopadu ===
  * Rébus: [[http://hadanky.chytrak.cz/?h=kanibalove|Kanibalové]]
  * Aritmetika, [[https://www.w3schools.com/js/js_operators.asp|operátory]] a jejich [[http://knowyourmeme.com/memes/48293|pořadí]]
  * Proměnné
  * Příklad: funkce pracující s proměnnou (
<code javascript>
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");
</code>

=== 8.listopadu ===
  * vztah js kódu a obsahu stránky - DOM
 <code javascript>
var delkaCesty=document.getElementById('delkaCesty');
</code>
<code html>
<input type="number" id="delkaCesty">
</code>

=== 15.listopadu ===
  * [[uloha:slovni_uloha|vypsání odpovědi]]

=== 22.listopadu ===
  * Proměnné, aritmetika

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

=== 6.prosince ===
  * [[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


=== 13.prosince ===
  * HTML tabulka, navázání click event jednotlivých buněk

=== 20.prosince ===
  * [[krouzek:piskvorky|Úloha: piškvorky]]
 
=== 3.ledna ===
  * [[http://adasek.cz/monster2 Úloha: příšerka]] (hranice, //seamless world//)

=== 10.ledna ===
  * webové stránky, http protokol

=== 17.ledna ===
  * publikace vlastní html stránky (na webzdarma)

=== 24.ledna ===
  * [[krouzek:piskvorky|Úloha: piškvorky]] 

=== 31.ledna ===
  * [[krouzek:piskvorky|Úloha: piškvorky]] - vyhodnocovací funkce

=== 7.února ===
//(prázdniny)//

=== 14.února ===
  * [[krouzek:piskvorky|Úloha: piškvorky]] - dokončení vyhodnocovací funkce
 
=== 24.února ===
  * [[krouzek:piskvorky|Úloha: piškvorky]]

=== 28.února ===
  * [[krouzek:piskvorky|Úloha: piškvorky]] - Automatické generování herního pole

=== 7.března ===
  * [[krouzek:auticko|Úloha: auticko]]

=== 14.března ===
  * [[krouzek:auticko|Úloha: auticko]]

=== 21.března ===
  * [[krouzek:auticko2|Úloha: auticko - rychlost]]
 



=== 11. dubna ===
  * [[krouzek:auticko3|Úloha: auticko - otáčení a rychlost]]


=== 23. května ===
<code javascript>
var vzdalenost=Math.sqrt( (x1-x2) * (x1-x2) + (y1-y2)*(y1-y2) )
</code>


=== 6. června ===
  * Opakování:
  * Úloha: průchod adresářem (v javascriptu v node js) :
[[https://stackoverflow.com/questions/2727167/how-do-you-get-a-list-of-the-names-of-all-files-present-in-a-directory-in-node-j| zdroj]]
<code javascript>
const testFolder = './tests/';
const fs = require('fs');

fs.readdirSync(testFolder).forEach(file => {
  console.log(file);
})
</code>
<code javascript>
if (/\.jpg$/.test(file)){
 console.log("Nalezen obrazek "+file)
}
</code>


=== todo ===
  * [[http://www.kevs3d.co.uk/dev/scratchpad/]]