Chceš se naučit, jak vytvořit moderní a atraktivní webové stránky, a zároveň proniknout do světa IT? V tomto kroužku si ukážeme, co je k tomu potřeba a jaké moderní technologie můžeme využít. Naučíme se kódovat v HTML a díky CSS dodáme našim webům pěkný design. Postupně přidáme animace a interaktivní prvky pomocí JavaScriptu. Během kroužku také objevíme další zajímavé programy, které se v praxi často používají. Na konci kroužku si každý účastník bude schopen vytvořit své vlastní webové stránky.

Na začátku kroužku se seznámíme více s počítačem a ukážeme si programy, které budeme během celého kroužku používat. Naučíme se, jak efektivně využívat internet v praxi. Většinu času se budeme věnovat značkovacímu jazyku HTML, který je základním kamenem všech webových stránek. Představíme si, jak se s ním pracuje a napíšeme si první řádky kódu. Po získání základních znalostí a vytvořením prvních jednoduchých a strohých stránek si postupně ukážeme stylovací jazyk CSS. Ten nám přidá do našich stránek design a budeme tak schopni si vytvořit webovou stránku se vším všudy. Ukážeme si, co je to moderní design a jak navrhnout webovou stránku. Poté přidáme do našich stránek i animace s interaktivními prvky pomocí JavaScriptu.

Se základy programování se seznámíme právě prostřednictvím JavaScriptu, jehož principy jsou podobné v mnoha jiných programovacích jazycích. Po celou dobu kroužku budou studenti dostávat podklady a materiály, ze kterých budou moci kdykoliv čerpat a mohou je tak využívat při tvorbě projektů ( úkolů ). Každý projekt, který si zadáme, si i společně zhodnotíme a vysvětlíme. Vždy si projdeme v kódu řádek po řádku, aby mohl každý student pochopit, jak to funguje. Cílem kroužku je, aby si každý účastník odnesl nejen hotové webové stránky, ale také cenné zkušenosti z oblasti IT, které se v dnešní době velmi hodí.

Naším hlavním pracovním nástrojem bude VisualCode, který je volně přístupný studentům i mimo kroužek. Je tedy možnost pokračovat v práci na projektech a samostudiu i ve volném čase, není to však nutné.

Po domluvě je možnost i tzv. otevřených hodin. Studenti se budou moci zeptat na cokoliv ohledně IT a rozhodnout, jaký zajímavý software nebo technologii si ukážeme. Příkladem může být PrusaSlicer a samotný 3D tisk, VR ( virtuální realita ) nebo například DaVinci Resolve pro editování videa.

1. Využití IT v praxi
2. Webové prohlížeče, Internet
3. Doména, URL, Server
4. Kódování v HTML a CSS
5. Design webových stránek (standardy UI a UX )
6. Moderní rozložení
7. Responzivita ( vytvoření webu pro mobilní telefon )
8. Základy programování v JavaScriptu
9. Frameworky