Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- krouzek:denik [2021/06/23 14:14] – admin
+++ krouzek:denik [2024/03/14 08:17] – admin
@@ Řádek 1: / Řádek 1: @@
 //Deníky předchozích ročníků naleznete v [[archiv:krouzek:deniky|archivu]].//
-==== 23.září 2020 ====
-  * Poučení o bezpečnosti a pravidlech
+=== 27. září 2023 ===
-  * [[https://adasek.cz/js/doku.php?id=krouzek:osnova|Plán kroužku]]
+  * Úvodní hodina, poučení o bezpečnosti.
-  * Javascript v kontextu [[http://www.rosettacode.org/wiki/Rosetta_Code|jiných programovacích jazyků]]
   * Seznámení s účastníky
-  * První seznámení s Javascriptem - v konzoli prohlížeče
-  * Další zdroje: [[https://www.w3schools.com/js/default.asp|W3Schools]]
-==== 30.září 2020 ====
+=== 4. října ===
-  * [[html:lekce|HTML: lekce]]
+  * Pokročilí: samostatná [[krouzek:uloha:transformace_textu|úloha transformace textu]]
-  * [[krouzek:html_sablona|html šablona]]
+  * Začátečníci: základy syntaxe - proměnné a přiřazení
-  * [[https://validator.w3.org/]]
-==== 7.října ====
+=== 11. října ===
-  * //Koronavirové opatření, nekonáme se (zatím ani online)//
+  * Začátečníci: [[krouzek:html_sablona|Script ve webové stránce]], uložení na filesystém, sdílení
-  * Zkuste si doma vytvořit html stránku, třeba s tématikou vašeho koníčku.
+  * Pokročilí1: [[krouzek:git|Nainstalujte si GIT]]
-  * Použijte [[html:lekce|zápis z minula]], [[https://www.w3schools.com/html/|W3Schools/html]] a výslednou stránku si zkontrolujte [[https://validator.w3.org/|validátorem]]
+  * Pokročilí2: [[krouzek:nodejs|Nodejs a CLI programy]]
-  * S výsledkem se mi můžete pochlubit skrz email adam@adasek.cz
+=== 18. října ===
+  * Začátečníci: [[krouzek:html|HTML]], sémantika, [[https://validator.w3.org|validace]]
+  * Pokročilí: [[krouzek:uloha:sachy1|úloha: šachy]] ([[krouzek:uloha:sachy-css|css selektor]])
-==== 14.října ====
+=== 25. října ===
-  * //výuka proběhla na dálku//
+  * Začátečníci: [[krouzek:css_2023|CSS]]
-  * CSS - kaskádové styly
-  * {{ :krouzek:css_sablona.zip |testovací html soubor}}
-  * [[https://developer.mozilla.org/en-US/docs/Web/CSS/Reference | CSS referenční seznam]]
-  * Zápis CSS, základní selektory - ''%%tag%%'', ''%%.trida%%'', ''%%#identifikator%%''
-  * CSS na textu: vlastnosti:
-    * ''font-size'' (hodnoty např. ''%%45px%%'' nebo ''%%2em%%'')
-    * ''font-family'' (např. ''%%"Times New Roman", Sans-Serif%%''
-    * ''font-weight'' (např. ''%%bold%%'' nebo ''%%500%%'' nebo ''%%900%%'')
-    * ''font-style'' (např. ''%%italic%%'')
-    * ''color'' (např  ''%%#ff3300%%'' nebo ''%%red%%'' nebo ''%%rgb(255, 0 , 120)%%'')
-    * ''text-align'' (např. ''%%left%%'' nebo ''%%center%%'')
-    * ''text-decoration'' (např. ''%%underline%%'')
-    * ''text-shadow'' (např ''%%#FC0 1px 0 10px;%%''
+=== 1. listopadu ===
+  * Začátečníci: [[krouzek:css_2023|CSS]], [[krouzek:css_text|formátování textu]], [[https://www.csszengarden.com|CSS Zen Garden]]
+  * Pokročilí: [[krouzek:expressjs|ExpressJS API aplikace]]
-==== 21.října ====
+=== 8. listopadu ===
-  * //výuka proběhla na dálku// na Skypu
+  * [[CSS pozicování]], [[https://css-tricks.com/snippets/css/a-guide-to-flexbox/|Guide to Flexbox]]
-  * opakování z minula - [[https://adasek.cz/js/lib/exe/fetch.php?media=krouzek:web-cil.png|napodobte vzhled textu]]
-  * blokové versus řádkové prvky (vlastnost ''display'':''block'' nebo ''inline'')
-  * obtékání vlastností ''float'':''left'' nebo ''right'')
-  * [[https://www.jakpsatweb.cz/css/position.html|CSS pozicování: vlastnost]]''position'', hodnoty ''%%normal%%'', ''%%relative%%'', ''%%absolute%%'', ''%%fixed%%''
-  * Vlastnosti ''width'' (šířka), ''max-width'' (obdobně ''height'' a ''max-height''), délkové jednotky (''px'', ''em'', ''cm'', ''%'')
-  * Jednoduchý klasický css layout se sloupečkem
-  * Moderní webdesign: [[https://css-tricks.com/snippets/css/a-guide-to-flexbox/|Flexbox]], přizpůsobování různým displejům (testujte na mobilech!)
-//28. října - státní svátek a podzimní prázdniny, nekonáme se//
+=== 15. listopadu ===
+  * CSS pozicování: absolutní pozice příklad
-==== 4.listopadu ====
+=== 22. listopadu ===
-  * //výuka proběhla na dálku// na Skypu
+  * [[krouzek:animace_2023|Animace pomocí javascriptu]]
-  * Práce s [[krouzek:html_sablona|html šablonou]]
-  * CSS: opakování
-  * Javascript ve stránce - první krůčky (funkce //alert//, //confirm//)
-==== 11.listopadu ====
+=== 29. listopadu ===
-  * //na Skype//
+  * [[krouzek:setTimeout_setInterval_DOM|setTimeout, setInterval a DOM]]
-  * Začneme se [[krouzek:sablona_formular|Šablona s formulářem]]
-  * Přístup k html prvkům pomocí ''%%var prvek = document.getElementById("identifikator_prvku")%%''
-  * Ovlivňování jejich stavu: ''%%prvek.value="abc"%%'' pro formulářové prvky, ''%%prvek.innerHTML="Hodnota <br>s html kódem"%%''
-  * Cíl práce: na šabloně vytvořit jednoduchou **kalkulačku**
-==== 18.listopadu ====
+=== 6. prosince ===
-  * //na Skype//
+  * [[krouzek:setTimeout_setInterval_DOM|setTimeout, setInterval a DOM]] - pokračování
-  * podmíněný kód - ''%%if%%'' ''%%else%%'' ''%%else if%%''
-  * [[krouzek:uloha:zviratka|úloha: zvířátka]]
+=== 13. prosince ===
+  * [[krouzek:button_onclick|Button a onclick event]]
-==== 25.listopadu ====
+=== 20. prosince ===
-  * //na Skype//
+  * [[krouzek:vanocni_uloha|Vánoce: opakování pozicování, setTimeout, setInterval, CSS]]
-  * podmínky, logika
-  * úvod do soustavy souřadné
-  * [[krouzek:uloha:obrazovka2020|úloha: obrazovka]]
-==== 2. prosince ====
+=== 3. ledna ===
-  * //na Skype//
+  * [[krouzek:vanocni_uloha|Vánoce: opakování pozicování, setTimeout, setInterval, CSS]]
-  * HTML element select
-  * opakování: podmínky (if)
-  * [[krouzek:uloha:vanocni_darky|úloha: vánoční dárky]]
-==== 9. prosince ====
+=== 10. ledna ===
-  * //na Skype//
+  * [[krouzek:vstup_a_podminky|Vstup z fomuláře, podmínky]]
-  * Představení programovacích her:
-    * [[https://www.codingame.com/]]
-    * [[https://js.checkio.org/]]
-    * [[https://alexnisnevich.github.io/untrusted/]]
-==== 16. prosince ====
-  * Cykly ''%%for%%'' a ''%%while%%''
-    * úloha: řada násobků 3
-    * úloha: rozbijte prohlížeč (nekonečný cyklus)
-    * úloha: vygenerovat řadu: //mám 1 husu, 2 husy, 3 husy, 4 husy, 5 hus ...// (podmínky uvnitř cyklu)
-    * úloha*: tabulka malé násobilky (vnořený for cyklus)
-----
-🎄👪🎄 //vánoční prázdniny// ❄️☃️🎁
-==== 6. ledna ====
-  * ''%%for%%'' cyklus
-    * [[krouzek:uloha:prvociselnost|zjištění prvočíselnosti]]
-==== 13. ledna ====
-  * pole (datová struktura), ''%%for%%'' cyklus
-  * [[krouzek:uloha:hledani_maxima|Hledání maxima v poli]]
-==== 20. ledna ====
-  * pole
-  * [[krouzek:uloha:pole_hesel|Tajní agenti (pole hesel)]]
-==== 27. ledna ====
-  * Řetězce (strings)
-==== 3. února ====
-  * [[krouzek:pole|Úloha: karty]] (pole)
-==== 10. února ====
+=== 17. ledna ===
-  * Od pole k objektům: [[krouzek:slovniky|úloha tramvaje]]
+  * [[krouzek:vstup_a_podminky|Vstup z formuláře]], čísla a práce s nimi, syntaktická intuice
-==== 17. února ====
+=== 24. ledna ===
-  * [[krouzek:slovniky|Úloha tramvaje]]: Počítání pomocným polem (čárky)
+  * [[krouzek:podminky_a_logika|Podmínky a logika]]
+=== 31. ledna ===
+  * [[krouzek:podminky_a_logika|Podmínky a logika]] - začátečníci úloha teploměr
+  * pokročilí kombinatorika
-==== 3. března ====
-  * [[krouzek:objekty|Objekty]]
+//🌱 7. února jsou na Praze 2 jarní prázdniny, kroužek se nekoná! 🌱//
+=== 14. února ===
+  * podmínky, logika
-==== 10. března ====
+=== 21. února ===
-  * [[krouzek:objekty_psi|Objekty: pejsci]]
+  * Úloha: řazení dvou a třech pevků - podmínky, logika
-==== 17. března ====
-  * [[krouzek:auticko| úloha autíčko]]
-==== 24. března ====
-  * [[krouzek:auticko| úloha autíčko]] - odvození vzorečku pro otáčení autíčka
-==== 31. března ====
-  * [[krouzek:auticko| úloha autíčko]] - vstup z klávesnice
-🎀🥚🐣 Velikonoční víkend 🍫🐇🎀
-==== 7. dubna ====
-  * [[krouzek:auticko_akcelerace| úloha autíčko]] - akcelerace
-  *
-==== 14. dubna ====
-  * [[krouzek:auticko_objekty| úloha autíčko]] - další objekty
-==== 21. dubna ====
-Suplování Martin
-==== 28. dubna ====
-  * [[krouzek:auticko_kolize| úloha autíčko]] - kolize
-=== 5.května ===
-  * [[krouzek:json| JSON]]
-=== 12.května ===
-  * JSON: pokračujte se [[krouzek:json| seznamem zastávek]] z minula, nebo si zkuste úlohu s [[krouzek:json_lexikon_zvirat|Lexikonem zvířat]]
-=== 19.května ===
-Úloha: [[krouzek:uloha:sirky|hra tahání zápalek]]
-=== 26.května ===
-Již ve stanici
-  * JS DOM, [[uloha:element|Elementy]], [[uloha:removeChild|removeChid]]
-=== 2.června ===
+=== 28. února ===
-  * JS DOM: průchod stromem (HTML stránky) - rekurzivní
+  * [[krouzek:pole|Pole - datová struktura]] obsahující více prvků "za sebou" (seřazených)
-=== 9.června ===
-  * Použití knihoven: Co je v programování knihovna?
-  * Použití knihovny [[https://brm.io/matter-js/|Matter.js]] k simulování fyziky: {{ :krouzek:matter.zip |příklad}}.
-=== 16.června ===
+=== 6. března ===
-  * Knihovna [[https://brm.io/matter-js/|Matter.js]]: [[krouzek:arcade volleyball]]
+  * Pole
+  * Datová struktura [[https://cs.wikipedia.org/wiki/Fronta_(datov%C3%A1_struktura)|fronta]] a [[https://cs.wikipedia.org/wiki/Z%C3%A1sobn%C3%ADk_(datov%C3%A1_struktura)|zásobník]].
+  * Funkce [[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push|push]], [[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop|pop]], [[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/shift|shift]], [[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift|unshift]]
-=== 23.června ===
+=== 13. března ===
-  * Knihovny: dokončení
+  * Úloha: uložení uživatelského vstupu (z input) do pole a jeho zobrazení
-  * Rekapitulace kroužku, rozloučení