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 [2022/03/30 16:22] – 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
-  * [[https://adasek.cz/js/doku.php?id=krouzek:osnova|Plán kroužku]]
-  * 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 ====
+=== 22. září 2021 ===
-  * [[html:lekce|HTML: lekce]]
+  * Úvodní hodina, pravidla, poučení o bezpečnosti.
-  * [[krouzek:html_sablona|html šablona]]
+  * Co je javascript, vztah HTML, CSS a Javascriptu
-  * [[https://validator.w3.org/]]
+  * Plán kroužku
-==== 7.října ====
+=== 29. září 2021 ===
-  * //Koronavirové opatření, nekonáme se (zatím ani online)//
+  * Ukázky použití javascriptu ve webových stránkách
-  * Zkuste si doma vytvořit html stránku, třeba s tématikou vašeho koníčku.
+  * začátečníci: [[html:lekce|HTML: lekce]]
-  * 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í: samostatná práce - vytvoř si svůj [[html:vytvor_web|jednoduchý web]]
-  * S výsledkem se mi můžete pochlubit skrz email adam@adasek.cz
+=== 6. října ===
+  * [[https://i.imgur.com/RyaYe9C.jpg|HTML tahák]]
+  * [[ruzne_html|Různé html tagy]]
+  * [[progress|Tag progress]]
-==== 14.října ====
+=== 13. října ===
-  * //výuka proběhla na dálku//
+  * Vícesouborový web - linky mezi html, [[html:externi_soubor_css_js|připojení .css a .js]]
-  * 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;%%''
+=== 20. října ===
+  * [[krouzek:CSS|CSS]]
-==== 21.října ====
+// 🍃 27. října: podzimní prázdniny 🍂 //
-  * //výuka proběhla na dálku// na Skypu
-  * 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//
+=== 3. listopadu ===
+   * CSS selektory
-==== 4.listopadu ====
+=== 10. listopadu ===
-  * //výuka proběhla na dálku// na Skypu
+   * [[krouzek:promenne|proměnné]]
-  * Práce s [[krouzek:html_sablona|html šablonou]]
-  * CSS: opakování
-  * Javascript ve stránce - první krůčky (funkce //alert//, //confirm//)
-==== 11.listopadu ====
+// 🎉 17. listopadu: Den boje za svobodu a demokracii 🎉 //
-  * //na Skype//
-  * 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 ====
+=== 24. listopadu ===
-  * //na Skype//
+   * Jednoduché praktické (slovní) úlohy
-  * podmíněný kód - ''%%if%%'' ''%%else%%'' ''%%else if%%''
+   * [[krouzek:input2|vstup]] a výstup
-  * [[krouzek:uloha:zviratka|úloha: zvířátka]]
+=== 1. prosince ===
+   * formulář, [[documentGetElementById]]
-==== 25.listopadu ====
+=== 8. prosince ===
-  * //na Skype//
+   * [[otáčející se obrazec]], onmouseup a onmousedown
-  * podmínky, logika
-  * úvod do soustavy souřadné
-  * [[krouzek:uloha:obrazovka2020|úloha: obrazovka]]
-==== 2. prosince ====
+=== 15. prosince ===
-  * //na Skype//
+   * [[Pozicování příklad]]
-  * HTML element select
+   * [[Pozicování: stromek]]
-  * opakování: podmínky (if)
+   * Interakce skrz javascript, [[https://codepen.io/gben/pen/LERJOK|vánoční stromeček]]
-  * [[krouzek:uloha:vanocni_darky|úloha: vánoční dárky]]
-==== 9. prosince ====
+🎄 //vánoční prázdniny// 🎁 ❄️
-  * //na Skype//
-  * Představení programovacích her:
-    * [[https://www.codingame.com/]]
-    * [[https://js.checkio.org/]]
-    * [[https://alexnisnevich.github.io/untrusted/]]
-==== 16. prosince ====
+=== 5. ledna ===
-  * Cykly ''%%for%%'' a ''%%while%%''
+  * [[krouzek:animace|CSS animace a JS animace]]
-    * ú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)
-----
+=== 12. ledna ===
-🎄👪🎄 //vánoční prázdniny// ❄️☃️🎁
+  * [[krouzek:balonky|Hra: balónky]] - animace, kolize
+=== 19. ledna ===
+  * [[krouzek:balonky|Hra: balónky]]
-==== 6. ledna ====
+=== 26. ledna ===
-  * ''%%for%%'' cyklus
+  * [[krouzek:balonky|Hra: balónky]]
-    * [[krouzek:uloha:prvociselnost|zjištění prvočíselnosti]]
-==== 13. ledna ====
+=== 2. února ===
-  * pole (datová struktura), ''%%for%%'' cyklus
+  * [[krouzek:balonky|Hra: balónky]]
-  * [[krouzek:uloha:hledani_maxima|Hledání maxima v poli]]
-==== 20. ledna ====
+=== 9. února ===
-  * pole
+  * [[krouzek:balonky_pole|Balónky - pole]]
-  * [[krouzek:uloha:pole_hesel|Tajní agenti (pole hesel)]]
-==== 27. ledna ====
+=== 16. února ===
-  * Řetězce (strings)
+  * [[krouzek:pole_textarea_cisel|Pole čísel]]
-==== 3. února ====
+=== 23. února ===
-  * [[krouzek:pole|Úloha: karty]] (pole)
+  * [[krouzek:pole_textarea_cisel|Pole čísel]]
+  * [[krouzek:pole|Pole - karty]]
-==== 10. února ====
+  * [[https://www.w3schools.com/js/js_loop_for.asp|for cyklus]]
-  * Od pole k objektům: [[krouzek:slovniky|úloha tramvaje]]
-==== 17. února ====
+=== 2. března ===
-  * [[krouzek:slovniky|Úloha tramvaje]]: Počítání pomocným polem (čárky)
+  * [[krouzek:retezce|Funkce pro práci s textem (řetězci)]]
+// 🌱 🦔 9.3. - Jarní prázdniny 🌻 🌷//
-==== 3. března ====
+=== 16. března ===
-  * [[krouzek:objekty|Objekty]]
+  * [[krouzek:retezce_for|Řetězce - for cyklus]]
+=== 30. března ===
-==== 10. března ====
+  * [[krouzek:bludiste|Úloha bludiště]]
-  * [[krouzek:objekty_psi|Objekty: pejsci]]
-==== 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 ===
-  * JS DOM: průchod stromem (HTML stránky) - rekurzivní
-=== 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 ===
-  * Knihovna [[https://brm.io/matter-js/|Matter.js]]: [[krouzek:arcade volleyball]]
-=== 23.června ===
-  * Knihovny: dokončení
-  * Rekapitulace kroužku, rozloučení