20Počítačová akademie STEP

7345000Zemích světa Poboček

Studentů

Počítačová akademie STEPPobočky

V RÁMCI KURZU SE NAUČÍTE:

itstep.org

Tréninkovýjaký by měl být** Jsme specialisté v IT.

Výukové aktivity - 144 akademických hodinSamostatná práce - 144 akademických hodinSoft Skills - 18 akademických hodinDoba trvání kurzu - 6 měsíců

STUDIJNÍ PROGRAM:

• Ovládat základy spolupráce s NodeJS. Vytvářet projektový montáž.

• Chápat do detailů použití Webpack.

• Rozumět struktuře aplikace Angular.

• Používat správné konstrukce Angular v závislosti od zadaného úkolu.

• Provádět vázání dat v aplikaci Angular. Používat Dependency Injection.

• Chápat do detailů realizace aplikace React.

• Používat Flux.

• Práci s formuláři. Použití základ HTML: značky, atributy a metody.

• Strukturovat obsah webových stránek pro vytváření formátovaných dokumentů.

• Používat základy CSS: hodnoty, seznamy, barvy, písma a další metriky formátování.

• Kontrolovat a ladit kódy webových dokumentů.

• Vytvořit obsah webových dokumentů s různou složitostí.

• Rychle a efektivně formátovat složité webové dokumenty.

• Pracovat se základními konstrukcemi jazyka JavaScript, jako jsou proměnné, podmínky, cykly, funkční pole atd.

• Používat OOP a jeho základní pojmy. Opravovat vzniklé chyby.

• Rozumět pojmům událostí, správce událostí. Vytvořit funkce správce různorodých událostí.

• Rozumět rozdílům mezi BOM a DOM a komunikovat s objekty BOM a DOM.

• Rozumět do detailů realizacím klientských plánů v různých prohlížečích.

• Znát principy tvorby forem a analýzy uživatelských dat pomocí regulárních výrazů.

• Uložit uživatelská data pomocí souborů cookie.

• Rozumět zvláštnosti použití HTML5 vůči JavaScriptu.

• Serializovat a analyzovat data pomocí JSON.

• Znát principy vytváření asynchronních požadavků pomocí Ajaxu.

• Porozumět návrhovým vzorům. Používat systémy pro řízení verzí.

• Znát principy týmové práce. Plnit testování jednotky.

FRONT-END

Česká republika

PrahaOpletalova 919/5,110 00 Nové Město+420 234 261 889E-mail: info@itstep.cz

BrnoVídeňská 546/55+420 607 007 977

Tvorba webových stránek na značkovacím jazyku HTML5 pomocí kaskádových tabulek stylů CSS3.

Úvod do webové technologie. Struktura HTML Formátování textu pomocí HTML

•  Úvod do problematiky značkovacího jazyka. Hypertextový značkovací jazyk HTML.

•  Struktura dokumentu HTML5•  Tagy - hlavní prvek struktury

HTML. Pravidla pro zápis tagů a jejich atributů do standardního HTML5. Syntaktické rozdíly HTML4, XHTML, HTML5.

•  Klasifikace tagů: lineární a blokové, logické a fyzické formátování.

•  Hlavní chyby v položkách tagů.•  Kódování stránek a značky

<meta>.•  Model formátování textu: záhlaví

a odstavce. Elementy <p>, <h1> .. <h6>. Zarovnání textu v prvcích bloku: atribut align.

•  Praxe: vytvoření nejjednodušší webové stránky

Formátování pomocí CSS. Seznamy. Odsazení a marže CSS

•  CSS - kaskádové tabulky stylů•  Porovnání HTML a CSS na příkladu

lineárních a blokových tagů.•  Tagy bez formátování <div> - blok,

<span> - lineární.•  Použití atributů třídy a id k

nastavení stylů.•  Použití externích CSS souborů

stylů.•  Další vlastnosti CSS pro

formátování textu: letter-spacing, line-height, text-intend, text-transform, white-space, word-spacing.

•  Praxe: formátování textu pomocí CSS.

•  Vytváření seznamů•  Vytváření vložených seznamů•  Formátování seznamů pomocí

