MACOTO[DEV]

HTML5

HTML5

HTML5 (HyperText Markup Language) je nejnovější verze značkovacího jazyka, který se používá pro strukturování a prezentaci obsahu webových stránek. Je to základní stavební prvek webu a poskytuje prostředky pro definování a organizaci různých prvků na stránce, jako jsou text, obrázky, videa, odkazy a formuláře.

• 1. Strukturování obsahu: Schopnost správně používat značky HTML pro strukturování obsahu webové stránky, jako jsou nadpisy, odstavce, seznamy, odkazy a obrázky.
• 2. Formuláře a vstupní prvky: Znalost vytváření formulářů a používání různých vstupních prvků, jako jsou textová pole, zaškrtávací políčka, tlačítka a výběrové seznamy.
• 3. Odkazy a navigace: Schopnost vytvářet odkazy mezi stránkami a používat atributy pro otevírání odkazů v novém okně nebo v nové záložce.
• 4. Obrázky a multimédia: Znalost vkládání obrázků a práce s atributy pro nastavení velikosti, alternativního textu a responzivního chování.
• 5. Sémantika: Porozumění významovým značkám v HTML5, pro jasnější strukturování a interpretaci obsahu stránky.
• 6. Integrace s CSS a JS: Porozumění způsobům propojení HTML s kaskádovými styly CSS pro aplikování vzhledu a designu na stránky na napojení scriptů.

CSS3

CSS3

CSS (Cascading Style Sheets) je značkovací jazyk používaný pro stylizaci webových stránek. Jeho hlavním účelem je definovat vzhled, formátování a prezentaci obsahu na webových stránkách. S pomocí CSS můžete upravit barvy, písma, velikosti, uspořádání a další vizuální vlastnosti prvků na stránce.

• 1. Selektory: Porozumění selektorům v CSS3, jako jsou elementové selektory, třídy, ID, pseudo-třídy a pseudo-elementy pro cílení specifických prvků na stránce.
• 2. Vlastnosti a hodnoty: Znalost různých vlastností a hodnot v CSS3 pro úpravu stylu prvků, včetně vzhledu (barva, pozadí, rámečky), rozložení (poloha, velikost, zarovnání) a animace.
• 3. Flexbox: Schopnost používat flexbox v CSS3 pro vytváření responzivních a flexibilních rozložení prvků na stránce.
• 4. Grid: Znalost CSS Gridu pro vytváření komplexních mřížek a uspořádání prvků na stránce.
• 5. Přechody a animace: Schopnost vytvářet plynulé přechody a animace mezi různými stavy prvků pomocí vlastností CSS3, jako jsou transition a keyframes.
• 6. Media Queries: Porozumění použití media queries v CSS3 pro vytváření responzivního designu a přizpůsobení stylu stránky různým zařízením a velikostem obrazovek.

JavaScript

JavaScript

JavaScript je univerzální programovací jazyk pro webové stránky a interaktivní aplikace. Znalost JavaScriptu je klíčová pro vývoj dynamických a interaktivních funkcionalit na stránkách.

• 1. Syntaxe a základy: Porozumění syntaxi JavaScriptu, včetně proměnných, datových typů, podmínek, smyček a funkcí.
• 2. Manipulace s DOM: Znalost práce s Document Object Model (DOM) pro interakci s HTML a CSS na stránce, manipulaci s elementy, přidávání událostí a změnu obsahu stránky.
• 3. Práce s událostmi: Znalost zachytávání a zpracování událostí na stránce, jako jsou kliknutí, odeslání formuláře, klávesové zkratky a další interakce uživatele.
• 4. Manipulace s daty: Schopnost práce s daty v JavaScriptu, včetně řetězců, čísel, polí, objektů a JSON formátu.

Git & GitHub

Git & GitHub

Verzovací systém Git a platforma GitHub hrají klíčovou roli v procesu vývoje softwaru a správy kódu. Git je distribuovaný verzovací systém, který umožňuje sledovat a spravovat změny v kódu, zatímco GitHub je webová platforma, která poskytuje služby pro hostování a sdílení repozitářů Git.

• 1. Inicializace repozitáře: Schopnost vytvořit nový Git repozitář v existujícím projektu a inicializovat sledování změn.
• 2. Commit a verzování: Porozumění základnímu konceptu commitu a schopnost vytvářet a spravovat změny v kódu pomocí commitů.
• 3. Větve (branches): Znalost práce s větvemi v Gitu, včetně vytváření nových větví, přepínání mezi nimi a sloučení (merge) větví.
• 4. Řešení konfliktů: Schopnost identifikovat a vyřešit konflikty, které vzniknou při sloučení změn z různých větví.
• 5. Synchronizace s vzdáleným repozitářem: Znalost připojení repozitáře k GitHubu, nastavení vzdáleného originu a stahování (pull) nebo odesílání (push) změn mezi lokálním a vzdáleným repozitářem.

Frameworks

Bootstrap & Angular

Naučíte se pracovat a používat frameworky Bootstrap & Angular. Bootstrap je framework pro vývoj responzivních a moderních webových stránek, zatímco Angular je výkonný framework pro vytváření jednostránkových aplikací.

• 1. Porozumění základním konceptům knihoven a práce s knihovnami, import do projektu.
• 2. Struktura projektu: Schopnost správně organizovat a strukturovat projekt, včetně komponent, služeb, modulů a routování.

Deploy

Vdechni svému webu život

Při nasazení (deploy) webové stránky je důležité získat znalosti o webhostingu a doméně. Webhosting se týká poskytování místa na serveru, kde bude stránka uložena a dostupná online. Znalostí o webhostingu je potřeba pro výběr vhodného poskytovatele, konfiguraci serveru a správu stránky.

Další klíčovou součástí je doména, což je adresa, kterou uživatelé používají k přístupu na stránku. Znalostí o doménách je potřeba pro registraci domény, konfiguraci DNS záznamů a správu doménových emailů.

• 1. Výběr vhodného webhostingu: Porozumění různým typům hostingových služeb (sdílený hosting, VPS, dedikovaný server), zvážení dostupnosti, výkonu, bezpečnosti a podpory.
• 2. Konfigurace domény: Schopnost zaregistrovat doménu, správně nastavit DNS záznamy a propojit doménu s webovým serverem.
• 3. Zabezpečení: Pochopení základních principů zabezpečení webových stránek, včetně SSL certifikátů, firewallů a aktualizací softwaru.