CSS.•  Seznamy definic: elementy <dl>,

<dd>, <dt>.•  Správa odsazení: praktické

příklady použití.

Materialize•  Historie tvorby materializace •  Cíle a úkoly materializace •  Připojení materializace

•  Materiálové provedení •  Systém sítí v materializaci •  Pochopení Helper. Druhy Helpers.•  Navigace a Bootstrap.•  Použití obrázků a videí •  Posouvání •  Praktické příklady použití.

Less•  Historie vytváření Less•  Cíle a úkoly Less •  Připojení a kompilace Less•  Proměnné •  Směsi •  Funkce •  Praktické příklady použití.

ZKOUŠKA

•  Vývoj klientských skriptů pomocí JavaScriptu a knihovny jQuery

Úvod do JavaScriptu•  Skripta, prováděné na straně

klienta •  JavaScript •  Historie JavaScriptu •  Rozdíly mezi JavaScriptem a

Javou, JScriptem, ECMAScriptem •  Verze JavaScriptu •  Pochopení Document Object

Model.•  Pochopení Browser Object Model. •  Úvod do HTML dokumentů .

Editory kódu JavaScriptu •  Tag <noscript> •  Základy syntaxe •  Proměnné. Pravidla pojmenování

proměnných.•  Datové typy •  Operátory. •  Vstupní / výstupní data. Dialogové

okno •  Podmínky •  Cykly •  Funkce •  Objekt arguments. •  Rozsah proměnné. Klíčové this. •  Rekurze.

Úvod do objektově orientovaného programování

•  Objekty. Masiva•  Zpoždění a intervaly. Periodické

volání funkcí •  Objekt Date. Datum a čas

zpracování •  Objekt Math. Vlastnosti a metody.

Náhodná čísla •  OOP. Tři základní principy. •  Pojmy třídy a objektu v

JavaScriptu •  Vlastnosti •  Metody •  Vlastnosti přístupových prvků•  Konstruktor •  Pochopení prototype. •  Dědičnost.

Zpracování událostí•  Události. Zpracování událostí •  Zpracování událostí ve skriptech •  Správa stylů prvků webové stránky •  Objekt event a jeho vlastnosti •  Zpracovávání výchozích událostí

(standardní zpracování). Zákaz výzvy standardního zpracovatele.

•  Objekt Image. Správa obrázků a rolloverů.

Browser Object Model. Document Object Model

•  Rozdíly mezi DOM a DOM •  Objekty Browser Object Model.•  Document Object Model.•  Prezentace dokumentu HTML ve

formě stromu •  Objekty modele DOM. Hierarchie

uzlů. •  Model události DOM•  DOM vlastnosti a metody. •  Změna stromu DOM •  Seznámení s objekty Document

a Link. •  Správa výběru a rozsahu textu:

Objekty Selection a TextRange.•  Zvlášnosti DOM v HTML5.

Spolupráce s DOM•  Vytváření nových elementů DOM •  Vkládání elementů DOM •  Přesouvání elementů DOM •  Kopírování elementů DOM •  Spolupráce s atributy.

Formy•  Aplikace forem. Umístění

elementů formy v HTML. •  Kolekce Forms. •  Vytváření a programování

elementů formy.

Kontrola věrohodnosti forem. Použití Cookies

•  Ověření údajů formy •  Objekt RegExp. Pravidla pro psaní

regulárních výrazů. •  Metody objektů String a RegExp

pro práci s regulárními výrazy •  Pochopení souborů cookie •  Vytváření, používání a

odstraňování souborů cookie. •  Výhody a nevýhody cookies

Malování pomocí Canvas, mediální podpora

•  Pochopení Canvas a jeho základní schopnosti

•  Podpora mediálních schopností.•  JSON, Ajax•  Cíle a úkoly. Syntaxe JSON •  Objekt JSON

•  Přizpůsobení vlastní serializace v JSON. Metoda ToJSON

•  Synchronní a asynchronní požadavky

•  Ajax •  Objekt XMLHttpRequest •  Metody a vlastnosti

XMLHttpRequest •  Pochopení HTTP hlavičky •  Použití metody kódování GET.URL •  Použití metody POST

ECMAScript 6•  Historie vzniku •  Proměnné •  Typ dat Symbol. •  Funkce šipek •  Využití řádků•  Objekty a třídy •  Moduly •  Další funkce ECMAScript 6.

Modulární testování•  Cíle a úkoly modulárního testování •  Potřeba modulárního testování •  Přehled nástrojů pro testování

modulů •  Praktické příklady použití.

Návrhové vzory•  Chápání vzoru projektování •  Příčiny vzniku návrhových vzorů •  Principy návrhových vzorů •  Principy výběru návrhových vzorů •  Principy dělení vzorů do kategorií •  Úvod do UML. •  Využití UML při analýze vzorů

projektování•  Způsobené vzory•  Strukturální vzorce •  Vzory chování.

Vzor MVC•  Cíle a úkoly vzoru Model-View-

Controller •  Model •  View •  Controller •  Příklady použití vzoru MVC.

Zásady pro navrhování tříd SOLID

•  Principy návrhu třídy SOLID •  Přehled problémů, které se

vyskytly při navrhování a vývoji tříd •  Příklady použití principů SOLID.

Úvod do JQuery •  cíle a úkoly jQuery •  historie vytváření jQuery •  verze jQuery •  připojení jQuery •  Přístup k elementům stránky

pomocí funkce $ •  pojem voliče •  typy voličů •  přechod •  Metody obcházení DOM: filter,

next, nextAll , prev, prevAll, siblings, atd.

Události a jQuery•  Vytvoření zpracovávání událostí

pomocí jQuery •  Vymazání zpracovávání událostí•  Objekt Event a jQuery •  Dopad na zpracování událostí •  Spuštění zpracování událostí.

Styly a animace•  Metoda CSS •  Zobrazení a skrytí elementů

pomocí metody show a hide •  Vytváření efektů •  Animace.

AJAX a jQuery•  Pochopení JSON •  Mechanismy Ajax uvnitř knihovny

jQuery •  Použití metody GET •  Použití metody POST •  Události a Ajax v rámci jQuery •  Zpracování chyb.

Použití jQuery Pluginu•  Pochopení pluginu jQuery •  Připojení pluginu •  Příklady pluginů.

Týmová práce, řízení programovými projekty

•  Řízení. Příčiny disciplinárních problémů při řízení programových projektů

•  Ganttovy diagramy •  Důležité otázky týkající se řízení

programových projektů •  Analýza termínů předmětné

oblasti •  Charakteristiky projektu •  Náklady související s projektem •  Přehled procesních modelů a

metodik. •  Podrobně o Scrumu.

ZKOUŠKA

Použití rámců Angular, React

NodeJS•  Cíle a úkoly NodeJS •  Konfigurace prostředí •  Nástroje pro vývoj a ladění •  Struktura aplikací •  Správce balíčků npm •  Vytvoření a registrace vlastních

balíčků •  Práce s událostmi •  Využití souborového systému •  Moduly spolupráce HTTP a URL.

Montáž projektů pomocí Webpack 2 a dalších nástrojů

•  Montáž projektů •  Problémy při sestavování projektu •  Nástroje pro montáž projektů •  Webpack 2.

Angular•  Cíle a úkoly Angular. •  Pochopení jednostránkové

aplikace (SPA) •  Anatomie aplikace Angular.•  Nastavení prostředí •  Pochopení modulu •  Komponent•  Vzory •  Interpolace •  Použití direktiv •  Data binding v Angular. •  Pipes v Angular aplikací.•  Servisy •  Dependency Injection.•  Použití požadavků HTTP •  Navigace a přenos dat •  Praktické příklady použití.

React•  Cíle a úkoly React. •  Anatomie aplikace React. •  Nastavení prostředí •  Pochopení Flux •  Pochopení JSX •  Použití komponent •  Životní cyklus aplikace na React. •  Props a State.•  Controller views.•  Pochopení Route.•  Použití forem•  Použití Fluxu •  Praktické příklady použití.

ZKOUŠKA

Program studiaFront-end